.mm-active a{
    color: #dac792 !important;
}
.table {
    background: #f7f4f4;
    border: solid 1px #ddd;
}
.table td, .table th {
    font-size: 14px;
    padding: 0.25rem;
}

.pointer{
    cursor : pointer;
}
.student-dashboard .intro-video .img-thumnil-box{
    border: 7px solid #5b9b98;
    background-size: 100% 100% !important;
    background-position: center !important;
}
.work-status{
width: 403px;
}

.challenge-contnt.teacher_cahllenge{
    background-image: none;
}

.teacher-dashboard h1{
    text-rendering: optimizeLegibility;
    font-size: 3.25em;
    font-family: "arial narrow", "helvetica narrow", "OpenSans Light", arial, helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
    margin:0 0 0.67em 0;
    padding: 0 12px;
}

.teacher-dashboard h2{
    font-size: 1.5em;
    font-weight: bold;
}

.teacher-dashboard h3{
    font-size: 1.125em;
    font-weight: bold;
}



.teacher-dashboard .teacher-dashboard-right{
    padding-right: 25px;
}

.teacher-dashboard .teacher-dashboard-right .btn,
.teacher-dashboard .teacher-dashboard-right .btn{
    border-radius: 3px;
    background-color: #bf311a;
    background-image: url(https://app.brainchase.com/sites/all/themes/brainchase/images/icons/button-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    padding-right: 2.5rem;
    font-family: Arial, "OpenSans Regular", sans-serif;
    font-weight: normal;
    font-size: 1.125em;
    box-shadow: inherit;
    border: none;
    line-height: 23px;
}

.teacher-dashboard .teacher-dashboard-right .btn.btn-danger{
    background-color: #bf311a;
}

.teacher-dashboard .teacher-dashboard-right .btn.btn-primary{
    background-color: #2284a1;
}

.button-red{
    background-color: #bf311a !important;
}

.blue.form-submit{
    background-color: #138c98;
    padding: 10px 40px 10px 15px;
}

.button{
    border-radius: 3px;
    background-image: url(https://app.brainchase.com/sites/all/themes/brainchase/images/icons/button-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    padding-right: 2.5rem;
    font-family: Arial, "OpenSans Regular", sans-serif;
    font-weight: normal;
    font-size: 1.125em;
    border: none;
    text-transform: uppercase;
    box-shadow: none !important;
    color: #fff !important;
}

.description{
    margin-bottom: 20px;
    font-family: Arial, "OpenSans Light", sans-serif;
    color: #261c02;
    line-height: 18px;
    padding: 0 12px;
}

.comments,
.notes{
    padding: 35px 12px 0 12px;
}

.comments label,
.notes label,
.indicate-pass-fail{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875em;
    color: #4d4d4d;
    cursor: pointer;
    margin-bottom: 0;
}

.indicate-pass-fail{
    padding-top: 25px;
}




@media(max-width: 767px){
    .teacher-dashboard .teacher-dashboard-right {
        padding-right: 0;
    }
}

@media(max-width: 576px){
    .teacher-dashboard h1 {
        font-size: 2.25em;
    }
}

/*                                           i need a hint css starts her                                           */

.modal-dialog{
    max-width: 850px;
}
.hint-text{
    padding: 15px 36px;

}

.hint-modal{
    width: 660px;
    min-height: 245px;
    padding: 20px;
    background-color: #004f5a;
    background-image: url('images/trapezoid-dashed-lines.png');
    background-position: -30px top;
    background-repeat: no-repeat;
    color: white;
    -ms-transform: skew(-13deg, 0deg);
    -webkit-transform: skew(-13deg, 0deg);
    transform: skew(-13deg, 0deg);
    box-shadow: 9px 9px 5px #261c02;
    -moz-box-shadow: 9px 9px 5px #261c02;
    -webkit-box-shadow: 9px 9px 5px #261c02;
    border-color: #004f5a;
    text-align: left;
}

.hint-modal p{
    padding: 10px 0;
    margin: 0;
}

.hint-modal p a{
    color: #fff;
    font-size: 0.875em;
    background: none;
    font-weight: bold;
}


.hint-modal .close{
    font-size: 22px !important;
    font-weight: bold;
    background-color: #000000 !important;
    border: 4px solid #fff !important;
    border-radius: 50% !important;
    color: #fff !important;
    cursor: pointer !important;
    padding: 15px 12px 15px 12px !important;
    line-height: 0.5;
    right: -10px;
    top: -10px;
    opacity: 1;
    position: absolute !important;
    -webkit-transform: skew(13deg, 0deg);
    transform: skew(13deg, 0deg);
    box-shadow: none !important;
    outline: none !important;
}


/*exampleModal-two*/
#exampleModal-two .modal-content{
    background-color: #494b51;
}


#exampleModal-two .close{
    font-size: 18px !important;
    font-weight: bold;
    background-color: #000000 !important;
    border: 4px solid #fff !important;
    border-radius: 50% !important;
    color: #fff !important;
    cursor: pointer !important;
    padding: 15px 12px 15px 12px !important;
    line-height: 0.5;
    right: -10px;
    top: -10px;
    opacity: 1;
    position: absolute !important;
    box-shadow: none !important;
    outline: none !important;
}

/*exampleModal-two*/

@media (max-width: 768px){
    .modal-dialog {
        max-width: 70%;
        margin: 0 auto;
    }


    #exampleModal-two .modal-dialog{
        max-width: 90%;
    }
    #exampleModal-two .close{
        right: 0;
        top: 0;
        transform: skew(0deg, 0deg);
        padding: 10px 8px 10px 8px !important;
    }
}

@media (max-width:576px){
    .hint-modal{
        transform: skew(-6deg, 0deg);
        -webkit-transform: skew(-6deg, 0deg);
    }

    .close{
        transform: skew(8deg, 0deg);
    }
}

.navbar-nav .nav-item:hover{
            background: #bf311a;
            color: white;
}

/* policies */

.policies{
  padding-left: 10px!important;
}

	.parent-dashboard h2{
    		margin: 0;
			font-size: 2.2em;
			font-weight: bold;
			font-family: "arial narrow", "helvetica narrow", "OpenSans Light", arial, helvetica, sans-serif;
		}

    	.parent-dashboard .parent-dashboard-title h2{
			color: #bf311a;
			font-style: italic;
			text-transform: uppercase;
			padding-top: 68px !important;
    	}

    	.parent-dashboard .choose-semester h3{
			font-family: Arial, "OpenSans Regular", sans-serif;
			font-style: normal;
			text-rendering: optimizeLegibility;
			margin-top: 0;
			margin-bottom: 0.7em;
			line-height: 1.2;
			color: #261c02;
			font-size: 1.5em;
			text-align: center;
			font-weight: 600;
			padding-top: 20px;
    	}

    	.parent-dashboard .parent-dashboard-title{
    		height: 210px;
    	}

    	.parent-dashboard .choose-semester{
    		background-color: #fff;
    	}

    	.parent-dashboard .choose-semester ul li{
    		display: inline-block;
    	}

    	.parent-dashboard label{
			font-weight: bold !important;
			font-size: 0.875em;
			color: #4d4d4d;
			cursor: pointer;
			display: block;
			font-weight: 500;
			margin-bottom: 0.1875em;
			text-transform: uppercase;
    	}

    	.parent-dashboard label span{
    		color: #f00;
    	}

    	.parent-dashboard .choose-semester ul li .form-control{
			color: #000 !important;
			box-shadow: none !important;
			outline: none !important;
			height: 35px;
			margin-right: 17px;
			width: 220px;
    	}

    	.parent-dashboard .choose-semester ul li .btn-primary {
		    background-color: #3a8c98 !important;
		}

		.parent-dashboard .parent-dashboard-mid{
			background-color: #fff;
		}

		.parent-dashboard .profile-dark-blue.section-header,
		.parent-dashboard .add-data .add-data-header,
		.parent-dashboard .student-passbook-header,
		.parent-dashboard .frequently-questions .let-chat-header{
		    background-color: #017e93;
		    color: white;
		}

		.parent-dashboard .profile-dark-blue .profile-dark-blue.section-body h2{
			color: #fff;
		}

		.parent-dashboard .parent-dashboard-mid h2,
		.parent-dashboard .student-passbook-header h2,
		.parent-dashboard .add-data .add-data-header h2,
		.parent-dashboard .frequently-questions .frequently-questions-header h2,
		.parent-dashboard .frequently-questions .let-chat-header h2{
			color: #fff;
			font-size: 1.5em;
			text-align: center;
			font-family: Arial, "OpenSans Regular", sans-serif;
			padding: 0px 0 20px 0;
		}

		.parent-dashboard .profile-lt-shade.shade-box{
			color: #261c02;
			border: solid 2px #017e93;
		}

		.parent-dashboard .status-button{
			display: inline-block;
			margin: 5px 15px 5px 17px;
			width: 115px;
			height: 130px;
			position: relative;
			background: url("/static/assets/images/student-progress-hover-background-image.png" ) no-repeat -118px 0;
		}

		.parent-dashboard .status-button:hover{
			background: url("/static/assets/images/student-progress-background-image.png" ) no-repeat -118px 0;
		}

		.parent-dashboard .profile-lt-shade {
		    background-color: #faf7f0;
		}

		.parent-dashboard .status-button a {
		    height: 130px;
		    width: 115px;
		}

		.parent-dashboard .status-button .button-number{
      position: absolute;
      top: 5px;
      left: 31px;
      width: 115px;
      height: 130px;
      font-size: 3.75em;
      color: white;
		}

		.parent-dashboard .status-button .button-week{
			position: absolute;
			bottom: 0px;
			left: 2px;
			color: #ce7019;
		}

		.parent-dashboard .status-button.available {
		    background-position: 0 0;
		}

<!--		.parent-dashboard .status-button.available:hover{-->
<!--		    background-position: -118px 0;-->
<!--		}-->

		.parent-dashboard .profile-dark-blue{
			background-color: #017e93;
			color: white;
		}

		.parent-dashboard .parent-dashboard-right ul{
			padding: 0 0 15px 25px;
			list-style: disc;
		}

		.parent-dashboard .parent-dashboard-right a{
			color: #88c3cd !important;
		}

		.parent-dashboard .student-passbook{
			background-color: #fff;
		}

		.parent-dashboard .student-passbook-body table{
			background: #fff;
			margin-bottom: 1.25em;
			border: solid 1px #ddd;
			width: 100%;
		}

		.parent-dashboard .student-passbook-body table tr.even,
		.parent-dashboard .student-passbook-body table tr.odd{
			background-color: #eee;
			border-bottom: 1px solid #ccc;
			padding: 0.1em 0.6em;
		}

		.parent-dashboard .student-passbook-body table tr.even,
		.parent-dashboard .student-passbook-body table tr.alt,
		.parent-dashboard .student-passbook-body table tr:nth-of-type(even) {
		    background: #f9f9f9;
		}

		.parent-dashboard .student-passbook-body table thead tr th,
		.parent-dashboard .student-passbook-body table thead tr td,
		.parent-dashboard .student-passbook-body table tfoot tr th,
		.parent-dashboard .student-passbook-body table tfoot tr td{
			padding: 0.5em 0.625em 0.625em;
			font-size: 14px;
			color: #222;
			text-align: left;
			display: table-cell;
			line-height: 1.125em;
			white-space: nowrap;
		}
		.parent-dashboard .student-passbook-body table thead tr th{
			border-bottom: 3px solid #ccc;
		}

		.parent-dashboard .student-passbook-body table tr th,
		.parent-dashboard .student-passbook-body table tr td{
			padding: 0.5625em 0.625em;
			font-size: 0.875em;
			color: #222;
		}

		.parent-dashboard .progress-bar{
			background-color: #14f062;
			border-radius: 20px;
		}

		.parent-dashboard .progress{
			background-color: #777777;
			border-radius: 20px;
		}

		.parent-dashboard .student-passbook-body table tr td a{
			color:#88c3cd;
		}

		.parent-dashboard .add-data{
		    background-color: #fff;
		    padding: 35px 0 35px 0;
		}


		.parent-dashboard .add-data .add-data-body{
			background-color: #80bec9;
		}

		.parent-dashboard .add-data .add-data-body p{
			color: #fff;
		}

		.parent-dashboard .add-data .add-data-body .form-control{
			box-shadow: none;
			outline: none;
			border-radius: 0;
			height: 35px;
		}

		.parent-dashboard .add-data .add-data-body .btn-primary{
			background-color: #3a8c98 !important;
		}

		.parent-dashboard .frequently-questions{
			background-color: #fff;
		}

		.parent-dashboard .frequently-questions .frequently-questions-header{
			background-color: #b39742;
		}

		.parent-dashboard .frequently-questions .frequently-questions-body .faq-question {
		    color: #b39742;
		    font-weight: bold;
		    font-style: italic;
		    padding: 10px;
		}

		.parent-dashboard .frequently-questions .frequently-questions-body .faq-answer{
			padding: 10px;
			color: #017e93;
			font-weight: 200;
			font-style: normal;
			line-height: 18px;
		}

		.parent-dashboard .frequently-questions .frequently-questions-body .faq-question {
		    color: #b39742;
		    font-weight: bold;
		    font-style: italic;
		    padding: 10px;
		}

		.parent-dashboard .profile-gold {
		    background-color: #b39742;
		    text-align: center;
		    padding: 15px;
		}

		.let-chat-body .shade-box{
			background-color: #faf7f0;
			padding:5px 15px;
		}

		.let-chat-body .shade-box a{
			color: #88c3cd;
		}

		.let-chat-body{
			border: solid 2px #017e93;
		}

		.let-chat-body .profile-gold{
			padding: 12px 40px;
		}

		.student-passbook-body .table-responsive{
			overflow: scroll;
		}



		@media (max-width: 768px){
			.parent-dashboard .parent-dashboard-title h2{
				padding-top: 0 !important;
			}

			.lets-chat{
				margin-top: 15px;
			}
			.parent-dashboard .student-passbook-body table{
				width: 700px;
			}

			.parent-dashboard .add-data .add-data-body{
				padding-bottom: 15px;
			}
		}

		@media (max-width: 576px){
			.parent-dashboard .status-button{
				margin: 5px auto 5px auto;
			}
			.parent-dashboard .student-passbook-body table thead tr th,
			.parent-dashboard .student-passbook-body table thead tr td,
			.parent-dashboard .student-passbook-body table tfoot tr th,
			.parent-dashboard .student-passbook-body table tfoot tr td{
				white-space: normal;
			}

			.parent-dashboard .student-passbook-body table {
			    width: 100%;
			}
		}

.welcome_test.student-information{
			background-color: #fff;
			padding: 65px 30px 40px 30px;
    	}

    	.student-information h2{
			font-size: 1.5625em;
			color: #017e93;
			text-transform: uppercase;
			font-weight: bold;
    	}

    	.student-information-form{
    		padding: 0 15px;
    	}

    	.student-information label{
			font-weight: normal;
			text-transform: uppercase;
			font-size: 0.875em;
			color: #4d4d4d;
			cursor: pointer;
			display: block;
			margin-bottom:0;
    	}
    	.student-information label span{
    		color: #f00;
    	}

    	.student-information .form-control{
			color: rgba(0,0,0,0.75);
			font-size: 0.875em;
			height: 2.3125em;
			max-width: 100%;
			transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
			box-sizing: border-box !important;
			padding: 0.3em 0.4em 0.3em 0.5em !important;
			border: 1px solid #b8b8b8 !important;
			border-top-color: #999 !important;
			border-radius: 2px !important;
			background: #fcfcfa !important;
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
		}

		.student-information textarea.form-control{
			height: auto;
		}


    	.student-information .form-control::placeholder {
		  	color: rgba(0,0,0,0.75);
		}

		.student-information .form-control:-ms-input-placeholder {
			color: rgba(0,0,0,0.75);
		}

		.student-information .form-control::-ms-input-placeholder {
			color: rgba(0,0,0,0.75);
		}

		.student-information .form-group{
    		margin-bottom: 15px;
    	}

    	.description{
    		font-size: 0.85em;
    		padding: 10px 0 10px 0;
    	}

    	.mailing-address .mailing-address-form{
    		padding: 0 15px;
    	}

		.mailing-address .mailing-address-form .form-group p{
			font-size: 0.85em;
			line-height: 14px;
		}

		.profile-selection-gold{
			background-color: #b39742;
			color: white;
			border: solid 2px #017e93;
		}

		.student-profile-icon {
		    position: absolute;
		    right: 0;
		    z-index: 100;
		    top: -18px;
		}

		.elective-option .form-type-checkbox{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 15px 0;
		}

		.elective-option .profile-selection-gold .form-type-checkbox label.option{
			color: #fff;
			margin-left: 10px;
		}
		.elective-option .page-parent-dashboard-student fieldset{
			border: none;
			margin: 0 30px 30px 30px;
			padding: 0;
		}

		.elective-option fieldset legend{
			font-weight: bold;
			background: #fff;
			padding: 10px 20px 20px 20px;
			margin: 0;
			margin-left: -0.1875em;
		}

		#edit-optional-challenges .fieldset-legend{
			font-size: 24px;
			color: #017e93;
			text-transform: uppercase;
			font-weight: bold;
		}

		.elective-option .profile-lt-shade {
			background-color: #faf7f0;
			padding: 0 15px;
			margin-top: 30px;
		}

		.elective-option .profile-lt-shade p{
			font-family: inherit;
			font-weight: normal;
			font-size: 1em;
			line-height: 1.6;
			padding-bottom: 1.25em;
			text-rendering: optimizeLegibility;
			margin-bottom: 0;
		}

		.elective-option .profile-lt-shade.jewish-cooking ul{
			margin-left: 1.375em;
			list-style: disc;
			padding-bottom: 20px;
		}

		#edit-mandatory-challenges{
			margin-bottom: 20px;
		}

		#edit-mandatory-challenges legend{
			margin: 0;
		}
		#edit-mandatory-challenges legend .fieldset-legend {
		    margin:0;
		}

		#edit-mandatory-challenges .fieldset-legend{
			font-size: 24px;
			color: #017e93;
			text-transform: uppercase;
			font-weight: bold;
		}

		#edit-mandatory-challenges .profile-dark-blue h3{
			background-color: #017e93;
			color: #fff;
			font-size: 1.125em;
			font-family: Arial, "OpenSans Regular", sans-serif;
			font-style: normal;
			padding: 12px 15px 14px 15px;
			line-height: 1.2;
			font-weight: 700;
			margin: 0;
		}

	 	#edit-mandatory-challenges .profile-dark-blue .student-profile-icon{
			top: -24px;
		}

		#edit-covenants .fieldset-legend{
			font-size: 24px;
			color: #017e93;
			text-transform: uppercase;
			font-weight: bold;
		}

		#edit-covenants .profile-selection-dark-blue{
			background-color: #017e93;
			padding: 15px 15px 0 15px;
		}



		#edit-covenants .profile-selection-covenant-button-container a.profile-gold{
		    position: absolute;
		    top: 40px;
		    left: 95px;
		    background-color: #b39742;

		    border-radius: 3px;
			background-image: url(images/button-arrow.png);
			background-repeat: no-repeat;
			background-position: right center;
			padding-right: 2.5rem;
			font-family: Arial, "OpenSans Regular", sans-serif;
			font-size: 1.125em;
			color: #fff;
			text-transform: uppercase;
			padding: 10px 39px 10px 30px;
		}

		#edit-covenants .form-checkbox{
			float: left;
			margin: 4px 0 0 0;
			width: 20px;
		}

		#edit-covenants label{
			color: #fff;
		}

		 p.profile-lt-blue-text{
			background-color: transparent;
			color: #88c3cd;
			font-size: 1em;
			line-height: 1.6;
			margin-bottom: 1.25em;
			text-align: center;
			padding: 30px 0 0 0;
		}


		#profile-submit{
			border-radius: 3px;
			background-color: #bf311a !important;
			background-image: url(images/button-arrow.png);
			background-repeat: no-repeat;
			background-position: right center;
			position: relative;
			padding-right: 2.5rem;
			font-family: Arial, "OpenSans Regular", sans-serif;
			font-weight: normal;
			font-size: 1.125em;
			box-shadow: inherit;
			border: none;
			padding: 10px 45px 10px 34px;
		}

		#edit-upgrades legend{
			padding: 20px 0 50px 0;
			margin: 0;
		}

		#edit-upgrades legend .fieldset-legend{
			font-size: 24px;
			color: #017e93;
			text-transform: uppercase;
			font-weight: bold;
		}

		.upgrade-cost-contnt h2{
			font-size: 1.5em;
			color:#261c02;
		}

		#upgrade-submit{
			background-color: #2ba6cb;
			border-color: #2284a1;
			color: #fff;
			cursor: not-allowed !important;
			opacity: 0.6;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		.footer{
			margin-top: 0;
		}

		@media(max-width: 768px){
			.header {
				padding: 45px 0 0 0;
			}
			#edit-covenants .profile-selection-covenant-button-container{
				padding: 15px 0;
			}

			#edit-covenants .profile-selection-covenant-button-container a.profile-gold{
				    position: initial;
			}

		}
		@media(max-width: 576px){
			.row{
				margin: 0;
			}
			.student-information .form-control	{
				max-width: 100%;
			}

			.welcome_test.student-information{
				padding: 30px 0 40px 0;
			}

			.student-information h2{
				font-size: 22px;
			}

			.student-information-form,
			.mailing-address .mailing-address-form{
				padding: 0;
			}
			.student-information-form .date-padding.px-3{
				padding: 0 !important;
			}



			.mailing-address-form p{
				padding: 0;
			}

			#edit-optional-challenges legend,
			#edit-mandatory-challenges legend,
			#edit-covenants legend,
			#edit-upgrades legend{
				line-height: 24px;
			}

			#edit-optional-challenges .fieldset-legend,
			#edit-mandatory-challenges .fieldset-legend,
			#edit-covenants .fieldset-legend,
			#edit-upgrades .fieldset-legend{
				font-size: 18px !important;
			}

			.profile-challenge-container.checkGold{
				padding: 0 25px;
			}



			p.profile-lt-blue-text{
				padding: 10px 15px;
				width: 90%;
				margin: 0 auto;
			}

			.student-information h2 {
			    padding: 0;
			    font-size: 20px;
			}

			.upgrade-cost-contnt{
				padding: 0 30px;
			}

			#edit-upgrades,
			#edit-mandatory-challenges,
			#edit-covenants{
				padding: 0 15px;
			}

			#edit-covenants .profile-selection-covenant-button-container a.profile-gold{
				padding: 10px 36px 10px 15px;
			}
			#edit-covenants .profile-selection-dark-blue{
				padding: 15px 0 0 0px;
			}
		}
		.status-report{
			text-transform: uppercase;
		}

		.how-can-help {
		    background-image: url(/static/frontend/images/status-report-header.jpg);
		}

		.how-can-help.status-report{
			margin-top: 25px;
		}

		.status-report h2{
		    font-family: "arial narrow", "helvetica narrow", "OpenSans Light", arial, helvetica, sans-serif;
		    padding: 75px 0 15px 0;
		}

		.status-report ul li{
			display: inline-block;
			width: 32%;
		}

		.status-report ul li label{
			font-size: 0.875em;
			color: #4d4d4d;
			margin: 0;
		}

		.status-report ul li label span{
			color: #f00;
		}

		.status-report ul li .form-control{
			padding: 2px !important;
			box-sizing: border-box !important;
			padding: 0.3em 0.4em 0.3em 0.5em !important;
			border: 1px solid #b8b8b8 !important;
			border-top-color: #999 !important;
			border-radius: 2px !important;
			background: #fcfcfa !important;
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
			height: 33px;
		}


		.summery-information{
			background-color: #fff;
			padding: 55px 0 0 0;
		}


		.summery-information h3{
			color: #261c02;
			font-family: Arial, "OpenSans Regular", sans-serif;
			font-style: normal;
			text-rendering: optimizeLegibility;
			margin-top: 0.2em;
			margin-bottom: 0.7em;
			line-height: 1.2;
			font-size: 1.125em;
			font-weight: 600;
		}

		.summery-information .profile-dark-blue{
			background-color: #017e93;
			color: white;
			padding: 1.25em;
		}

		.summery-information .profile-dark-blue h4{
			text-transform: uppercase;
			font-family: "OpenSans Regular", Arial, sans-serif;
			color: white;
			text-align: center;
			font-size: 1.5em;
			margin:0;
			font-weight: 600;
		}

		.summery-information .summary-panel {
		    margin-bottom: 20px;
		}

		.summery-information .profile-gold {
		    background-color: #b39742;
    		color: white;
    		padding: 1.25em;
		}

		.summery-information .summary-panel h4{
			margin: 0;
			text-transform: uppercase;
			font-family: "OpenSans Regular", Arial, sans-serif;
			color: white;
			text-align: center;
			font-size: 1rem;
			font-weight: 700;
		}


		.summery-information .status-report-icon {
			position: absolute;
			left: 0;
			z-index: 100;
			top: -10px;
		}


		.summary-panel.summary-panel-right p{
			color: #fff;
			font-family: "OpenSans Regular", Arial, sans-serif;
			margin-bottom: .75em;
		}

		.summery-information .profile-white{
			padding: 10px 15px;
			color: #017e93;
		}

		.summery-information .profile-dark-blue {
		    background-color: #017e93;
		    color: white;
		    margin: 0;
		}

		.profile-dark-blue.section-header{
			margin-bottom: 20px;
		}



		.summery-information .summary-panel .student-summary{
			padding: 1.25em;
			border-top: 1px solid white;
			min-height: 420px;
			background: url(/static/frontend/images/mae-halfsy.png) no-repeat bottom right;
			background-color: #017e93;
		}

		@media(max-width: 767px){
			.summery-information .profile-white p img{
				width: 150px;
			}

			.status-form .btn-primary {
			    margin-left: 0;
			}
		}
		@media(max-width: 576px){
			.header{
				margin-bottom: 0;
			}

			.how-can-help.status-report{
				margin-top: 0;
				min-height: 300px;
			}

			.status-report h2{
				padding: 20px 0 15px 0;
			}

			.status-report ul li {
			    width: 90%;
			}

			.status-form .btn-primary{
				margin-top: 20px;
				width: 100%;
			}

			.summery-information .summary-panel h4{
				padding-left: 50px;
			}

			.how-can-help.status-report{
				background-position: inherit;
			}
.welcome_test.mister_staker-contnt{
			background-color: #fff;
			padding-top: 65px;
			padding-bottom: 40px;
    	}

    	.mister_staker-contnt h2{
			font-size: 2.2em !important;
			color: #bf311a;
			font-style: italic;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			font-family: "arial narrow", "helvetica narrow", "OpenSans Light", arial, helvetica, sans-serif;
			margin-bottom: 35px;
    	}

    	.mister_staker-contnt label{
			font-weight: normal;
			text-transform: uppercase;
			font-size: 0.875em;
			color: #4d4d4d;
			cursor: pointer;
			display: block;
			margin-bottom:0;
    	}
    	.mister_staker-contnt label span{
    		color: #f00;
    	}

    	.mister_staker-contnt .form-control{
			color: rgba(0,0,0,0.75);
			display: block;
			font-size: 0.875em;
			margin: 0 0 1em 0;
			height: 2.3125em;
			max-width: 31.25em;
			transition: box-shadow 0.45s,border-color 0.45s ease-in-out;

			box-sizing: border-box !important;
			padding: 0.3em 0.4em 0.3em 0.5em !important;
			border: 1px solid #b8b8b8 !important;
			border-top-color: #999 !important;
			border-radius: 2px !important;
			background: #fcfcfa !important;
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
		}


    	.mister_staker-contnt .form-control::placeholder {
		  	color: rgba(0,0,0,0.75);
		}

		.mister_staker-contnt .form-control:-ms-input-placeholder {
			color: rgba(0,0,0,0.75);
		}

		.mister_staker-contnt .form-control::-ms-input-placeholder {
			color: rgba(0,0,0,0.75);
		}



    	.mister_staker-contnt .form-group{
    		margin-bottom: 30px;
    	}

		.welcome_test {
            padding: 25px 0px 0 0;
        }
		p.description{
		    font-family: Arial, "OpenSans Light", sans-serif;
		    color: #261c02;
			cursor: default;
			font-style: normal;
			font-weight: normal;
			font-size: 0.85em;
			line-height: 1;
		}

		#edit-mimemail .fieldset-legend a{
			color: #999999;
			text-decoration: none;
			line-height: inherit;
			font-size: 14px !important;
			font-weight: normal;
			text-transform: uppercase;
		}

		#edit-mimemail-textonly{
			float: left;
			margin: 6px 9px 0 0;
		}

		.form-type-checkbox .description {
			margin-left: 2.4em;
			font-size: 0.85em;
			font-family: Arial, "OpenSans Light", sans-serif;
			color: #261c02;
			margin-bottom: 45px;
		}

		label.confirm-password{
			margin-bottom: 20px;
		}

		.password-strength {
			width: 100%;
			margin-top: 1.4em;
			margin-left: 10px;
		}

		.password-indicator {
		    background-color: #C4C4C4;
		    height: 0.3em;
		    width: 100%;
		}

		.footer{
			margin-top: 0;
		}

		@media(max-width: 768px){
			.header {
				padding: 45px 0 0 0;
			}
		}
		@media(max-width: 576px){
			.welcome_test.mister_staker-contnt{
				padding-top: 30px;
			}

			.mister_staker-contnt .form-group {
			    margin-bottom: 10px;
			}


			.password-strength {
			    margin: 0px 0 15px 0;
			}

			.form-type-checkbox .description{
				padding: 15px 0 20px 0;
				margin: 0;
			}

			.mister_staker-contnt .form-control	{
				max-width: 100%;
			}
		}
		}

.green.form-submit {
background-color: #258a3f;
padding: 12px;
border-radius: 3px;
border: 0px;
}
.teacher-dashboard .media_embed iframe {
height: 360px;
width: 100%;
}

.active,.mm-active{
color: #eeb111 !important;
}
#pager ul{
text-align:center
}


#bookSearchForm {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
}
.button.green {
background-color: #258a3f !important;
}
.next_button,.prev_button{
  background-image:none;
  padding: .875em 1.5em;
  display: inline-block;
  font-size: 0.875em;
  font-weight: normal;
  text-decoration:none;
  background:#3a8c98 !important;
  }
.font-weight-bold{
  font-weight:600;
}
label{
font-size: 0.875em;
font-weight: bold;
}
.upercase{
 text-transform: uppercase;
}
progress{
background-color:#4b3905 !important;
}
.btn-success {
    border-radius: 3px;
    background-image: url(../images/button-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    padding-right: 2.5rem;
    font-family: Arial, "OpenSans Regular", sans-serif;
    font-weight: normal;
    font-size: 1.125em;
    box-shadow: inherit;
    border: none;
    text-transform: uppercase;
    padding: 12px 42px 12px 22px;
    margin-bottom: 15px;
}
.btn-primary:hover{
    background-color:#18adbc;
}

.writing-instructions ul li {
    list-style: disc !important;
    margin-left: 16px;
}
.book_loader{
    height:153px;
    background-repeat: no-repeat, repeat;
    background-image: url('/static/frontend/images/spinner.gif');
    margin: auto 33%;
    position: absolute;
    width: 155px;
}
.disabled{
    pointer-events: none;
}
.teacher-dashboard-left ul{
    list-style: disc !important;
    padding-left: 15px !important;
}
.teacher-dashboard-left ul li ul{
    list-style: circle !important;
}
.small-1{
    min-width:89px;
}
.header img{
  max-width: 229px;
  top: -55px;
  position: absolute;
}

.start_adventure{
    		padding: 15px;
    	}
    	.program-schedule-content{
			border-radius: 8px;
			padding: 15px;
			margin-top: 20px;
    	}

    	.program-schedule-content h2{
    		font-family: "arial narrow", "helvetica narrow", "OpenSans Light", arial, helvetica, sans-serif;
			font-weight: bold !important;
			color: #000 !important;
			text-transform: uppercase !important;
			width: 100% !important;
			font-style: normal !important;
			letter-spacing: initial !important;
			padding: 15px 0 !important;
			margin: 0;
			text-align: center;
    	}

    	.program-schedule-content p{
    		text-align: center;
    		font-size: 16px;
    		font-family: Arial, "OpenSans Light", sans-serif;
    	}

    	.program-schedule-content .dashboard-contnt-header{
		    background-color: #017e93;
		}

    	.program-schedule-content .dashboard-contnt-header h3{
			font-family: Arial, "OpenSans Regular", sans-serif;
			color: #fff !important;
			font-weight: 600;
			text-align: center;
			font-size: 24px;
			margin: 0;
			text-transform: uppercase !important;
			width: 100% !important;
			font-style: normal !important;
			letter-spacing: initial !important;
			padding: 15px 0 !important;

    	}

    	.program-schedule-content .schedule-detail{
			background-color: #fff !important;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: hidden;
			border-radius: 0;
			padding: 0 !important;
			border: 1px solid #ddd;
			margin-top: 0;
    	}

    	.program-schedule-content .schedule-detail .row{
    		border-bottom: 1px solid #ddd;
    	}

    	.program-schedule-content .schedule-detail .row:last-child {
		    border-bottom: none;
		}

    	.program-schedule-content .schedule-detail .btn-primary{
			text-transform: uppercase !important;
			font-size: 16px !important;
			letter-spacing: 3px !important;
			line-height: 1.5 !important;
			color: #fff !important;
			border-radius: 3px !important;
			margin: 5px;
			padding: 9px 15px !important;
			border-color: #017e93;
			background-color: #017e93 !important;
			box-shadow: none !important;
			height: 42px !important;
			font-family: Arial, "OpenSans Regular", sans-serif;
			background-image: none !important;
			font-weight:normal;
			-webkit-appearance: none;
			display: inline-block;
    	}

    	.program-schedule-content .schedule-detail .child_name{
			font-size: 16px;
			color: #000;
			font-weight: 500;
			font-family: Arial, "OpenSans Light", sans-serif;
			text-transform: capitalize;
			padding: 20px 15px;
			text-align: left;
    	}
#accordion{
	    		margin: 15px;
	    	}

	    	#accordion .card{
	    		background-color: transparent;
	    	}

	    	#accordion .card-header{
	    		background-color: #017e93 !important;
	    	}

	    	#accordion .card-header .card-title{
	    		color: #fff;
	    	}

	    	#accordion .card-header .fa-plus{
				color: #fff;
				margin-top: 2px;
	    	}

	    	#accordion .card-body{
	    		background-color: #fff;
	    	}

	    	.teacher-detail{
				margin: 15px;
	    	}


	    	.teacher-detail-header{
	    		background-color: #017e93;
	    	}

	    	.teacher-detail-header h5{
	    		color: #fff;
	    	}

	    	.teacher-detail p{
				font-size: 16px;
				color: #000;
				font-weight: 500;
				font-family: Arial, "OpenSans Light", sans-serif;
				text-transform: capitalize;
				padding: 10px 15px;
				text-align: left;
	    	}

	    	.teacher-detail .modal-header{
	    		background-color: #017e93;
	    	}

	    	.teacher-detail .modal-header .modal-title{
	    		color: #fff;
	    	}