/* 
* Theme Name: Academic Mentors
* Author: Dezitech
* Version: 1.0
*/

body{
    margin:0;
    font-family:"Manrope",sans-serif;
    background-color:#F8F5F5;
}
a{
    text-decoration:none;
    display:inline-block;
    text-align:center;
}
a p{
    text-align:left;
}
h1,h2,h3,h4,h5,h6,p{
    color:#0A2740;
}

.orange-text{
    color:orange!important;
}
.red-text{
    color:red!important;
}
.green-text{
    color:green!important;
}
.orange-background{
    background-color:orange!important;
}
.red-background{
    background-color:red!important;
}
.green-background{
    background-color:green!important;
}

.regular_title{
    font-size:16px;
    font-weight:500;
    line-height:19px;
}

.hide_section{
    display:none!important;
}
.hide_section_effect{
    opacity:0!important;
    transition:all 0.4s ease;
}
.show_section_effect{
    opacity:1!important;
    transition:all 0.4s ease;
}

.remove_overflow{
    overflow:hidden!important;
}

.error_border{
    border-color:#cc0000!important;
    outline:2px dotted #cc0000;
}
.error_text{
    color:#cc0000!important;
}

.even_line{
    /* background-color:rgba(242,242,242,1); */
    background-color:rgba(138, 161, 173, 0.4);
}

div.pagination{
    margin-top:2.5%;
    text-align:center;
    margin-bottom:2.5%;
}
div.pagination .page-numbers{
    margin-right:1%;
    color:#0A2740;
    padding:10px 14px;
}

div.pagination .page-numbers.current{
    background-color:#FF7266;
}

div.pagination .prev.page-numbers , div.pagination .next.page-numbers {
    display:none;
}


#loading_gif {
    width: 100vw;
    height: 100vh;
    background: rgba(10,39,64,0.7);
    position: fixed;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading_gif img {
    z-index: 999999999;
    width: 280px; /* Adjust size as needed */
    animation: pulseLogo 2s ease-in-out infinite; /* Apply pulse animation */
}

@keyframes pulseLogo {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3); /* Adjust scale value for more/less pronounced effect */
    }
    100% {
        transform: scale(1);
    }
}





#main_header{
    max-width:100vw;
    padding-left:5%;
    padding-right:5%;
    /* padding-top:1.5rem;
    padding-bottom:1.5rem; */
    padding-top:2vh;
    padding-bottom:2vh;
    height:5vh;
    background-color:#0A2740;
    min-height:41px;
}

#main_header .main_header_inner_container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#main_header .account_button , .orange_button{
    color:white;
    background-color:#FF7266;
    border:1px solid #FF7266;
    padding:1rem 3rem;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
    text-align:center;
    min-width:80px;
    transition:all 0.5s ease;
    cursor:pointer;
}
#main_header .account_button:hover , .orange_button:hover{
    color:#FF7266;
    background-color:transparent;
    transition:all 0.5s ease;
}
#main_header .my_account_button{
    margin-right:1rem;
}



/* HOMEPAGE */
/* #homepage_signup_container{
    
} */

#homepage_signup_container .homepage_back_img{
    background-image:url("https://portal.academic-mentors.gr/wp-content/uploads/2024/01/Academic.png");
    background-size: 25%;
    background-position:right bottom;
    background-repeat: no-repeat;
}

#homepage_signup_container .signup_buttons_container{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    /* background-color:#FF72662B; */
    padding-top:7%;
    padding-bottom:7%;
}

#homepage_signup_container .signup_buttons_container .homepage_signup_button{
    padding:3rem 5rem;
    /* border:1px solid #FF7266; */
    border:1px solid #0A2740;
    border-radius:50px;
    margin:2rem auto;
    color: #0A2740;
    min-width:500px;
    font-size:32px;
    transition:all 0.5s ease;
}
#homepage_signup_container .signup_buttons_container .homepage_signup_button:hover{
    color:white;
    border-color:white;
    background-color:#0A2740;
    transition:all 0.5s ease;
}

/* END OF HOMEPAGE */


/* TEACHER STUDENT HOMEPAGE */

.teacher_page_container , .student_page_container{
    display:flex;
    flex-wrap:nowrap;
}
.teacher_page_container .teacher_left_menu , .student_page_container .student_left_menu{
    width:15%;
    /* height:91vh; */
    height:calc(91vh -  1px);
    background-color:#0A2740;
    border-top:1px solid white;
}

.teacher_page_container .teacher_page_content_container , .student_page_container .student_page_content_container{
    padding-left:1rem;
    padding-right:1rem;
}

.teacher_page_container .teacher_left_menu .avatar_container , .student_page_container .student_left_menu .avatar_container{
    display:flex;
    justify-content: center;
    align-items:center;
    padding-top:10%;
    padding-bottom:5%;
}

.teacher_page_container .teacher_left_menu .avatar_container img , .student_page_container .student_left_menu .avatar_container img{
    border-radius:50%;
}

.avatar_info_container{
    background-color:#FF72662B;
}

.avatar_name_container{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding-bottom:7%;
    margin-bottom:10%;
}
.avatar_name_container p{
    color:white;
    /* margin-top:5px; */
    margin-bottom:8px;
    cursor:default;
}

.left_menu_logout_button{
    color:white;
    transition: all 0.4s ease;
}
.left_menu_logout_button:hover{
    color: #FF7266;
    transition: all 0.4s ease;
}





.teacher_page_main_content_container{
    width:96%;
    padding-right:2%;
    padding-left:2%;
}
.teacher_page_main_content_container h2{
    font-size:16px;
    line-height:19px;
    font-weight:500;
    margin-bottom:0.5rem;
}
.teacher_assignment_table{
    width:100%;
    display:flex;
    flex-direction:column;
    padding-top:1rem;
    padding-bottom:1rem;
}
.teacher_assignment_table_header{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content: center;
    align-items:center;
    background-color:#0A2740;
    margin-bottom:44px;
    gap:0.5rem;
}
.teacher_assignment_table_header h3{
    width:13%;
    padding-left:0.5rem;
    padding-right:0.5rem;
    color:white;
    font-size:16px;
    font-weight:500;
    line-height:19px;
}
.teacher_assignment_table_header h3.first_table_header{
    width:40%;
}
.teacher_assignment_table_header h3.zero_table_header , .teacher_assignment_table_header h3.second_table_header , .teacher_assignment_table_header h3.third_table_header , .teacher_assignment_table_header h3.fourth_table_header , .teacher_assignment_table_header h3.fifth_table_header{
    text-align:center;
}
.teacher_assignment_table_header .zero_table_header{
    width:5%;
}


.teacher_assignment_table_body{
    display:flex;
    flex-direction:column;
}
.teacher_table_line{
    display:flex;
    justify-content: center;
    align-items:center;
    width: 100%;
    background-color:white;
    padding-top: 20px;
    padding-bottom:20px;
    margin-bottom:28px;
    /* max-width:98%; */
}
.teacher_table_column{
    width:13%;
    display:flex;
    align-items: flex-start;
    padding-left:0.5rem;
    padding-right:0.5rem;
    /* color:#0A2740; */
    color:#707070;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.teacher_table_first_column{
    width:40%;
    display:flex;
    flex-direction:column;
}
.teacher_table_id_section{
    /* margin-top:0.5rem; */
    color:#707070;
}
.teacher_table_first_column p{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    color:#707070;
}

.teacher_table_zero_column , .teacher_table_second_column , .teacher_table_third_column , .teacher_table_fourth_column , .teacher_table_fifth_column{
    justify-content: center;
    text-align:center;
}
.teacher_table_zero_column{
    width:5%;
}

.teacher_table_title_link{
    /* color:black; */
    color:#707070;
    transition:all 0.4s ease;
}
.teacher_table_title_link:hover , .teacher_table_title_link:hover p{
    color:#0A2740;
    transition:all 0.4s ease;
}

.teacher_table_price{
    /* color:#cc0000; */
    color:#707070;
    /* font-weight:700; */
}

/* END OF TEACHER STUDENT HOMEPAGE */

/* TEACHER HOMEPAGE */
#teacher_page_submenu_list_container ul{
    list-style:none;
}
#teacher_page_submenu_list_container ul li{
    margin:0.6rem auto;
    color:white;
    cursor:pointer;
    transition:all 0.4s ease;
}
#teacher_page_submenu_list_container ul li:hover{
    color:#FF7266;
    transition:all 0.4s ease
    
}
#teacher_page_submenu_list_container ul li>a{
    color:white;
    width:100%;
    text-align:left;
    transition: all 0.4s ease;
}
#teacher_page_submenu_list_container ul li>a:hover{
    color:#FF7266;
    transition: all 0.4s ease;
}

/* TOP PART */

.teacher_page_top_part{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    width: 96%;
    padding-right: 2%;
    padding-left: 2%;
    gap:1.75rem;
    margin-top:3rem;
    margin-bottom:3rem;
    flex-wrap:wrap;
}
@media only screen and (max-width:1630px){
    .teacher_page_top_part{
        justify-content:center;
    }
}
.teacher_top_part_inner_container{
    background-color:white;
    min-width:250px;
    width:18%;
    padding:2%;
}
.top_part_inner{
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    gap:8%;
    
}
.top_part_inner_left{
    display:flex;
    flex-direction:row;
    align-items:center;
}
.top_part_inner_right{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    color:#0A2740;
    font-weight:500;
}
.top_part_inner_right p{
    font-weight:700;
    font-size:25px;
    margin:0;
    margin-bottom:10px;
}
.top_part_left_image{
    width:35px;
    height:35px;
}

/* END OF TOP PART */

/* SEARCH  */
.search_container{
    padding-left:2%;
    padding-right:2%;
    width:96%;
    margin-top:0.5rem;
    margin-bottom:1.5rem;
}
.search_inner_container{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: nowrap;
    gap: 0;
}
#search_input{
    width:100%;
    padding:16px 20px;
    border:1px solid #FF7266;
    border-right:none;
    color:#0A2740;
    font-size:16px;
    line-height:19px;
    font-weight:500;
}
#search_input::placeholder{
    color:#0A2740;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    opacity:1;
}
#search_icon_container{
    background-color:#FF7266;
    border:none;
    padding:20px 34px;
    cursor:pointer;
}

/* END OF TEACHER HOMEPAGE */




/* STUDENT FORM */
#new_assignment_student_whole_container{
    /* border-top:1px solid #FF7266; */
    padding:5%;
    display:flex;
    justify-content: flex-start;
    width:100%;
    /* background-color:#0A2740; */
    /* align-items:center; */
}
/* .student_assignment_form_container{ */
    /* background-color:#FF72662B; */
    /* padding:5rem; */
    /* border-radius:20px; */
    /* min-width:35vw; */
/* } */
.student_assignment_line{
    width:100%;
    display:flex;
    justify-content: space-between;
    /* min-width:500px; */
    margin-bottom:1.5rem;
    flex-direction:column;
}
.student_assignment_line > label{
    /* margin-right:5rem; */
    display:flex;
    align-items: center;
    /* color:white;
    font-size:18px; */
    color:#707070;
    font-size:16px;
    min-height:40px;
}

.student_assignment_line >input , .student_assignment_line >select , .student_assignment_line > .pages_number_container > input , .student_assignment_line >textarea{
    padding:1rem;
    /* border-radius:50px; */
    border:1px solid #707070;
    /* color:white; */
    background-color:white;
    font-size:16px;
    /* width:250px; */
    /* width:400px; */
    width:570px;
}
.student_assignment_line >input:focus-visible , .student_assignment_line >select:focus-visible{
    outline:1px solid white;
}
.student_assignment_line >select{
    /* width:284px; */
    /* width:432px; */
    width:602px;
}
.student_assignment_line >select>option{
    color:black;
}
/* .student_assignment_line > input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) grayscale(1) brightness(2);
} */
.flatpickr-mobile::-webkit-calendar-picker-indicator{
    filter: invert(1) grayscale(1) brightness(2);
}
.student_assignment_line .due_date_student_form{
    padding:1rem;
    /* border-radius:50px; */
    border:1px solid #707070;
    /* color:white; */
    background-color:white;
    font-size:16px;
    width:570px;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.due_date_student_form>input{
    /* padding:1rem; */
    font-size:18px;
    background-color:white;
    height:100%;
    border:none;
    outline:none;
    color:black;
}
.due_date_student_form>input::placeholder{
    color:black;
}

.due_date_student_form>span{
    cursor:pointer;
}

.student_assignment_line >textarea{
    padding-top:2rem;
    padding-bottom:2rem;
}
.student_assignment_line >textarea::placeholder{
    color:rgba(255,255,255,0.7);
}

#pages_number_decrease,#pages_number_increase{
    position:absolute;
    color:black;
    cursor:pointer;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
}
#pages_number_decrease{
    margin-top:13px;
    margin-left:15px;
}
#pages_number_increase{
    margin-top:14px;
    margin-left:-40px;
}

#pages_number_text{
    text-align:center;
    /* max-width:100px; */
}


/* .student_assignment_line > input:-internal-autofill-selected{
    background-color:transparent!important;
} */

.student_submit_button_container{
    width:100%;
    display:flex;
    justify-content: center;
    margin-top:4rem;
    margin-bottom:4rem;
}

#student_new_assignment_submit{
    /* border-radius:50px; */
    font-size:16px;
    padding:1rem 5.5rem;
    width:fit-content;
    background-color:#0A2740;
    border:1px solid #0A2740;
    transition:all 0.4s ease;
    color:white;
    cursor:pointer;
}
#student_new_assignment_submit:hover{
    background-color:white;
    color:#0A2740;
    transition:all 0.4s ease;
}
/* .student_assignment_form_background_image{ */
    /* background-image: url("https://portal.academic-mentors.gr/wp-content/uploads/2024/01/Academic.png");
    background-size: 35%;
    background-position:98% 98%;
    background-repeat: no-repeat; */
/* } */

#student_more_files_button{
    margin-top:-0.8rem;
    color:black;
    text-align:left;
    cursor:pointer;
    width:570px;
    padding:0 1rem;
}

.student_extra_file_input{
    padding:0 1rem!important;
}

.extra_files_line{
    margin-bottom:0!important;
}

.student_extra_file{
    margin-top:0.5rem!important;
    margin-bottom:0!important;
}
#student_extra_files_whole_container{
    margin-bottom:1.5rem;
}

.required_field_asterisk{
    margin-left:5px;
    line-height:40px;
}

.student_form_error_message{
    color:#cc0000;
    margin-bottom:4rem;
    padding:1rem;
    text-align:center;
    border:3px solid red;
    border-radius:50px;
}
/* END OF STUDENT FORM */



/* SINGLE ASSIGNMENT PAGE */
#single_assignment_content_whole_container{
    padding:2%;
    width:96%;
    display:flex;
    
}
#single_assignment_left_column{
    width:65%;
    margin-right:2%;
}
#single_assignment_left_column.accepted_assignment{
    width:100%!important;
}
#single_assignment_right_column{
    width:35%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction:column;
}
#single_assignment_right_column.accepted_assignment{
    width:100%;
    margin-top: 3.5%;
    padding-bottom:3.5%;
    align-items:flex-start;
    margin-right:2%;
}

.single_assignment_title{
    /* padding-top:1.5rem; */
    /* padding-bottom:1.5rem; */
    padding-bottom:3%;
    color:#0A2740;
    width:96%;
    padding:2%;
    padding-bottom:unset;
}
.single_assignment_title h2{
    font-size:16px;
    font-weight:600;
    width:65%;
}
.single_assignment_info_icon_container{
    display:flex;
    margin-right:5%;
}
.single_assignment_info_icon{
    width:15px;
    height:15px;
}


/* INSTRUCTIONS AND ATTACHMENTS SECTION */

.single_assignment_content{
    padding:3% 6%;
    background-color:white;
    margin-top:3.5%;
    min-height:440px;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}
.single_assignment_attachments_heading{
    margin-top:2rem;
    margin-bottom:1rem;
    display: flex;
    flex-direction:row;
    justify-content: flex-start;
    flex-wrap:nowrap;
}
.single_assignment_attachments_heading h2 , .single_assignment_instructions_heading h2{
    font-size:16px;
    font-weight:600;
    color:#0A2740;
    line-height:19px;
}
.single_assignment_instructions_heading h2{
    margin-bottom:0;
}
.single_assignment_attachments_heading h2{
    margin-top:0;
    margin-bottom:0;
    padding-top:2px;
    padding-bottom:1px;
}
.single_assignment_instructions_heading{
    position:relative;
    padding-bottom:1%;
}
.single_assignment_instructions_heading::before{
    content:'';
    position:absolute;
    width:20%;
    height:1px;
    bottom:0;
    left:0;
    background-color:#707070;
}
.single_assignment_instructions_content{
    color:#0A2740;
    font-weight:500;
    line-height:19px;
}

#download_attachments_button{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    margin-left:10%;
    align-items:center;
    border:1px solid #707070;
    border-radius:6px;
    padding:2px 11px 1px 11px;
    height:fit-content;
    cursor:pointer;
    font-weight:600;
    color:#0A2740;
    font-size:16px;
    line-height:19px;
}
#download_attachments_button img{
    width:15px;
    height:15px;
    margin-left:4px;
}

.single_assignment_attachments_content{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items: center;
}
.single_attachment_item{
    display:flex;
    flex-wrap:nowrap;
    padding-right:1rem;
    align-items:center;
    font-size:15px;
    font-weight:300;
    text-decoration:underline;
    margin-bottom:0.8rem;
}
.single_attachment_item_icon{
    width:13px;
    height:13px;
    margin-right:4px;
}

/* END OF INSTRUCTIONS AND ATTACHMENTS SECTION */



/* BIDS TABLE */
.single_assignment_bids_table_container , .single_assignment_accepted_bids_heading{
    width:80%;
    padding-top:2rem;
}

.single_assignment_bids_table_header{
    padding-bottom:1rem;
    display:flex;
}
.bids_table_line{
    display:flex;
    padding:0.5rem 0;
}
.single_assignment_bids_table_header span {
    width:33%;
    font-weight:600;
    font-size:16px;
    line-height:19px;
    color:#0A2740;
}
.bids_table_line span{
    width:33%;
    font-size:16px;
    color:#0A2740;
    font-weight:500;
}
.bids_table_line a{
    font-size:16px;
    color:#0A2740!important;
    font-weight:500;
    transition:all 0.3s ease;
}
.bids_table_line a:hover{
    color:#001f3f!important;
    text-decoration:underline;
    transition:all 0.3s ease;
}
/* .bids_table_best_offer{ */
    /* color:#3FC800!important; */
    /* font-weight:600!important; */
/* } */
.bids_table_extra_info_header{
    text-align:center;
}
.bids_table_line span.bids_table_extra_info{
    cursor:default;
    text-align:center;
    overflow:hidden;
    position:relative;
    font-size:15px;
    transition:all 0.4s ease;
}
.bids_table_line span.bids_table_extra_info.current_teacher_info:hover , .bids_table_line span.bids_table_extra_info.current_student_info:hover{
    font-size:17px;
    transition:all 0.4s ease;
}
.bids_table_line span.bids_table_extra_info.current_teacher_info , .bids_table_line span.bids_table_extra_info.current_student_info{
    cursor:pointer;
}
.extra_info_icon{
    width:15px;
    height:15px;
    transform:scale(1);
    transition:transform 0.4s ease;
}
.current_teacher_info .extra_info_icon {
    cursor:pointer;
}
.current_teacher_info .extra_info_icon:hover{
    transform:scale(1.2);
    transition:transform 0.4s ease;
}

.single_assignment_bids_table_heading_container{
    position:relative;
    width:100%;
}
.single_assignment_bids_table_heading_container::after{
    content: '';
    /* background-color: #C9C4C4; */
    background-color: rgba(201,196,196,0.5);
    height: 1px;
    width: 25%;
    position: absolute;
    bottom:0;
    left: 0;
}
.single_assignment_bids_table_heading_container h2{
    color:#0A2740;
    font-size:16px;
    line-height:19px;
    font-weight:600;
}

.installments_container{
    width:100%;
    padding-top:2rem;
}

/* END OF BIDS TABLE */


/* STRUCTURE TABLE */
.assignment_structure_table{
    display:flex;
    flex-direction:column;
    /* justify-content: space-between; */
    width:100%;
    padding-top:0.5rem;
    border:1px solid black;
    border-bottom:none;
}
.structure_table_header{
    display:flex;
    flex-direction:column;
    width:50%;
}
.structure_table_info{
    display:flex;
    flex-direction:column;
    width:30%;
}

.structure_table_line , .structure_table_line_header{
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    width:100%;
    align-items:center;
}
.structure_table_column{
    display:flex;
    flex-direction:column;
}
.structure_table_first_column{
    width:32%;
    padding-left:0.5rem;
}
.structure_table_second_column{
    width:34%;
}
.structure_table_third_column{
    width:17%;
}
.structure_table_fourth_column{
    width:17%;
    padding-right:0.5rem;
    text-align:center;
}

/* .structure_table_heading{ */

/* } */

.structure_table_action{
    display:flex;
    flex-direction:column;
    width:20%;
}
.structure_table_line , .structure_table_line_header{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid black;
    min-height:40px;
}

.unpaid_installment{
    color:red;
    font-weight:700;
}
/* END OF STRUCTURE TABLE */


.single_assignment_attachments{
    padding-left:5%;
    padding-right:5%;
    width:90%;
}

.single_assignment_file_link{
    width:100%;
    text-align: left;
    font-size:15px;
    color:#0A2740;
    transition:color 0.4s ease;
    line-height:19px;
    font-weight:300;
    text-decoration:underline;
}
.single_assignment_file_link:hover{
    color:#FF7266;
    transition:color 0.4s ease;
}

#assignment_bid_container{
    /* padding:3rem 3%; */
    padding:3rem 1rem 2.5rem 2.5rem;
    width:94%;
    background-color:white;
    margin-bottom:24px;
}


.assignment_bid_heading_container h1{
    color:#0A2740;
    font-size:16px;
    font-weight:600;
    margin:0;
    margin-bottom:1.5rem;
    padding-bottom:10px;
    padding-right:4px;
    width:fit-content;
    border-bottom:1px solid #707070;
}

.your_bid_line{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}
.your_bid_label{
    /* width:25%; */
    width:40%;
    display:inline-block;
}
#assignment_bid_container input , #assignment_bid_container textarea{
    width:70%;
    padding:0.5rem 1rem;
    font-size:16px;
    /* border-radius:10px; */
    outline:none;
    box-shadow: none;
    /* border:1px solid #0A2740; */
    /* border:1px solid white;
    color:white; */
    border:1px solid rgba(147,147,147,0.5);
    color:#0A2740;
    background-color:transparent;
    font-weight:500;

}
#assignment_bid_container textarea::placeholder{
    opacity:1;
    color:#0A2740;
    font-size:16px;
    font-weight:500;
}

#assignment_bid_container label{
    padding-top:0.5rem;
    /* color:white; */
    color:#0A2740;
    /* display:flex;
    align-items: center; */
}
#make_a_bid_button{
    /* width:65%; */
    width:78%;
    padding:0.8rem;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    background-color:#0A2740;
    color:white;
    cursor:pointer;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
    border:1px solid white;
}
/* #make_a_bid_button:hover{
    background-color: #0A2740;
    color:#FF7266;
    border:3px solid #FF7266;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
} */
#make_a_bid_button:hover{
    background-color: white;
    color:#0A2740;
    border:1px solid #0A2740;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
}

.assignment_bid_footer_container{
    margin-top:3.5rem;
}
.assignment_bid_footer_line{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:4px;
    margin-bottom:1rem;
}
.assignment_bid_check_icon{
    width:15px;
    height:15px;
}
.assignment_bid_footer_text{
    color:#0A2740;
    font-size:16px;
    font-weight:500;
    line-height:19px;
}

/* EXTRA INFO TEXT */
.single_assignment_bids_table_and_info_container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    background-color:white;
    margin-top:3.5%;
    padding:1.5rem 3rem;
}
.extra_info_text_container , .student_notes_text_container , .make_payment_container , .report_container{
    /* height:370px;
    overflow-y:auto;
    padding:2rem;
    padding-top:1rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
    width: 40%;
    padding-top: 1rem;
    border: 1px solid #0A2740;
    margin-left:4px;
    background-color:white;
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: flex;
}

.extra_info_text_container_inner , .student_notes_text_container_inner , .make_payment_container_inner , .report_container_inner{
    background-color: white;
    border: 1px solid #0A2740;
    padding: 2rem;
    /* max-width: 600px; */
    max-height: 80%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: relative;
    width:60%;
    height:60%;
}
.extra_info_text_container .extra_info_text_section , .student_notes_text_container .student_notes_text_section , .report_text_container{
    width:100%;
    padding-top:2rem;
}


.close_section , .student_notes_close_section , .make_payment_close_section , .close_section_report{
    font-size:30px;
    cursor:pointer;
    position: absolute;
}

.bids_table_delete_header , .bids_table_delete_icon{
    text-align:left;
}
.bids_table_delete_icon{
    cursor:pointer;
    font-size:15px!important;
    transition:all 0.3s ease;
}
.bids_table_delete_icon:hover{
    font-size:17px!important;
    transition:all 0.3s ease;
}

/* END OF EXTRA INFO TEXT */

/* ASSIGNMENT INFO */
.single_assignment_info{
    padding:3% 6%;
    background-color:white;
}
#single_assignment_left_column.accepted_assignment .single_assignment_info{
    padding:3% 3rem;
}
.single_assignment_info_inner_container{
    /* width:75%; */
    display:flex;
    justify-content: space-between;
    padding-top:2%;
}
.single_assignment_info .single_assignment_info_left{
    display:flex;
    flex-direction:column;
    min-width:25%;
    width:100%;
}
.single_assignment_info .single_assignment_info_right{
    display:flex;
    flex-direction:column;
    min-width:33%;
    width:100%;
}
.single_assignment_info_heading{
    font-weight:600;
    padding:1%;
    color:#0A2740;
}
.single_assignment_info .single_assignment_info_item{
    padding:3%;
    font-weight:500;
    color:#0A2740;
    display: flex;
    align-items: center;
    flex-wrap:nowrap;
}
.single_assignment_info .single_assignment_info_item a{
    font-weight:500;
    color:#0A2740;
}
.single_assignment_info_available_project{
    color: white;
    background-color: #0A2740;
    padding: 2px 10px 1px 10px;
    border-radius: 4px;
    margin-left: 5%;
}
.single_assignment_info_available_project.pending_payment{
    background-color:red;
}
.single_assignment_info_available_project.awaiting_action{
    background-color:orange;
}
.single_assignment_info_available_project.awaiting_progress{
    background-color:green;
}

.single_assignment_go_to_payment_button{
    text-decoration:underline;
    color:red;
}
.single_assignment_go_to_check_button{
    /* line-height:1.4; */
    line-height:1.7;
    color:orange;
}
.single_assignment_go_to_revision_button{
    line-height:1.4;
    color:orange;
}
.awaiting_progress_style{
    color:green;
}
.go_to_payment{
    cursor:pointer;
}

/* .structure_table_line_info.current_status{ */
    /* display:flex;
    padding-left:20%; */
/* } */

.structure_table_line_action.current_action{
    display:flex;
    justify-content:space-around;
}
/* END OF ASSIGNMENT INFO */


/* RELATED ASSIGNMENTS AND IMPORTANT NOTES */

.related_assignments_container , .important_notes_container{
    background-color:white;
    margin-bottom:24px;
    padding: 1.5rem 2rem;
    width: 94%;
    background-color: white;
}

#single_assignment_right_column.accepted_assignment .important_notes_container{
    padding:unset;
    width:100%;
}

.related_assignments_heading_container h2 , .important_notes_heading_container h2{
    font-size:16px;
    font-weight:600;
    line-height:19px;
    color:#0A2740;
    width:fit-content;
    padding-bottom:10px;
    margin-bottom:2rem;
    border-bottom:1px solid #707070;
}
.related_topic a{
    color:#707070;
    text-decoration:underline;
}

.important_notes_text{
    width:85%;
    margin:0;
    color:#0A2740;
    font-size:16px;
    font-weight:500;
}

#important_notes_toggle{
    cursor:pointer;
}
#single_assignment_right_column.accepted_assignment #important_notes_toggle{
    padding-top:1.5rem;
    padding-left:3rem;
}
#single_assignment_right_column.accepted_assignment .important_notes_list_container{
    padding:0 2rem 2rem 3rem;
}

.down_triangle{
    display:inline-block;
    transition:transform 0.5s ease;
}
.rotate_icon{
    transform:rotate(-180deg);
    transition:transform 0.5s ease;
}

/* END OF RELATED ASSIGNMENTS AND IMPORTANT NOTES */


/* END OF SINGLE ASSIGNMENT PAGE */



/* SINGLE ASSIGNMENT ACCEPT */
.bids_table_line{
    min-height:24px;
    align-items:center;
}
.bids_table_accept_header , .bids_table_accept_offer{
    text-align:center;
}
.bids_table_accept_offer{
    cursor:pointer;
    display:flex;
    justify-content: center;
    align-items:center;
}
.bids_table_accept_offer svg{
    transition:all 0.6s ease;
}
.bids_table_accept_offer:hover svg{
    height:19px;
    transition:all 0.6s ease;
}
.bids_table_accept_offer svg g rect{
    transition:all 0.3s ease;
}
.bids_table_accept_offer:hover svg g rect{
    fill:rgb(40, 158, 90);
    transition:all 0.3s ease;
}

.write_a_review_container{
    display:flex;
    width:100%;
    justify-content:center;
    padding-top:3%;
}
.write_a_review_first_container{
    padding:1% 2%;
    display:flex;
    width:96%;
    justify-content: center;
}
.write_a_review{
    padding:1% 2%;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    background-color:#0A2740;
    color:white;
    cursor:pointer;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
    border:1px solid white;
}
.write_a_review:hover{
    background-color: white;
    color:#0A2740;
    border:1px solid #0A2740;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
}
/* END OF SINGLE ASSIGNMENT ACCEPT */













/* NEW HEADER */

#main_top_header{
    display:flex;
    justify-content: space-between;
    padding:1% 5%;
    background-color:white;

    width:72.5%;
    float:right;
}
.main_header_top_inner_container{
    display:flex;
    gap:25%;
    justify-content:flex-end;
    /* padding-right:10%; */
}

#language_switcher_container{
    display:flex;
    flex-wrap:nowrap;
    gap:5%;
}

.language_switcher_button{
    background-color:transparent;
    border:none;
    cursor:pointer;

}
#menu_user_info_outter_container{
    display:flex;
    flex-direction:column;
}
#menu_user_info_container{
    display:flex;
    flex-wrap:nowrap;
    gap:15%;
}
#menu_user_avatar{
    display:flex;
    align-items:center;
}
#menu_user_avatar img{
    border-radius:50%!important;
}

#menu_user_name p{
    width:max-content;
}
#menu_user_name p a{
    color:#0A2740;
}
#menu_logout{
    display:flex;
    align-items:center;
    padding-left:3%;
}
.logout_image{
    width:23px;
    height:23px;
}



#main_left_header{
    background-color:#0A2740;
    height:100vh;
    /* width:20%; */
    width:17.5%;
    position:fixed;
    top:0;
    left:0;
    padding-top:3.5%;
    padding-bottom:3.5%;
    display:flex;
    flex-direction:column;
}
@media only screen and (max-width:768px){
    header#main_header_container{
        display:none!important;
    }
    #main_left_header{
        display:none!important;
    }
    #main_top_header{
        display:none!important;
    }
    
}

#logo_container{
    display:flex;
    flex-direction:row;
    justify-content: center;
    margin-bottom:13%;
}

#main_content{
    width:82.5%;
    float:right;
    display:flex;
    justify-content: flex-end;
    flex-direction:column;
}

#main_menu_container_left{
    display: flex;
    justify-content: center;
    overflow-y:auto;
    overflow-x:hidden;
}
#main_menu_container_left ul{
    list-style:none;
}
#main_menu_container_left .main_menu_left_submenu{
    /* margin-top:5%; */
    padding-bottom:5%;
}
#main_menu_container_left .main_menu_left_menu_item , #main_menu_container_left .main_menu_left_menu_item a{
    color:white;
}
#main_menu_container_left .main_menu_left_submenu_item{
    color:#C9C4C4;
}
#main_menu_container_left .main_menu_left_submenu_item:hover{
    color:white;
}
#main_menu_container_left .main_menu_left_submenu_item a{
    color:#C9C4C4;
}
#main_menu_container_left .main_menu_left_submenu_item a:hover{
    color:white;
}

#main_menu_container_left li{
    padding-top:2%;
    padding-bottom:2%;
    cursor:pointer;
}

.main_menu_left_menu_item{
    position:relative;
    padding-top:5%!important;
    padding-bottom:5%!important;
    margin-bottom:3%;
}
@media only screen and (min-width:1500px){
    .main_menu_left_menu_item{
        min-width:257px;
    }
}
@media only screen and (max-width:1500px) and (min-width:1250px){
    .main_menu_left_menu_item{
        min-width:210px;
    }
}
#menu_assignments_item , #menu_portal_item , #menu_help_item{
    padding-top:0!important;
    padding-bottom:0!important;
}
#menu_assignments_item > div , #menu_portal_item > div , #menu_help_item > div{
    padding-top:5%;
    padding-bottom:5%;
}

.main_menu_left_menu_item::after{
    content: '';
    /* background-color: #C9C4C4; */
    background-color: rgba(201,196,196,0.5);
    height: 1px;
    width: 70%;
    position: absolute;
    bottom:0;
    left: 0;
}
.menu_icon_container{
    margin-right:2%;
}



/* END OF NEW HEADER */









/* STUDENT FORM FROM ACADEMIC GR */
#login_form_submit_form_container{
    display:flex;
    justify-content: center;
    padding-top:5rem;
    padding-bottom:5rem;
}

/* END OF STUDENT FORM FROM ACADEMIC GR */







/* TEACHER SINGLE PAGE */
/* #single_teacher_whole_container{ */
    /* padding:5% 2%; */
/* } */
.single_teacher_inner_container{
    display:flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction:column;
}
.teacher_page_avatar_container{
    width:100%;
    display: flex;
    justify-content: center;
    padding:4.5% 0;
    background: linear-gradient(to bottom, white 50%, transparent 50%);
}
#teacher_avatar_inner_container{
    width:fit-content;
    border-radius: 50%;
    background: white;
    padding: 0.7rem;
    position:relative;
}
#teacher_avatar_inner_container img{
    border-radius:50%;
    object-fit:cover;
}

.teacher_page_profile_pic_container{
    width:150px;
    height:150px;
    overflow:hidden;
    position:relative;
}

.teacher_page_name_container{
    padding-bottom:5%;
    min-width:50%;
}
.teacher_page_name_heading{
    font-size:16px;
    font-weight:500;
    margin-top:0;
    margin-bottom:0.5rem;
}
.teacher_page_name_inner{
    text-align:center;
}
.teacher_page_info_small{
    color:#707070;
    font-size:16px;
    font-weight:500;
    margin:0;
    margin-bottom:0.4rem;
}
.teacher_page_info_small.rating_container{
    display:flex;
    align-items:center;
    justify-content:space-around;
}

.teacher_page_bio_container{
    text-align:center;
    width:50%;
}
.teacher_page_bio{
    color:#707070;
    font-weight:500;
    margin-top:2rem;
}

#edit_teacher_profile_section{
    padding-bottom:5%;
}
/* #edit_teacher_profile_section a{ */
    /* color:#0A2740; */
/* } */

#edit_teacher_profile_section a:active , #edit_teacher_profile_section a:visited{
    /* color:#0A2740; */
    color:#0000EE;
}
#edit_teacher_profile_section a:hover{
    color:#0A2740;
    text-decoration:underline;
}

/* END OF TEACHER SINGLE PAGE */

/* TEACHER EDIT PAGE */
#uploadButton.teacher_page_edit_avatar{
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 0px;
    background-color: white;
    border-radius: 50%;
    border:none;
    cursor:pointer;
}
.edit_teacher_line{
    position:relative;
    margin-bottom:1.5rem;
    border-bottom:1px solid #0A2740;
}
.edit_teacher_line .edit_content , .edit_teacher_line .save_content{
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
}
.add_content{
    margin-bottom:1.5rem;
    cursor:pointer;
    text-decoration:underline;
}

.edit_content , .save_content{
    cursor:pointer;
}
.save-content{
    text-decoration:none!important;
}

.teacher_edit_container{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.teacher_edit_inner_container{
    width:50%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:0.5rem;
}
.teacher_edit_input{
    width:50%;
}
.teacher_edit_input_number{
    /* width:auto; */
    width:50%;
}
.teacher_edit_select{
    width:52%;
}
.teacher_edit_inner_container_bio{
    flex-direction:column;
    width:100%;
}
.teacher_edit_inner_container_bio textarea{
    margin-top:1rem;
    margin-bottom:1rem;
}

.bio_edit.save_content , .bio_edit.edit_content , .bio_add.add_content , .bio_add.save_content{
    padding-bottom:2rem;
}
#main_top_header{
    position:relative;
}
#user_submenu{
    position:absolute;
    /* bottom:-80%; */
    bottom:-105%;
    background-color:white;
    z-index:10;
    /* border:1px solid black; */
    border-top:none;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Add this for shadow */

}

#menu_user_name{
    padding-left:0.75rem;
}

#user_submenu.english_user_submenu{
    padding-left:0.75rem;
    padding-right:0.75rem;
}
#user_submenu ul{
    list-style: none;
    padding:0.75rem;
    margin:0;
    padding-top:1.75rem;
}
#user_submenu ul li{
    margin-bottom:1rem;
}
#user_submenu ul li a{
    color:#0A2740;
}
#user_submenu ul li a:hover{
    text-decoration:underline;
}

#teacher_bio{
    margin-bottom:2rem;
}

/* END OF TEACHER EDIT PAGE */


/* MY ACCOUNT */
/* hide image on my account page from ultimate member */

.um-account-meta-img{
    display:none!important;
}

/* hide image on my account page from ultimate member */

/* END OF MY ACCOUNT */


.button_next_stage , .button_add_notes , .button_approve_plagiarism , .button_disapprove_plagiarism{
    cursor:pointer;
    transition:all 0.4s ease;
}

.button_next_stage:hover , .button_add_notes:hover , .button_approve_plagiarism:hover , .button_disapprove_plagiarism:hover{
    transform:scale(1.2);
    transition:all 0.4s ease;
}

.current_status_download_file , .current_status_upload_file , .current_status_download_notes , .button_make_payment , .current_status_download_student_notes , .student_note_upload_file , .current_status_download_student_file{
    font-size:16px;
    padding:0.25rem 0.5rem;
    cursor:pointer;
}
.current_status_download_file , .current_status_download_notes , .current_status_download_student_notes , .current_status_download_student_file{
    padding:0;
}
.current_status_download_file a , .current_status_download_notes a , .current_status_download_student_notes a , .current_status_download_student_file a{
    color:black!important;
    padding:0.25rem 0.5rem;
}

.current_status_download_student_file{
    display:flex;
}
.current_status_download_student_file a{
    width:100%;
}

.student_notes_user_input , .select_payment_method_container{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: center;
    
}

#student_notes{
    margin-top:1rem;
    margin-bottom:1rem;
    padding:1rem 0.5rem;
}

.student_notes_submit , #pay_installment_button , .submit_report{
        padding: 0.5rem 1rem;
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        background-color: #0A2740;
        color: white;
        cursor: pointer;
        transition: background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
        border: 1px solid white;
}
.student_notes_submit:hover , #pay_installment_button:hover , .submit_report:hover{
    background-color: white;
    color: #0A2740;
    border: 1px solid #0A2740;
    transition: background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
}

/* TEACHER SINGLE ACCEPTED */
.single_assignment_go_to_payment_button__teacher{
    color:orange;
}

.revision_details_container , .structure_table_line_info.container_with_notes{
    display:flex;
    flex-direction:column;
    padding-top:4px;
    padding-bottom:4px;
}
.revision_details_container button , .structure_table_line_info.container_with_notes button{
    width:100%;
}
.current_status_download_notes , .current_status_download_student_notes , .current_status_download_student_file{
    width:fit-content;
    margin-top:8px;
}

.structure_table_line_info.container_with_notes{
    width:50%;
}



/* END OF TEACHER SINGLE ACCEPTED */


/* PAYMENT METHODS */

.bacs_payment_container , .viva_wallet_payment_container{
    cursor:pointer;
}
.payment_methods_container{
    display: flex;
    flex-direction:column;
    gap:0.5rem;
}

.payment_methods_container label{
    display:inline-flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    min-height:28px;
}

.viva_pay span{
    /* min-height:24px; */
    display:inline-flex;
}

.viva_subtext , .bacs_subtext{
    margin:4px 28px 10px 28px;
    color: #6c757d;
    opacity: 0.8;
    max-width:90%;
    line-height:20px;
    
}
/* END OF PAYMENT METHODS */



/* APPROVE PAYMENTS ADMIN PAGE AND APPROVE BIDS ADMIN PAGE */
.bank_transfer_whole_container , .pending_bids_whole_container{
    display:flex;
    flex-direction:row;
    justify-content: center;
    width:100%;
    padding: 5% 0;
}
.bank_transfers_table , .pending_bids_table{
    width:96%;
    border-right:1px solid black;
    border-left:1px solid black;
}
.bank_transfers_header_row , .pending_bids_header_row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding:1rem 0;
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.bank_transfers_header , .bank_transfers_cell , .pending_bids_header_cell , .pending_bids_cell{
    text-align:center;
}
.bank_transfers_header , .pending_bids_header_cell{
    font-weight:600;
}
.bank_transfers_row , .pending_bids_row{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding:1rem 0;
    border-bottom:1px solid black;
    align-items:center;
}


.transfer_id , .transfer_assignment_id , .transfer_user_id , .transfer_amount , .transfer_installment_no{
    width:12%;
}
.transfer_action{
    width:15%;
    display:flex;
    flex-direction:column;
}
.transfer_action .transfer_approve_button{
    margin-bottom:0.25rem;
}
.transfer_action .transfer_delete_button{
    margin-top:0.25rem;
}
.transfer_username{
    width:25%;
}


/* APPROVE BIDS*/

.pending_bids_id , .pending_bids_assignment_id , .pending_bids_teacher_id, .pending_bids_student_id , .pending_bids_header_id , .pending_bids_header_assignment_id , .pending_bids_header_teacher_id, .pending_bids_header_student_id{
    width:10%;
}
.pending_bids_offer , .pending_bids_header_offer{
    width:12%;
}
.pending_bids_extra_info , .pending_bids_header_extra_info{
    width:31%;
    margin-right:1%;
    margin-left:1%;
}
.pending_bids_actions , .pending_bids_header_actions{
    width:15%;
}
.pending_bids_extra_info{
    overflow-y:auto;
    max-height:100px;
    overflow-x:hidden;
}


.pending_bids_actions{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0.5rem;
}
.accept_bid_button , .edit_bid_button , .submit_custom_bid_button{
    font-size:16px;
    padding:0.25rem 0.5rem;
    cursor:pointer;
    padding:0;
    color:black!important;
    padding:0.25rem 0.5rem;
    width:100%;
    margin-right:0.5rem;
    transition:all 0.4s ease;
}

.accept_bid_button:hover , .submit_custom_bid_button:hover{
    background-color:green;
    color:white!important;
    transition:all 0.4s ease;
}
.edit_bid_button:hover{
    background-color:red;
    color:white!important;
    transition:all 0.4s ease;
}

.edit_bid_whole_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: flex;
}

.edit_bid_container{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    background-color:white;
    min-height:50%;
    min-width:50%;
    position:relative;
    padding:3.5% 2.5%;
}

.edit_bid_close_section{
    font-size:36px;
    cursor:pointer;
    position: absolute;
    top:1.5rem;
    right:1.5rem;
    transition:color 0.2s ease;
}
.edit_bid_close_section:hover{
    color:red;
    transition:color 0.2s ease;
}

.edit_bid_lines_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.edit_bid_line{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    width:75%;

}
.edit_bid_line > div{
    width:50%;
    display:flex;
    justify-content:center;
}

.edit_bid_header_line{
    margin-bottom:0.75rem;
}

.edit_bid_line > div.edit_bid_buttons_container{
    justify-content:center;
    gap:1rem;
}

.edit_bid_line .custom_bid{
    text-align:center;
}

.edit_bid_container .custom_bid{
    padding: 1rem;
    border: 1px solid #707070;
    background-color: white;
    font-size: 16px;
    font-weight:500;
}

.edit_bid_container .edit_bid_buttons_container > button{
    cursor:pointer;
    padding:0.5rem 1.5rem;
    font-size:16px;
    transition:all 0.4s ease;
}

.edit_bid_container .edit_bid_buttons_container > button:hover{
    background-color:#0A2740;
    color:white;
    transition:all 0.4s ease;
}

.edit_bid_container .submit_custom_bid_button{
    padding:0.5rem 1.5rem;
    font-size:16px;
    margin-top:1rem;
    margin-right:0;
}




/* END OF APPROVE PAYMENTS ADMIN PAGE AND APPROVE BIDS ADMIN PAGE */



/* SUBMIT REVIEW PAGE */
.write_review_whole_container{
    display:flex;
    justify-content:center;
    margin-top:4%;
}
.write_review_container{
    width:50%;
}
.review_heading{
    text-align:center;
}
.star-rating {
  display: flex;
  justify-content: center;
  font-size: 2rem;
}
.star {
  cursor: pointer;
  color: #ccc;
}
.star.selected,
.star:hover{
  color: #ffcc00;
}
.review-section {
  margin-top: 20px;
}
.review-section textarea {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  resize: vertical;
}
.submit_review_container{
    display:flex;
    justify-content:center;
}
#review_submit_button {
    padding:1.5% 2%;
    font-size:16px;
    line-height:19px;
    font-weight:500;
    background-color:#0A2740;
    color:white;
    cursor:pointer;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
    border:1px solid white;
    margin-top:2%;
    min-width:33%;
}
#review_submit_button:hover {
    background-color: white;
    color:#0A2740;
    border:1px solid #0A2740;
    transition:background-color 0.4s ease , color 0.4s ease , border 0.4s ease;
}
.rating-stars{
    margin-left:1rem;
}
.star_single_page{
    font-size:24px;
}
.full-star {
    color: #ffcc00; /* Color for filled stars */
}
.empty-star {
    color: #ccc; /* Color for unfilled stars */
}
/* END OF SUBMIT REVIEW PAGE */

/* ALL REVIEWS PAGE */
.reviews_avatar_container{
    padding:2% 0;
}
.all_reviews_whole_container{
    display:flex;
    align-items:center;
    flex-direction:column;
}
.all_reviews_whole_container .teacher_name{
    margin-top:0;
    margin-bottom:3rem;
}
.rating_box{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    min-width:500px;
    margin-top:1.5%;
}
.rating_box_first_column{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
}
.rating_box_row{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    margin-bottom:4px;
    cursor:pointer;
}
.rating_box_row:hover > .rating_box_row_number{
    color:#ffcc00;
}
.rating_box_row.disabled{
    pointer-events:none;
}
.rating_box_progress_bar{
    width:100px;
    background-color:#ccc;
    height:5px;
    border-radius:10px;
}
.rating_box_bar_colored{
    background-color:#FFCC00;
    height:5px;
    border-radius:10px;
}
.rating_box_star_number{
    color:rgba(0, 0, 0, 0.5);
}
.rating_box_teacher_rating{
    font-weight:700;
    font-size:32px;
}
.reviews_section{
    min-width:500px;
    margin-top:1.5%;
    margin-bottom:1.5%;
}
.single_review_container{
    padding:3.5%;
    border:1px solid rgba(0, 0, 0, 0.2);
    margin-bottom:1%;
}
.single_review_container .star_rating{
    margin-bottom:0.5%;
}
.single_review_container .rating-stars{
    margin-left:0;
}
.single_review_container .review_info{
    margin-bottom:5%;
    color:rgba(0,0,0,0.5);
    margin-left:3px;
}
.single_review_container .review_content{
    padding-bottom:2%;
}


.approve_review_button_container , .delete_review_button_container{
    display:flex;
    flex-direction:row;
    justify-content:center;
}
.approve_review_button , .delete_review_button{
    width:50%;
    margin-top:1.5rem;
    padding:0.4rem;
    background-color:#0A2740;
    color:white;
    font-size:16px;
    border:1px solid #0A2740;
    cursor:pointer;
    transition:all 0.4s ease;
}
.approve_review_button:hover , .delete_review_button:hover{
    background-color:white;
    color:#0A2740;
    transition:all 0.4s ease;
}

.delete_review_button{
    background-color:#cc0000;
    border-color:#cc0000;
    margin-top:0.5rem;
}

.delete_review_button:hover{
    color:#cc0000;
}

/* END OF ALL REVIEWS PAGE */

/* REPORT */
.report_text_container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    height:80%;
}
.report_text_container textarea{
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0.5rem;
}

/* END OF REPORT */


.swal2-confirm{
    background-color:#0A2740!important;
}

.swal2-confirm:hover{
    background-color:#001f3f!important;
}











/* RESPONSIVE */
#mobile_main_left_header{
    display:none;
}
@media only screen and (max-device-width: 768px) {
    
    #main_left_header{
        display:none!important;
        /* visibility: hidden!important; */
    }

    #main_content{
        width:100%;
    }

    #main_header_container{
        width:100%;
        display:flex;
    }
    #main_top_header{
        float:unset;
        /* width:100%; */
        width:50%;
    }

    #mobile_main_left_header{
        display:flex;
        background-color:white;
        align-items:center;
        justify-content:center;
        width:50%;
        padding-top:4%;
        padding-bottom:4%;
        z-index:99;
    }

    #main_top_header{
        z-index:99;
    }

    #menu_icon{
        padding-left:5%;
        padding-right:10%;
    }
    #menu_icon svg{
        /* width:15%;
        height:15%; */
        padding-left:2%;
    }
    #mobile_logo_image{
        max-width:100%;
    }

    #menu_user_name{
        display:flex;
        align-items:center;
    }

    #main_left_header.show_menu{
        display:flex!important;
        position:absolute;
        top:15%;
        width:100%;
        height:auto;
        z-index:90;
    }

    #main_left_header.show_menu #logo_container{
        display:none!important;
    }

    #main_left_header.show_menu #main_menu_container_left > ul{
        width:50%;
        padding-top:2.5%;
        padding-bottom:2.5%;
    }

    #main_left_header.show_menu .main_menu_left_menu_item , #main_left_header.show_menu .main_menu_left_submenu > li {
        text-align:center;
    }

    #main_left_header.show_menu .main_menu_left_menu_item::after{
        width:100%;
    }

    #main_left_header.show_menu .main_menu_left_menu_item > a{
        justify-content:center;
    }

    #close_mobile_menu{
        color: white;
        width: fit-content;
        position: absolute;
        top: 7%;
        right: 3%;
        font-size: 3rem;
    }

    div , p {
        font-size:22px;
    }
    h1 {
        font-size: 28px;
    }
    
    h2 {
        font-size: 24px;
    }

    .single_assignment_title h2{
        font-size:28px;
    }
    
}
/* END OF RESPONSIVE */