body{
    font-family: 'Montserrat';
    font-size: 16px;
}

.forminator-guttenberg .forminator-pagination-steps {
    display: none !important;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-title, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-subtitle {
    font-family: 'Montserrat', serif;
    font-size: 18px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-label, .forminator-ui#forminator-module-688.forminator-design--default .forminator-label {
    color: #5c5c5c;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-input, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-input:hover, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-input:focus, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-input:active{
    border-color: #bebebe;
    background-color: #ffffff;
    color: #000000;
    border-radius: 10px;
    padding: 15px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #bebebe;
    background-color: white;
    border-radius: 10px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
    border-color: #bebebe;
    background-color: white;
}

.forminator-guttenberg .forminator-select-dropdown-container--open .forminator-custom-form-8.forminator-dropdown--default {
    border-color: #bebebe;
    background-color: white;
    border-radius: 10px 10px 0 0;
    padding: 15px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover{
    border-color: #bebebe;
    background-color: white;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-radio .forminator-radio-bullet:before {
    background-color: #800080;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-radio input:checked + .forminator-radio-bullet {
    border-color: #800080;
    background-color: white;
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default{
    background-color: white !important;
    border: 1px solid #bebebe !important;
    border-radius: 10px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-next, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-back, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-submit, .forminator-ui#forminator-module-688.forminator-design--default .forminator-button-submit{
    background-color: #800080;
    border-radius: 30px;
    font-size: 20px;
    font-family: 'Montserrat';
    padding: 15px 30px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-checkbox input:checked + .forminator-checkbox-box {
    border-color: #800080;
    background-color: white;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-checkbox .forminator-checkbox-box {
    color: #800080;
    border-color: #bebebe;
    background-color: white;
    border-radius: 5px;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-radio .forminator-radio-bullet, .forminator-ui#forminator-module-8.forminator-design--default .forminator-radio .forminator-radio-image {
    border-color: #bebebe;
    background-color: white;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-next:hover, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-next:focus, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-back:hover, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-back:focus, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-submit:hover, .forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-button-submit:focus, .forminator-ui#forminator-module-688.forminator-design--default .forminator-button-submit:hover, .forminator-ui#forminator-module-688.forminator-design--default .forminator-button-submit:focus{
    background-color: #ae00ae;
}

.forminator-guttenberg .forminator-ui#forminator-module-8.forminator-design--default .forminator-error-message{
    font-size: 14px;
}

/*Add Student Form*/

.forminator-ui#forminator-module-641.forminator-design--default .forminator-label, .forminator-ui#forminator-module-688.forminator-design--default .forminator-label{
    color: #5c5c5c !important;
    font-family: 'Montserrat' !important;
    font-weight: bold !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-input, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:hover, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:focus, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:focus{
    background-color: #ffffff !important;
    color: #000000;
    border-radius: 10px;
    padding: 15px;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-input, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:hover, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:focus, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:focus{
    background-color: #ffffff !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-input, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:hover, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:focus, .forminator-ui#forminator-module-641.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:active, .forminator-ui#forminator-module-688.forminator-design--default .forminator-input:focus{
    background-color: #ffffff !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]{
    background-color: white !important;
    border-radius: 10px;
    padding: 5px;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-radio input:checked + .forminator-radio-bullet{
    border-color: #800080 !important;
    background-color: white !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-radio .forminator-radio-bullet:before{
    background-color: #800080 !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"] {
    border-color: #800080 !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover{
    border-color: #800080 !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover .select2-selection__arrow{
    color: #800080 !important;
}

.forminator-ui#forminator-module-641.forminator-design--default .forminator-button-submit, .forminator-ui#forminator-module-688.forminator-design--default .forminator-button-submit{
    background-color: #800080 !important;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: white;
}
/*End Add Student Form*/

.site-header{
    background-color: #800080;
}

.site-header .site-title a {
    color: white;
    font-size: 24px;
}

.site-navigation ul.menu li a{
    color: white;
}

.site-footer{
    margin-top: 40px;
}

.overall-progress-step-container{
    position: relative;
    max-width: 737px;
}

.progress-step-container{
    width: 24%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.progress-circle{
    width: 15px; 
    height: 15px; 
    border: 1px solid #800080; 
    background-color: white;
    border-radius:15px; 
    margin: 0 auto; 
    margin-bottom: 10px
}

.progress-circle.current{
    background-color: #800080; 
}

.progress-step-text{
    font-family: 'Montserrat'; 
    text-align: center; 
    font-size: 14px;
}

.progress-step-text.current{
    font-weight: bold; 
}

.progress-horizontal-line{
    border: 1px solid gray;
    position: relative;
    top: 8px;
    width: 75%;
}

.primaryaction-button a {
    background-color: #800080 !important;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: white;
}

.secondaryaction-button a{
    background-color: white !important;
    border: 1px solid #800080 !important;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: #800080 !important;
}

.secondaryaction-button.small a{
    padding: 12px 16px;
    font-size: 14px;
    margin-top: 0px;
    display: inline-block;
}

.orgstudentselect table .secondaryaction-button.small a {
    margin-right: 20px;
}


.assessment_page{
    padding: 40px;
}

.assessment_page h2{
    font-family: 'Quattrocento';
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 3px solid #800080;
}

.assessment_page button{
    background-color: #800080;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: white;
    border: 0px;
    margin-top: 20px;
}

.paged-container{
    margin-top: 80px;
}

.paged-container.login{
    max-width: 1140px;
    margin: 0 auto;
    margin-top: 80px;
}

.paged-container.orgstudentselect{
    padding: 0 40px 0 40px;
}

.assessment_page .reading-text-container h4{
    font-family: 'Quattrocento';
    font-weight: bold;
}

.reading-text-container {
    padding: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c6c6c6;
}

.assessment_page button.assessment-secondary{
    background-color: white !important;
    border: 1px solid #800080 !important;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: #800080 !important;
}

.assessment_page button:disabled{
    background-color: gray; 
}

.assessment_page #recording-message {
    font-weight: bold;
    color: #800080;
}

.assessment_page .decoding-result {
    font-weight: bold;
}

.login-or{
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
}

.asssessment_readingscore_container{
    background-color: #f9e9f9;
    padding: 20px;
    border-radius: 20px;
    border: 3px solid purple;
    margin-bottom: 40px;
}

.dashboard_assessmentresults table td, .orgstudentselect table td{
    border: 0px;
}

.dashboard_assessmentresults table tbody>tr:nth-child(odd)>td, .dashboard_assessmentresults tbody>tr:nth-child(even)>th, .orgstudentselect table tbody>tr:nth-child(even)>td, .orgstudentselect tbody>tr:nth-child(even)>th{
    background-color: #f6f8fa;
}

.dashboard_assessmentresults table tbody>tr:nth-child(even)>td, .dashboard_assessmentresults tbody>tr:nth-child(even)>th, .orgstudentselect table tbody>tr:nth-child(odd)>td, .orgstudentselect tbody>tr:nth-child(odd)>th{
    background-color: white;
}

.dashboard_assessmentresults th, .orgstudentselect th {
    border: 0px;
    border-bottom: 1px solid purple;
    font-weight: 600;
    text-align: left;
}

.reading-accuracy-score-text, .reading-speed-score-text {
    font-family: 'Montserrat';
    font-weight: bold;
    color: #DD9406;
}

.target-accuracy, .target-speed{
    font-family: 'Montserrat';
    font-weight: bold;
    color: #0FC141;
}

.videolesson-title{
    color: rgb(59, 66, 96);
    font-family: Quattrocento, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.vid_tile{
    width: 45%;
    margin: 0 auto;
    display: inline-block;
    margin-right: 4%;
    margin-bottom: 20px;
}

.orgstudentselect table a {
    margin-right: 40px;
}

.login .page-title-edit-student{
    margin: 40px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #800080;
    color: #5C5C5C;
    font-family: "Quattrocento", Sans-serif;
    font-size: 36px;
    font-weight: 700;
}

.edit-student-form .acf-fields > .acf-field{
    padding-left: 0px;
    border: 0px;
}

.edit-student-form .acf-field .acf-label label{
    color: #5c5c5c;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.edit-student-form .acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select{
    border-color: #777771;
    background-color: white;
    color: #000000;
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    border-radius: 10px;
    padding: 15px;
}

.edit-student-form [type=button], .edit-student-form [type=submit], .edit-student-form button{
    background-color: #800080 !important;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: white;
    border: 0px;
}

.orgstudentselect .page-title{
    margin: 40px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #800080;
    color: #5C5C5C;
    font-family: "Quattrocento", Sans-serif;
    font-size: 36px;
    font-weight: 700;
}

.subheader_text {
    font-family: 'Montserrat', serif;
    font-size: 18px;
    color: #333333;
	margin-bottom: 20px;
}

.selecttutor_container, .selectstudent_container {
    display: inline-block;
    margin-right: 60px;
    padding: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    vertical-align: top;
    margin-bottom: 20px;
}

.selectstudent_container{
    max-width: 40%;
    margin-bottom: 20px;
}

.bookingstatus_container{
    margin-bottom: 40px;
}

.selecttutor_container:hover, .selectedtutor, .selectstudent_container:hover {
    background-color: #f8f1ff;
    border: 2px solid #9f55e0;
}

.tutorimage, .studenttimeslots {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.tutorname, .studentname {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: Quattrocento;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.studentname{
    font-weight: bold;
    margin-right: 10px;
}

a.selecttutor_container, a.selectstudent_container {
    color: black;
}

.tutortimeslot_table {
    margin-top: 40px;
}

.tutortimeslot_table th {
    border-bottom: 1px solid purple;
    font-weight: 600;
    text-align: left;
}

.tutortimeslot_table tbody>tr:nth-child(even)>td, .tutortimeslot_table tbody>tr:nth-child(even)>th{
	background-color: white;
}

.tutortimeslot_table tbody>tr:nth-child(odd)>td, .tutortimeslot_table tbody>tr:nth-child(odd)>th{
	background-color: #f6f8fa;
}

.tutortimeslot_table td {
    font-size: 16px;
}

input.primaryaction-button{
	background-color: #800080;
    border-radius: 30px;
    font-size: 16px;
    font-family: 'Montserrat';
    padding: 15px 30px;
    color: white;
    border: 0px;
}

input:disabled.primaryaction-button {
    background-color: #c0c0c0;
}

.wpa-box{
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wpa-info{
    background: #accaff;
    border: 2px solid #003da8;
}

.wpa-success{
    border-width: 2px;
}

@media only screen and (max-width: 680px){
    .selecttutor_container, .selectstudent_container {
        margin-right: 8%;
    }
}


@media only screen and (max-width: 600px) {

    .selecttutor_container, .selectstudent_container {
        width: 100%;
        margin-right: 0;
    }

    .paged-container.login{
        padding-left: 10px;
        padding-right: 10px;
    }

    .vid_tile {
        width: 100%;
    }

    .assessment_page {
        padding: 40px 10px;
    }

    .orgstudentselect table a {
        margin-right: 0px;
        margin-bottom: 10px;
        display: block;
    }
}

.site-header {
    background-color: #F8F8F8 !important;
}

.momo_user_greeting {
	color: #5C5C5C;
  font-family: "Quattrocento", Sans-serif;
  font-size: 36px;
  font-weight: 600;
}

/*Start of student dashboard CSS*/
.dashboard-left, .dashboard-right{
	display: inline-block;
	vertical-align: top;
	padding-top: 40px;
}

.dashboard-left{
	width: 20%;
	padding-left: 40px;
	padding-right: 20px;
}

.dashboard-right{
	width: 79%;
	padding-left: 40px;
	padding-right: 40px;
}

.dashboard-left .dashboard-navigation .nav-item{
	display: block;
	margin-bottom: 20px;
	padding: 15px 20px;
	    font-family: 'DM Sans';
    font-weight: bold;
}

.dashboard-left .dashboard-navigation a{
	color: inherit;
}

.dashboard-left .dashboard-navigation .nav-item.current{
	background-color: #9F55E0;
	color: white;
	border-radius: 15px;
}

.dashboard-left .dashboard-navigation .nav-item {
    display: block;
    margin-bottom: 20px;
}

.dashboard-left .dashboard-navigation .nav-item .icon {
    vertical-align: top;
    margin-right: 10px;
}

.dashboard-right .welcome-student{
	font-family: "Quattrocento", sans-serif;
	font-size: 43px;
}

.dashboard-right .section-title{
	margin: 40px 20px 20px 0px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-width: 0px 0px 3px 0px;
border-color: #800080;
color: #5C5C5C;
font-family: "Quattrocento", sans-serif;
font-size: 36px;
font-weight: 700;
}

.alert{
    padding: 20px;
    margin: 20px 40px;
}

.alert-info{
    color: #004085;
    background-color: #cce5ff;
    border: 2px solid #0c63c2;
    border-radius: 20px;
}

@media only screen and (max-width: 980px) {
	.dashboard-left{
		width: 100%;
	}

	.dashboard-right{
		width: 100%;
	}

	.dashboard-left .dashboard-navigation .nav-item{
		display: inline-block;
		margin-bottom: 5px;
	}

	.dashboard-right .section-title{
		font-size: 30px;
	}

	.dashboard-left, .dashboard-right{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}

	.dashboard-right .welcome-student {
    font-size: 30px;
    margin-bottom: 20px;
}

	.site-navigation-toggle-holder .site-navigation-toggle{
		background-color: initial;
	}

	.site-navigation-toggle .icon-menu-bar{
		color: #9F55E0;
	}


}

table{
    font-size: 1em;
}

@media (max-width: 767px){
table table {
    font-size: 1em;
}
}
/*End of student dashboard CSS*/