/** type **/
h1, h2, h3, h4, h5, h6, p, a, button, li, span{
    font-family:'Lato', sans-serif;
} 

/** global Containers **/
body{
    margin-bottom:0px!important;
    height:100vh;
}

.wrapper{
    padding-left:10px; 
    padding-right:10px; 
    display:flex; 
    justify-content: center; 
    height:100vh;
    overflow:none;
}

.cqc{ 
    width:100vw; 
    max-width:1400px; 
    height:100%; 
    position:relative;
}

.flex_wrap{ 
    display:flex; 
    justify-content:center;
    flex-wrap:wrap;
}

.bg_wrap{
    background-size:cover; 
    background-position:center;
}

.btn{ 
    padding:5px; 
    padding-left:10px; 
    padding-right:10px; 
    background-color:#2908EE; 
    color:white; 
    border-radius:0px; 
    border:none; 
    font-size:14px;
    font-weight:300;
    cursor:pointer;
}

.submitForm{
    padding:10px!important; 
    padding-left:20px!important; 
    padding-right:20px!important;  
    background-color:#2908EE!important; 
    color:white!important; 
    border-radius:0px!important; 
    border:none!important;  
    font-size:16px!important; 
    font-family:'Lato', sans-serif!important;
}

.invisible_form{
    display:none;
}

/*
    Log in
*/

.body_wrap{
    width:100vw;
    height:100vh;
    background-size:cover;
    background-position:center;
}

.login_cqc{
    height:100vh;
    max-width:800px;
    width:100%;
    background-color:White;
    position:relative;
}

.login_primary_container{
    height:100%;
    display:flex;
}

.login_form{
    align-self:center;
    padding:25px;
    text-align:center;
    width:100%;
}

.login_logo img{
    width:200px;
}

.login_form h1{
    font-weight:300;
    color:#7500B7;
    font-size:30px;
    margin:10px 0 10px 0;
}

.login_form p{
    margin:5px 0 5px 0;
}

#user_login, #user_pass{
    width:100%;
    background-color:#7500B7;
    color:White;
    max-width:500px;
    padding:15px;
    border:none;
    font-family:'Lato', sans-serif;
    text-align:center;
    font-weight:300;
    border-radius:0;
    font-size:20px;
}

#user_login::placeholder,
#user_pass::placeholder,
#user_login:focus,
#user_pass:focus{
    color:White;
}

.login_form #wp-submit{
    background-color:#2908EE;
    color:White;
    font-weight:300;
    padding:10px 30px 10px 30px;
    font-family:'Lato', sans-serif;
    font-size:20px;
}

/*
    Dashboard Container
*/

.dashboard_background{
    height:100vh;
    width:100%;
    background-color:rgba(255,255,255,.8);
    min-height:900px;
}

.cqc{
    height:80%;
    margin:10vh 0 10vh 0;
    background-color:White;
    position:relative;
}

.dashboard_header{
    width:100%;
    padding:10px;
    text-align:center;
    align-self:flex-start;
}

.dash_logo img{
    width:100px;
}

.welcome_text{
    color:#7500B7;
    font-size:20px;
    font-weight:300;
}

.main_wrapper{
    margin:20px 100px 100px 100px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
    position:relative;
    height:80vh;
}

.control_bar{
    background: linear-gradient(90deg, rgba(19,9,252,1) 0%, rgba(237,40,122,1) 50%, rgba(254,140,36,1) 100%);
    display:flex;
}

.control_end{
    padding:5px 10px 5px 20px;
}

.controls{
    flex-grow:1;
}

.logout_text{
    color:White;
    font-weight:300;
}

.logout_text a{
    font-weight:600;
    color:White;
    text-decoration:none;
}

.primary_content_wrap{
    background-color:#E8E8E8;
    position:relative;
    flex-grow:1;
    height:50vh;
}

/*
    Navi Triggers
*/

.controls{
    display:Flex;
    flex-wrap:Wrap;
}

.navigation_trigger{
    display:block;
    padding:5px 15px 5px 15px;
    border-right:solid white 3px;
    color:white;
    cursor:pointer;
    font-weight:600;
    opacity:0.6;
    transition:1s;
}

.navigation_trigger:hover{
    opacity:0.8;
}

.activeTrigger{
    opacity:1!important;
}

/*
    Secondary Auth
*/

.backend_auth_container{
    width:100%;
    height:100%;
    text-align:center;
    display:Flex;
    justify-content:Center;
}

.be_auth_inner{
    align-self:center;
    width:100%;
}

.auth_inner{
    width:100%;
    text-align:center;
    display:flex;
    flex-direction:column;
}

.text_input{
    display:block;
    width:100%!important;
    max-width:600px!important;
    padding:15px 25px 15px 25px!important;
    align-self:center!important;
    margin:10px 0 10px 0;
    background-color:#7500B7;
    color:White!important;
    border:none;
    border-radius:0px;
    text-align:center;
    font-family:'Lato', sans-serif;
    font-weight:600!important;
}

.text_input::placeholder,
.text_input:focus{
    color:White!important;
}

.auth_inner_title{
    font-size:30px;
    font-weight:600;
    display:block;
    margin:0 0 5px 0;
}

.authbtn{
    width:100%!important;
    max-width:300px!important;
    padding: 15px 25px 15px 25px!important;
    background-color:#2908EE!important;
    align-self:center!important;
    color:White!important;
    cursor:pointer;
    font-family:'Lato', sans-serif;
    font-weight:300!important;
    font-size:16px!important;
}

.inputNotification{
    color:#7500B7;
    font-size:20px;
}

.hidden_displayForm{
    display:none;
}

/*
    Admin Actions Bar
*/

.studentAdminBar{
    width:100%;
}

.admin_actions_bar{
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    background: linear-gradient(90deg, rgba(19,9,252,1) 0%, rgba(237,40,122,1) 50%, rgba(254,140,36,1) 100%);
    display:flex;
    padding:0 100px 0 100px;
}

.admin_action{
    display:block;
    padding:5px 15px 5px 15px;
    border-right:solid white 3px;
    color:white;
    cursor:pointer;
    font-weight:600;
    opacity:1;
}

.aab_title{
    cursor:default;
}

.admin_actions_group{
    display:flex;
}

/*
    Splash Wrapper
*/

.splash_wrapper{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,.7);
    z-index:9999;
    display:flex;
    display:none;
}

.splash_inner{
    display:flex;
    justify-content:center;
    height:100%;
    width:100%;
}

/*
    Form Inputs
*/

.input_form{
    background-color:white;
    align-self:Center;
    padding:20px;
}

.input_form_inner h2{
    font-size:40px;
    margin:0 0 15px 0;
    color:#B51496;
}

.data_input_form{
    width:100%;
}

.close_overlay i{
    font-size:25px;
    color:#7500B7;
}

.input_wrapper{
    width:100%;
    margin:5px 0 5px 0;
}

.input_wrapper span{
    display:block;
}

/*
    Session New
*/

.new_session_form_wrap{
    width:100%;
    max-width:1300px;
    padding:20px;
}

.session_inputs{
    width:40%;
    position:relative;
}

.session_students_wrap{
    width:60%;
    position:relative;
}

.input_wrapper input,
.input_wrapper select{
    display:block;
    width:100%!important;
    padding:5px 15px 5px 15px!important;
    background-color:#7500B7;
    color:White!important;
    border:none;
    border-radius:0px;
    font-family:'Lato', sans-serif;
    font-weight:300!important;
}

.input_wrapper textarea{
    display:block;
    width:100%!important;
    padding:5px 15px 5px 15px!important;
    background-color:rgba(41,8,238,.2);
    border:none;
    border-radius:0px;
    font-family:'Lato', sans-serif;
    font-weight:400!important;
    min-height:300px;
}

.input_wrapper input::placeholder,
.input_wrapper input:focus,
.input_wrapper select::placeholder,
.input_wrapper select:focus{
    color:White!important;
}

.session_students_wrap{
    display:flex;
    flex-direction:column;
    padding:10px;
}

.session_form_secondary_buttons,
.end_session_submit{
    padding:10px 0 10px 0;
}

.session_students{
    flex-grow:1;
    width:100%;
    background-color:rgba(0,0,0,0.1);
    padding:20px;
}


/* 
    New Student
*/

.new_student_form_wrap{
    width:100%;
    max-width:1000px;
    padding:20px;
}

.student_input_form{
    text-align:center;
}

.new_student_form_wrap{
    text-align:center;
}

.formStudentStatus p{
    font-weight:600;
}

.newStudentJourney{
    color:#B51496;
    transition:1s;
    opacity:0.6;
}

.active_nsj{
    opacity:1;
}

.ns_1, .ns_3{
    display:flex;
    flex-wrap:wrap;
}

.ns_left,.ns_right, .ns_3_left, .ns_3_right{
    width:50%;
    padding:20px;
}

.input_wrapper{
    text-align:left;
}

.ns1_next, .ns3_next{
    width:100%;
    text-align:center;
    margin:20px 0 20px 0;
}

.check_input{
    display:flex;
}

.form_special_check{
    background-color:#7500B7;
}

.form_special_check span{
    color:white;
    font-weight:700;
    display:block;
    padding:10px;
}

.single_choice{
    transition:1s;
    opacity:0.5;
    cursor:pointer;
}

.single_choice:hover{
    opacity:0.7;
}

.choice_active{
    opacity:1!important;
}

.hidden_input{
    display:none!important;
}

.form_special_check{
    max-height:400px;
    overflow:auto;
}

.success_notification{
    position:relative;
    align-self:center;
    background-color:White;
    text-align:center;
    padding:25px;
}

.success_notification h2{
    color:#7500B7;
}

/**
    New Course
**/

.new_course_form_wrap{
    width:100%;
    max-width:900px;
    padding:20px;
}

.new_course_form{
    padding:0 70px 0 70px;
}

/**
    New Centre
**/

.new_centre_form_wrap{
    width:100%;
    max-width:900px;
    padding:20px;
}

.new_centre_form{
    padding:0 70px 0 70px;
}

/**
    New Tutor
**/

.new_tutor_form_wrap{
    width:100%;
    max-width:900px;
    padding:20px;
}

.tutor_input_form{
    padding:0 70px 0 70px;
}


/*
    Tutors
*/

.tutor_flex_wrap{
    height:90%;
    position:Relative;
}

.tutors_display h2{
    font-weight:100;
    margin:0 0 20px 0;
}

.tutors_display{
    width:48%;
    padding:20px;
    margin:20px 1% 20px 1%;
    background-color:White;
    height:100%;
    overflow:auto;
}

.single_tutor_row{
    width:100%;
    display:flex;
    padding:10px;
}

.single_tutor_row:nth-child(odd){
    background-color:#E8E8E8;
}

.single_tutor_row:nth-child(even){
    background-color:#DBDBDB;
}

.tutor_result_display{
    width:48%;
    margin:20px 1% 20px 1%;
    padding:20px;
    background-color:White;
    height:100%;
    overflow:auto;
}

.tutor_activate{
    text-align:right;
}

.tutor_name{
    width:33%;
    overflow:auto;
    align-self:center;
    min-width:100px;
}

.tutor_name span{
    font-weight:800;
}

.tutor_courses{
    flex-grow:1;
    overflow:auto;
    align-self:center;
    min-width:100px;
}

.tutor_courses span{
    font-size:15px;
}

/*
    Tutor Display
*/

.tutor_top{
    display:flex;
}

.tutor_image{
    background-size:cover;
    background-position:center;
    width:100px;
    height:100px;
}

.tutor_info{
    flex-grow:1;
    margin-left:15px;
}

.tutor_info span{
    display:block;
}

.tutor_name_display{
    font-size:25px;
    line-height:30px;
    font-weight:800;
}

.edit_tutor_action{
    text-align:right;
}

.student_tutor_row_title{
    font-size:20px;
    line-height:25px;
    margin:10px 0 10px 0;
    font-weight:800;
    display:block;
}

.single_student_tutor{
    width:100%;
    display:flex;
    padding:10px;
}

.single_student_tutor:nth-child(odd){
    background-color:#E8E8E8;
}

.single_student_tutor:nth-child(even){
    background-color:#DBDBDB;
}

.single_student_tutor span{
    font-weight:800;
}

/*
    Centre
*/
.centre_display{
    width:100%;
    padding:15px;
}

.centre_display h2{
    margin:0 0 15px 0;
    font-weight:100;
}

.single_centre{
    width:350px;
    margin:15px;
    background-color:White;
    padding:15px;
}

.centre_span{
    display:block;
}

.centreMeta{
    margin: 10px 0 10px 0;
}

.single_centre h2{
    font-weight:600;
    margin:0 0 15px 0;
}

.qual_flex{
    padding:20px;
}

.display_title h2{
    margin:0 0 15px 0;
    font-weight:200;
}

/*
    Notes
*/

.notes_container_parent{
    position:relative;
    height:100%;
}

.display_title h2{
    font-size:30px;
    line-height:30px;
}

.big_text_area textarea{
    height: auto!important;
    background-color:#E4DFFF!important;
}

.notes_container{
    width:48%;
    margin:1%;
    position:relative;
    height:100%;
}

.display_notes{
    overflow:auto;
    height:90%;
}

.single_note{
    padding:20px;
    background-color:White;
    margin:20px 0 20px 0;
}

.notes_container_parent{
    padding:20px;
    position:relative;
}

/*
    Students
*/

.student_wrapper{
    height:100%;
    position:relative;
    padding:20px;
}

.studentFilter{
    width:45%;
    align-self:center;
}

.student_display{
    height:100%;
    width:52.5%;
    margin-left:2.5%;
    padding-left:2.5%;
    border-left: white 5px solid;
    align-self:center;
}

.studentFilter h2{
    font-size:30px;
    line-height:35px;
    font-weight:200;
}

.s_input,
.sel_input{
    margin:5px 0 5px 0;
}

.s_input input,
.sel_input select{
    display:block;
    width:100%!important;
    padding:5px 15px 5px 15px!important;
    background-color:#7500B7;
    color:White!important;
    border:none;
    border-radius:0px;
    font-family:'Lato', sans-serif;
    font-weight:300!important;
}

.s_input textarea{
    display:block;
    width:100%!important;
    padding:5px 15px 5px 15px!important;
    background-color:rgba(41,8,238,.2);
    border:none;
    border-radius:0px;
    font-family:'Lato', sans-serif;
    font-weight:400!important;
    min-height:300px;
}

.s_input input::placeholder,
.s_input input:focus,
.sel_input select::placeholder,
.sel_input select:focus{
    color:White!important;
}

.che_input input{
    height:30px;
    width:30px;
}

.che_input{
    display:flex;
    margin:10px 0 10px 0;
}

.che_input span{
    flex-grow:1;
    display:block;
    align-self:center;
    padding-left:10px;
}

.sub_input button{
    background-color:#2908EE;
    color:White;
    font-weight:300;
    padding:10px 30px 10px 30px;
    font-family:'Lato', sans-serif;
    font-size:17px;
}

.single_student_row{
    width:100%;
    display:flex;
    padding:10px;
}

.single_student_row:nth-child(odd){
    background-color:#E8E8E8;
}

.single_student_row:nth-child(even){
    background-color:#DBDBDB;
}

.student_display_inner{
    width:100%;
    margin:20px 1% 20px 1%;
    padding:20px;
    height:100%;
    overflow:auto;
}

.student_activate{
    text-align:right;
}

.student_name{
    width:33%;
    overflow:auto;
    align-self:center;
    min-width:100px;
}

.student_name span{
    font-weight:800;
}

.student_courses{
    flex-grow:1;
    overflow:auto;
    align-self:center;
    min-width:100px;
}

.student_courses span{
    font-size:15px;
}

/*
    Student Display
*/

.student_container{
    background-color:white;
    width:100%;
    max-width:1200px;
    height:80vh;
    position:relative;
}

.student_flex{
    display:flex;
    height:90%;
    position:Relative;
}

.student_data{
    padding:50px;
    height:100%;
    overflow:auto;
    width:50%;
}

.student_data_point{
    display:block;
    margin:3px 0 3px 0;
}

.student_data_title{
    color:#B51496;
    font-weight:800;
    font-size:25px;
    margin:10px 0 10px 0;
    display:block;
}

.student_contact_notes{
    width:49%;
    background-color:#D7D2F7;
    margin-left:1%;
    height:100%;
    position:relative;

}

.s_contact_notes_top{
    width:100%;
    padding:5px 20px 5px 20px;
    background-color:#B51496;
}

.s_contact_notes_top span{
    font-size:20px;
    color:White;
    font-weight:800;
}

.student_contact_notes_inner{
    height:95%;
    overflow:auto;
    padding:20px;
}

.student_photo{
    width:150px;
    height:150px;
    background-size:cover;
    background-position:center;
}

/*
    Students Filter
*/

.filterStudentsCheck{
    display:none;
}

.student_session_span{
    margin:5px;
    display:block;
    font-size:17px;
    font-weight:800;
    transition:1s;
    opacity:0.6;
    cursor:pointer;
}

.student_session_span:hover{
    opacity:0.8;
}

.session_students{
    display:flex;
    flex-wrap:wrap;
}

.activeStudentSession{
    opacity:1!important;
}

.studentCheckBox{
    display:none;
}

/*
    Sessions Displays
*/

.session_wrapper{
    height:100%;
    position:relative;
    padding:20px;
}

.session_view{
    width:45%;
    padding:20px;
    height:95%;
    position:relative;
}

.sessions_rows{
    height:100%;
    overflow:auto;
}

.session_single_container{
    padding:20px;
    width:53%;
    margin-left:2%;
    border-left:solid white 2px;
    height:95%;
    overflow:auto;
    position:relative;
}

.single_session{
    background-color:White;
    padding:15px 15px 50px 15px;
    position:relative;
    display:flex;
    margin:0 0 25px 0;
}

.single_session span{
    display:block;
}

.session_inner_details{
    flex-grow:1;
}

.sess_title{
    font-size:20px;
    font-weight:800;
}

.absolute_session_action{
    position:absolute;
    bottom:10px;
    right:10px;
}

.session_main_display{
    width:100%;
    height:100%;
    background-color:white;
    padding:20px;
    overflow:auto;
}

.session_top_display{
    display:flex;
}

.session_top_display span{
    display:block;
}

.session_display_end{
    text-align:right;
    display:flex;
    flex-direction:column;
}

.session_display_end .btn{
    display:block;
    margin:0 0 5px 0;
    align-self:flex-end;
}

.session_display_title_block{
    flex-grow:1;
}

._d_session_title{
    font-weight:700;
    font-size:20px;
}

._sa_title{
    display:block;
    font-weight:700;
    font-size:18px;
}

.single_student_s_{
    width:100%;
    display:flex;
    padding:10px;
}

.single_student_s_:nth-child(odd){
    background-color:#E8E8E8;
}

.single_student_s_:nth-child(even){
    background-color:#DBDBDB;
}

.s_srow_actions{
    display:flex;
}

.s_srow_{
    flex-grow:1;
}

.s_srow_ span{
    font-weight:700;
}

.edit_student_attendance select{
    height:30px;
    font-family:'Lato', sans-serif;
}

.fixed_select{
    pointer-events: none;
}

/*
    Tutor Session
*/

.tutor_attend_action{
    flex-grow:1;
    text-align:right;
}

.session_attendence_row{
    width:100%;
    margin-top:10px;
}

.abso_contact_btn_container{
    position:absolute;
    bottom:0;
    right:0;
    z-index:11;
}