*{
    padding: 0;
    margin: 0;
}

    /******************** INDEX PAGE ********************/
.container{
    /* height: inherit; */
}

.category_container{
    /* border: 1px solid red; */
    height: 692px;
}

#inner_category{
    /* border: 1px solid red; */
    height: inherit;
    overflow: auto;
}

.index_container, .category_container, #work_index_body, #confirm_deliver_wrapper,
#main_page_about, #top_page, #bottom_page{
    background-image: url('uploaded_images/lodge_images/room5.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.index_container h1, .index_container p, #access_page > p, #main_index_footer > h2{
    font-size: 50px;
    font-family: tahoma;
    letter-spacing: 3px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    text-align: center;
}

.index_container h1{
    margin-top: 5%;
}

.index_container p{
    font-size: 30px;
}

#access_page{
    display: flex;
    justify-content: end;
    font-size: 18px;
    padding-right: 15px;
}

#access_page > p, #main_index_body > p{
    font-size: 18px;
    line-height: 35px;
    text-shadow: none;
}

#access_page a, #main_index_body a{
    border-radius: 5px;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    background-color: green;
    color: white;
}

.main_index > p{
    font-size: 20px;
}

#main_index_body{
    width: 40%;
    margin: 6% auto 7%;
    display: flex;
    flex-direction: column;
}

#main_index_form, #buy_search_form{
    display: flex;
}

#main_index_form .inputBox, #buy_search_form .inputBox{
    width: 80%;
}

#main_index_form .inputBox > label{
    font-size: 18px;
    font-family: tahoma;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
}

#main_index_form .inputBox select, #buy_search_form .inputBox select{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 15px;
    padding: 10px 5px;
    width: 80%;
    margin: 5% 0%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#main_index_form input[type="submit"], #buy_search_form input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 8px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    /* margin-top: 50%; */
    cursor: pointer;
    box-shadow: 7px 7px 6px rgba(0, 0, 0, .7);
}

#main_index_body > p{
    font-size: 15px;
    /* text-align: left; */
}

#main_index_footer > h2{
    font-size: 25px;
    /* text-shadow: none; */
}

.index_scroll{
    overflow: hidden;
}

.index_scroll h3{
    font-family: tahoma;
    margin-top: 2%;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    text-shadow: none;
    padding: 10px;
}

.index_scroll h3{
    text-shadow: 4px 4px 2px rgba(0, 0, 0, .5);
}



    /******************** WORK LODGE SEARCH PAGE ********************/
.search_wrapper, .index_body, #admLogin_body, #forget_body{
    /* border: 1px solid red; */
    background-image: url('uploaded_images/lodge_images/room5.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.fromIndex_lodge{
    padding-top: 20px;
    height: inherit;
    overflow: auto;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    background: rgb(8, 77, 34, .7);
}

.frmIndex_back, .wls_back{
    /* border: 1px solid white; */
    display: flex;
    justify-content: right;
    margin: 1% 15% 2% 0;
}

.wls_back{
    margin: 0 15% 1% 0;
}

.frmIndex_back a, .wls_back a{
    border: 1px solid red;
    border-radius: 10px;
    background: red;
    color: white;
    padding: 10px 15px;
    font-family: tahoma;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
}

.wls_back a{
    margin-top: 1%;
}

.fromIndex_cover{
    border: 1px solid white;
    border-radius: 10px;
    width: 60%;
    margin: .5% auto;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .7);
}

#frmIndex_form{
    display: flex;
    flex-direction: row;
}

#frmInd_left_form, #frmInd_right_form{
    /* border: 1px solid red; */
    width: 45%;
    margin: 0 auto;
}

.fromIndex_cover .inputBox{
    /* border: 1px solid red; */
    width: 90%;
    margin: 0 auto 9%;
    padding: 10px;
}

.fromIndex_cover .inputBox label{
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
}

.fromIndex_cover .inputBox input, .fromIndex_cover .inputBox select{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 10px 15px;
    width: 100%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: 2%;
}

#fromIndex_state{
    cursor: not-allowed;
}

.fromIndex_cover fieldset{
    border: none;
    border-radius: 10px;
    height: auto;
    width: 100%;
    margin: 8% auto 0;
    padding-top: 5px;
}

.fromIndex_cover fieldset legend{
    /* border: 1px solid black; */
    font-size: 18px;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
    font-family: tahoma;
}

.fromIndex_cover fieldset .inputBox{
    width: 90%;
    margin: 0 auto 5%;
}

.fromIndex_cover fieldset .inputBox span{
    color: white;
    margin-left: 2%;
}

.submit_align{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3% 0;
}

.fromIndex_cover input[type="submit"]{
    /* border: 1px solid lightgray; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
    /* box-shadow: 7px 7px 6px rgba(0, 0, 0, .7); */
}

#top_page, #bottom_page{
    /* border: 1px solid red; */
    background-size: 100% 100%;
}

#inner_bottom_page, #inner_top_page{
    background: rgba(5, 65, 13, 0.87);
}

#index_lodge_wrapper{
    /* border: 1px solid red; */
    /*background-color: rgb(8, 77, 34, .7);*/
    padding: 7px;
    margin: 7% 2%;
    overflow: hidden;
}

#indexLodgeBox{
    animation: slideRightToLeft 30s linear infinite; 
}

#index_lodge_wrapper h4{
    color: white;
    font-family: tahoma;
    font-size: 25px;
    margin: 1.5% 0 1%;
    display: flex;
    justify-content: center;
    text-shadow: 5px 5px 4px rgba(139, 132, 132, 0.7);
}

#index_lodge_box{
    display: flex;
    justify-content: space-between;
}

.index_lodge{
    width: 24.8%;
}

.index_lodge img{
    /*border: 1px solid black; */
    width: 100%;
    height: 300px;
}

.index_lodge:hover{
    border: 1px solid white;
}

.inner_workerLodge{
    margin: 7px;
}


    /******************** SEARCHER PAGE ********************/
.search_container{
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .9;
    height: 95%;
}

        /********** HEADER **********/
.header, #header, .admin_header, .top_header, #confirm_reg_header,
#login_header, #verify_header{
    height: 100px;
    background-image: url('images/room6.jpeg');
    background-attachment: fixed;
}

#confirm_reg_header, #verify_header{
    height: 80px;
}

.admin_header{
    height: 135px;
}

.top_header{
    height: 120px;
}

.header p, #header h1, .admin_header p, .top_header p, .top_header h1,
#confirm_reg_header p, #verify_header{
    /* border: 1px solid blue; */
    font-family: tahoma;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

#confirm_reg_header p{
    margin-bottom: 0;
}

.header p a, #header p a, .admin_header p a{
    /* border: 1px solid blue; */
    text-decoration: none;
    color: white;
}

.top_header p, .top_header h1{
    font-size: 35px;
}


        /*************** ADMIN PAGE ***************/
.admin_header{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#sub_admin_nav, #admin_nav{
    margin-top: 1%;
}

.admin_nav ul, .top_header ul{
    list-style: none;
    display: flex;
    justify-content: center;
}

.admin_nav ul li, .top_header ul li{
    border: 1px solid green;
    border-radius: 10px;
    padding: 5px 10px;
    display: inline-block;
    font-size: 15px;
    color: white;
    background-color: green;
    letter-spacing: 1px;
    font-family: tahoma;
    font-weight: bold;
    margin-left: .8%;
    cursor: pointer;
}

.admin_nav ul li a, .top_header ul li a{
    color: white;
    text-decoration: none;
}

#sub_adm_body{
    height: 541px;
}

#inner_sub_adm{
    height: inherit;
}

#message_list, #set_sublist, #sub_message_list, #sub_set_sublist, #add_drops_sublist,
#sub_verify_sublist, #verify_sublist, #dispatch_sublist{
    border: 1px solid red;
    position: absolute;
    top: 125;
    background-color: green;
    z-index: 1;
    text-align: center;
    border-radius: 10px;
    display: none;
}

#dispatch_sublist{
    top: 119;
}

#message_list, #add_drops_sublist, #set_sublist, #verify_sublist{
    top: 90;
}

#message_list li, #set_sublist li, #sub_message_list li, #sub_set_sublist li,
#add_drops_sublist li, #sub_verify_sublist li, #verify_sublist li,
#dispatch_sublist li{
    /* border-radius: 0; */
    width: 100%;
    cursor: pointer;
}

.admin_nav ul ul li:hover, .top_head_list li:hover{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid white;
}

.top_header ul{
    margin-top: 1%;
    /* display: block; */
}


    /***** STATISTICS *****/
#stat_wrapper{
    border-top: 1px solid rgba(8, 77, 34, .5);
    /* display: none; */
}

#stat_wrapper h2{
    font-size: 25px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding: 0 10px 8px;
    text-align: center;
    margin-top: 1%;
}

#stat_box{
    display: flex;
    justify-content: center;
}

#statBox{
    width: 90%;
    height: 510px;
    padding: 5px;
}

#upper_statBox{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}

.user_stat p, .user_stats p{
    font-size: 20px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding: 10px;
    text-align: left;
}

.user_stat hr{
    border: 2px solid white;
    margin: 0 1%;
}

.user_stat, .user_stats{
    border: 1px solid white;
    width: 70%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    border-bottom-right-radius: 15px;
}

#inst_stat{
    margin-right: 5%;
    border-top: none;
    border-left: none;
}

#stud_stat{
    border-top: none;
    border-left: none;
}

#otherStat{
    margin-left: 5%;
    border-top: none;
    border-left: none;
}

.stat_tally, .stats_tally{
    margin: 3%
}

.stat_tally table, .stats_tally table{
    border: none;
    width: 70%;
    margin: 0 auto;
}

.stats_tally table tr th, .stats_tally table tr td{
    background: none;
    border: none;
}

.stat_tally table tr td, .stat_tally table tr td{
    border: none;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    padding: 7px;
}

.stat_text{
    text-align: left;
    width: 70%;
}

/* #univ_tally{
    margin-left: 17.7%;
}

#poly_tally{
    margin-left: 12%;
}

#col_tally{
    margin-left: 32%;
} */

#lower_statBox{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#output_val{
    /* border: 1px solid red; */
    text-align: center;
    font-size: 20px;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: tahoma;
}

#per_inst_stat{
    position: absolute;
    top: 570;
    left: 350;
    width: 50%;
}

#per_inst_form{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
}

#per_inst_stat .inputBox{
    /* border: 1px solid green; */
    width: 60%;
    margin: 0 auto;
}

#per_inst_stat .inputBox select{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 15px;
    padding: 11px 5px;
    width: 100%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#inst_submit_div{
    /* border: 1px solid red; */
    margin: 3% 0 0;
    display: flex;
    justify-content: center;
}


        /******* ADMIN ORDER CODE *******/
#order_wrapper, #sub_order_wrapper{
    display: none;
    height: 560px;
} 

#sub_order_wrapper{
    display: block;
}

#sub_order_box, #adm_order_box{
    height: inherit;
    margin-bottom: 1%;
}

#adm_orderBox, #sub_orderBox{
    /* border: 1px solid blue; */
    height: inherit;
    overflow: auto;
}

.adm_order_res, .sub_order_res{
    padding: 0 6px;
    float: left;
    width: 33.333333%;
    margin-bottom: 1%;
}

        /******* ADMIN MESSAGE CODE *******/
#message_wrapper, #sub_message_wrapper{
    display: none;
}

    /**** CONTACT CODE ****/
#contact_wrapper, #report_wrapper{
    height: auto;
}

#contact_inner_wrap, #report_inner_wrap{
    /* height: 510px; */
    overflow: auto;
}

#sub_contact_wrapper, #sub_report_wrapper{
    height: 528px;
}

#sub_report_wrapper{
    height: 525px;
}

#sub_report_inner_wrap{
    /* border: 1px solid blue; */
    height: inherit;
    overflow: auto;
}

#adm_contact_box, #sub_contact_box, #sub_reportBox{
    margin-top: 1%;
    padding: 3px;
    overflow: auto;

}

#adm_contactBox, #adm_reportBox, #sub_contactBox, #sub_reportBox{
    border: 1px solid lightgrey;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    float: left;
    width: 32%;
    margin-left: 1%;
    margin-bottom: 1%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    color: white;
}

#adm_contactBox:hover, #adm_reportBox:hover, #sub_contactBox:hover, 
#sub_reportBox:hover{
    border: 1px solid #777;
}

#adm_contactBox hr, #adm_reportBox hr, #sub_contactBox hr, #sub_reportBox hr{
    border: 2px solid white;
    width: 95%;
    margin: 0 auto .5%;
}

.date{
    /* border: 1px solid green; */
    padding: 10px 15px;
    display: flex;
    justify-content: flex-end;
    font-weight: bold;
    font-family: tahoma;
    letter-spacing: 1px;
}

.detail{
    /* border-bottom: 1px solid white; */
    display: flex;
    justify-content: flex-start;
    padding: 3px;
    margin-top: 1%;
    margin-left: 2%;
    padding-bottom: 10px;
}

.admImg{
    /* border: 1px solid black; */
    height: 50px;
    width: 50px;
    border-radius: 100px;
}

.info{
    line-height: 15px;
    /* margin-right: 23%; */
}

.info p{
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px;
    /* color: black; */
}

#attach, #sub_attach{
    /* border: 1px solid red; */
    margin-top: 4%;
    margin-right: 2%;
    color: white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#attach span, #sub_attach span{ 
    margin-left: 1%;
    font-size: 11px;
    cursor: pointer;
    color: chartreuse;
}

.content{
    border: 1px solid lightgray;
    border-radius: 10px;
    margin: 2% 1% 2%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.subj{
    border-bottom: 1px solid white;
    padding: 7px 10px;
    font-family: tahoma;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
}

.subj span{
    font-size: 15px;
    margin-left: 1%;
}

.cont_msg{
    /* border: 1px solid red; */
    margin-top: 3%;
    display: flex;
    flex-direction: column;
}

.msg_info{
    /* border: 1px solid blue; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 7px 10px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 25px;
    width: 95%;
    margin: 0 auto;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.btn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5%;
}

#per_inst_stat input[type="submit"], .btn button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
    box-shadow: 7px 7px 6px rgba(0, 0, 0, .7);
}

#contact_table, #report_table{
    /* border: 1px solid red; */
    /* height: 535px; */
    display: none;
    height: auto;
    background: rgba(8, 77, 34, .7);
    padding-bottom: 30px;
}

#contact_table table, #report_table table{
    border: 1px solid white;
    width: 60%;
    margin: 1% auto 0;
}

#contact_table table{
    width: 80%;
}

.attach_rec{
    /* border: 1px solid red; */
    cursor: pointer;
}

#back2contact, #back2report, #close_subject{
    margin-top: 1%;
}

#inner_contact_table{
    background: rgba(8, 77, 34, .7);
    height: 600px;
}

#subject_table{
    background: rgba(8, 77, 34, .7);
    height: 600px;
    overflow: auto;
    display: none;
}

th{
    color: white;
    background-color: green;
}

th, td {
    border: 1px solid white;
    padding: 10px;
}

td{
    text-align: center;
    font-family: tahoma;
    font-size: 15px;
    color: white;
    font-weight: bold;
}


        /***** REPLY CODE AND ATTACHMENT CODE *****/
.adm_msg_reply{
    border: 1px solid lightgray;
    border-radius: 10px;
    position: absolute;
    top: 170;
    left: 170;
    padding: 3px;
    width: 80%;
    margin: 0 auto;
    background-color: rgba(8, 77, 34, .7);
    display: none;
}

.attach_box{
    border: 1px solid rgba(8, 77, 34, .7);
    border-radius: 10px;
    position: absolute;
    top: 180;
    left: 340;
    padding: 3px;
    width: 50%;
    height: 90%;
    background-color: rgba(8, 77, 34, .7);
    display: none;
    overflow: auto;
}

#inner_attach, #sub_inner_attach{
    display: flex;
    flex-direction: column;
    padding: 10px 0 10px;
}

#attachBox, #sub_attachBox{
    border: 1px solid rgba(8, 77, 34, .7);
    width: 60%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: auto;
}

#defImg, #sub_defImg{
    width: 100%;
    height: 550px;
}

.cls_attach{
    display: flex;
    justify-content: right;
    margin: 2% 10% 2% 0;
}

.cls_msg, .cls_attach, .cls_verify{
    display: flex;
    justify-content: flex-end;
    
}

.cls_msg button, .cls_attach button, .cls_verify a{
    border: 1px solid red;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    color: white;
    background-color: red;
    border-radius: 10px;
    cursor: pointer;
    padding: 5px 15px;
    /* margin: 1.5% 15% 1.5%; */
}

.inner_msg_reply{
    border: 1px solid white;
    border-radius: 15px;
    padding: 3px;
    width: 50%;
    margin: 0 auto 4%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.inner_msg_reply > p{
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 20px;
    color: white;
}

.inner_msg_reply > p span{
    font-size: 17px;
    margin-left: 1%;
}

.inner_msg_reply hr{
    border: 2px solid white;
    margin: 2% 2% 6%;
}

#msg_info{
    width: 90%;
    margin-left: 8%;
}

    /******* REPORTER PAGE *******/
.no_reply, .inner_table{
    /* border: 1px solid red; */
    margin: .3% 5%;
    display: flex;
    justify-content: flex-end;
}

.no_reply p{
    color: white;
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
}

.inner_table p{
    border: 1px solid red;
    border-radius: 10px;
    padding: 5px 10px;
    background-color: red;
    color: white;
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    margin-bottom: 1%;
}

#close_subject{
    display: none;
}

.reportVal{
    color: white;
    font-size: 11px;
    padding: 5px;
}

#adm_report_box, #sub_report_box{
    /* border: 1px solid red; */
    padding: 5px 3px;
    overflow: auto;
}

#adm_reportBox{
    /* border: 1px solid red; */
}

.reporter_detail{
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    margin-top: 1%;
}

#reporter_info, #sub_reporter_info{
    margin-left: 1%;
}

#defaulter_info, #sub_defaulter_info{
    /* border: 1px solid black; */
    width: 40%;
    /* margin-right: 2%; */
}

#reporter_info fieldset, #defaulter_info fieldset, 
#sub_reporter_info fieldset, #sub_defaulter_info fieldset{
    border: none;
    display: flex;
    /* justify-content: space-between; */
}

#reporter_info fieldset legend, #defaulter_info fieldset legend,
#sub_reporter_info fieldset legend, #sub_defaulter_info fieldset legend{
    /* border: 1px solid black; */
    text-decoration: underline;
    margin-left: 15%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-bottom: 5px;
}

/* #reporter_info p, #defaulter_info p, #sub_reporter_info p, , #sub_defaulter_info p{
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    letter-spacing: 1px;
    padding: 3px 0 3px 5px;
    color: black;
} */

.defImg{
    /* border: 1px solid black; */
    height: 30px;
    width: 30px;
    border-radius: 100px;
}


        /********** ADD/DROP PAGE **********/
#addDrop_wrapper{
    border: 1px solid rgba(8, 77, 34, .7);
    display: none;
    height: 541px;
}

#addDrop_adm, #addDrop_msg{
    width: 80%;
    margin: 1% auto;
}

.add_drop_box{
    display: flex;
    justify-content: center;
}

.add_wrapper, .drop_wrapper{
    width: 45%;
    margin: 0 auto;
}

.add_wrapper{
    width: 60%;
    height: 500px;
    overflow: auto;
}

#adm_add_wrap{
    width: 40%;
    overflow: inherit;
}

.add_box, .drop_box{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#drop_box{
    margin-top: 10%;
}

.addBox, .dropBox{
    width: 100%;
}

.dropBox{
    margin-top: 7%;
}

.inner_addDropBox{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.disp_addBox{
    display: flex;
    justify-content: center;
}

.add_left, .add_right{
    width: 60%;
    margin: 0 auto;
}

.addBox .inputBox, .dropBox .inputBox{
    width: 80%;
    margin-top: 5%;
}

.add_box .inputBox{
    width: 100%;
    margin-top: 5%;
}

.addBox .inputBox input, .addBox .inputBox select, .dropBox .inputBox select, 
#sub_dropBox .inputBox select, #bank_box .inputBox input, 
#bank_box .inputBox select, .dis_setBox .inputBox input{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 15px 10px;
    width: 80%;
    margin: 5% 10%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
}

.addBox .inputBox input, .addBox .inputBox select{
    padding: 12px;
}

.add_submit, .drop_submit, #sub_drop_submit{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-left: 20px; */
}

#add_submit{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    margin-left: 35%;
}

.addBox input[type="submit"], .dropBox input[type="submit"], #sub_dropBox input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    margin: 7% 0;
    cursor: pointer;
}

#sub_drop_wrapper{
    padding: 3px;
    display: none;
}

#sub_dropWrapper{
    width: 30%;
    margin: 5% auto 10%;
}

#adm_sett_wrapper, #sub_adm_sett_wrapper{
    height: 541px;
    display: none;
}

#sub_adm_sett_wrapper{
    border-top: 1px solid rgba(8, 77, 34, .5);
}

.adm_deliveryBox{
    width: 95%;
    margin: 0 auto;
    height: inherit;
    padding: 1% 0 2%;
}

.delivery_table{
    overflow: auto;
    height: 460px;
}

.delivery_table table tr td{
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 13px;
}

        /********** VERIFICATION PAGE **********/
#testing{
    border: 1px solid red;
}

#testing h1{
    /* font-size: 30px; */
}

#testing p{
    font-size: 20px;
    padding-left: 12px;
}

#tet p{
    font-size: 15px;
    padding-left: 12px;
}

.cls_verify a{
    text-decoration: none;
    margin-bottom: .5%;
}

.adm_verify_wrapper{
    height: 612px;
    overflow: auto;
}

.adm_verify_box{
    display: flex;
    flex-direction: column;
    height: inherit;
}

.inner_verify_box{
    width: 85%;
    height: inherit;
    margin: 0 auto .5%;
    overflow: auto;
}

.inner_verify_box table, .delivery_table table{
    border: 1px solid white;
    width: 100%;
}

.inner_verify_box td a{
    color: white;
}

.inner_verify_box button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px;
    font-family: sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    background-color: green;
    text-align: center; 
    cursor: pointer;
}

.show{
    display: none;
    color: red;
}

.iframe_body{
    padding-bottom: 2%;
    display: none;
}

.iframe{
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
    height: 100%;
}

.iframe iframe{
    /* border: 1px solid red; */
    width: 80%;
}


        /*************** INDEX PAGE ***************/
.index_nav{
    display: none;
}

.index_nav ul{
    padding: 3px;
    list-style: none;
    display: flex;
    justify-content: center;
}

.index_nav ul li{
    border-radius: 10px;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    color: white;
    background-color: green;
    letter-spacing: 1px;
    font-family: sans-serif;
    margin-left: .8%;
    cursor: pointer;
}

#studLodge_lists, #buySell_lists, #studSet_lists, #agent_lists, #studCart_lists{
    border: 1px solid green;
    position: absolute;
    top: 135;
    background-color: green;
    display: block;
    z-index: 1;
    text-align: center;
    border-radius: 10px;
    display: none;
}

#studLodge_lists{
    width: 30%;
}

#studSet_lists{
    width: 25%;
    right: 17;
}

#agent_lists{
    top: 130;
}

.index_nav ul ul li:hover{
    border-bottom: 1px solid white;
    width: 100%;
}

#index_nav{
    display: flex;
    justify-content: center;
    border-bottom: none;
}

#index_nav ul{
    width: 40%;
}

 #index_nav ul li{
    /* border: 1px solid red; */
    border: none;
    background-color: green;
    border-radius: 10px;
    color: white;
    display: inline-block;
    list-style: none;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    margin-left: 4%;
}

.index_nav ul li:nth-child(4){
    border-right: none;
}

.index_nav ul li a{
    color: white;
    text-decoration: none;
    text-align: center;
}

.index_side_nav ul{
    margin-top: 1%;
}

.index_side_nav ul li{
    color: white;
    list-style: none;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 20px 30px;
    cursor: pointer;
}

.index_side_nav ul li:hover{
    width: 80%;
    margin: 0 auto;
    background: rgba(8, 77, 34, .5);
}

.index_side_nav ul li:nth-child(4){
    border-right: none;
}

.index_side_nav ul li a{
    color: white;
    text-decoration: none;
    text-align: center;
}

.scroll_container{
    overflow: hidden;
    /* white-space: nowrap; */
    background: rgb(8, 77, 34, .7);
}

.scroll_container p{
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: white;
    letter-spacing: 2px;
    font-style: italic;
    overflow: hidden;
    padding: 5px;
}

.moving_text{
    animation: slideRightToLeft 25s linear infinite;
}

.index_body{
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
}

.left_nav{
    border-right: 1px solid white;
    width: 17%;
    background-image: url('images/room6.jpeg');
    background-attachment: fixed;
}

.left_nav p{
    /* border: 1px solid red; */
    font-size: 30px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding: 0 0 8px;
    text-align: center;
    margin-bottom: 3%;
}

.nav_pics{
    margin-bottom: 2%;
    display: flex;
    justify-content: center;
}

.stdImg{
    /* border: 1px solid black; */
    height: 130px;
    width: 130px;
    border-radius: 100px;
}

.right_nav, #right_nav, #sub_adm_body, #forget_body, #dispatch_wrapper,
#confirm_reg_body, .adm_verify_wrapper, .stud_placeOrder, .stud_cat_placeOrder, 
#index_body{
    /* border: 1px solid red; */
    width: 83%;
    background-image: url('images/room5.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

#right_nav, #confirm_reg_box, .left_nav, .right_nav, #inner_stud_placeOrder,
#inner_category, #inner_cat_placeOrder, #inner_dispatch_wrapper, #adm_log_wrapper,
#forget_wrapper, .adm_verify_box, .iframe_body, #inner_sub_adm,
#adm_right_nav, #inner_studLodge, .inner_studLodge, #inner_main_page_about{
    /* border: 1px solid red; */
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    background: rgba(8, 77, 34, .5);
}

#inner_adm_right_nav{
    background: rgba(8, 77, 34, .5);
}

.right_nav{
    height: auto;
}

#right_nav, #work_lodge_wrapper, #sub_adm_body, #admLogin_body,
#forget_body, #dispatch_wrapper, .payment_body, #confirm_reg_body, 
.adm_verify_wrapper, #index_body, #work_delivery_wrapper, 
#confirm_deliver_wrapper{
    width: 100%;
    border-right: none;
}



    /******** WORKER PAGE CODE ********/
#work_lodge_wrapper{
    /* border: 1px solid red; */
    background-image: url('images/room5.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#work_lodge_box, #work_delivery_wrapper, #work_report_wrapper, #work_upd_wrapper,
.dashboard_testimony{
    border: 1px solid rgba(5, 65, 13, 0.7);
    background: rgba(5, 65, 13, 0.7);
}

#work_lodgeBox{
    /* border: 1px solid red; */
    padding: 5px;
    display: flex;
    justify-content: center;
    height: inherit;
    width: 100%;
}

#work_box{
    /* border: 1px solid blue; */
    margin-top: 2%;
    width: 70%;
    height: 450px;
}

#work_form_box{
    /* border: 1px solid red; */
    display: flex;
    margin-top: 1%;
}

#left_formBox, #right_formBox{
    /* border: 1px solid red; */
    border-bottom-right-radius: 15px;
    width: 100%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#left_formBox{
    /* border: 1px solid red; */
}

#right_formBox{
    /* border: 1px solid red; */
    margin-left: 5%;
}

#work_submit{
    display: flex;
    justify-content: center;
}

#work_box input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    margin-top: 7%;
    margin-bottom: 5%;
    cursor: pointer;
}

#work_report_wrapper, #work_delivery_wrapper, #work_upd_wrapper{
    display: none;
}

#work_upd_wrapper{
    height: 541px;
}


        /********************* LOGIN CODE *********************/
/* .index_nav #log_nav_list li, .index_nav #nav_list li{
    padding: 10px 15px;
}

.index_nav #log_nav_list li:nth-child(2), .index_nav #nav_list li:nth-child(2){
    border-right: none;
} */

#login_page{
    /* border: 1px solid red; */
    /* display: none; */
}

#login_list{
    /* border: 1px solid green; */
}

#login_list ul{
    /* border: 1px solid red; */
    margin: 1% 5% 3%;
}

#login_list ul li{
    /* border: 1px solid red; */
    padding: 5px 10px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    list-style: none;
    color: white;
    border-left: 4px solid white;
}

#login_list ul li:nth-child(1), #login_list ul li:nth-child(2), 
#login_list ul li:nth-child(3){
    margin-bottom: 2%;
}

#log_wrapper, #adm_log_wrapper{
    width: 40%;
    margin: 1% auto 2%;
    display: flex;
    justify-content: center;
}

#admLogin_body{
    border: 1px solid rgba(8, 77, 34, .5);
}

#adm_log_wrapper{
    margin: 0;
    width: auto;
}

#log_box, #adm_log_box{
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 80%;
    margin: 1% auto 5%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding-bottom: 20px;
    background: rgba(8, 77, 34, .5);
}

#adm_log_box{
    margin-top: 1%;
    width: 30%;
}

#log_box h2, #logBox p, #adm_log_box h2, #adm_logBox p, #reg_box h2, #regBox p, #forget_box h2, .forgetBox p,
#upload_box h2, #uploadBox p, #contactBox p, #reply_feedback, #pics_upload h2, .set_box h2, #dispatch_setting > h2, .sub_set_box h2, .selfCon_box h2,
#inner_studLodge h2, #inner_agentLodge h2, .inner_studLodge h2, .inner_otherView h2, #inner_otherView h2, .buy_sell_box h2, #sell_wrapper h2,
#sell_wrapper p, #lodge_search h2, #work_box h2, .report_box h2, #order_wrapper h2,
.add_box h2, .inner_delivery_body h2, .inner_delivery_body p, .inner_confirm_delivery > h2, .drop_box h2, #sub_drop_box h2, #work_reportBox h2, #sub_order_wrapper h2,
.delivery_box h2, .inner_confirm_delivery p, .dispatch_task_wrapper h2, 
#dispatch_record_wrapper h2, .inner_payment h2, .category_container h2, #confirm_regBox h2,
#confirm_regBox p, .wel_box h2, .wel_box p, .adm_verify_box p, #view p, .bank_details_wrapper h2, #inner_verify h2,
#verify_ticket h1, #tic_searchFdback p, #err, .fromIndex_lodge h2, #reg_box p, .dis_setBox > h2,
.dis_setBox p, #contact_wrapper h2, #report_wrapper h2, .dashboard_testimony_box h2{
    /* border: 1px solid red; */
    font-size: 30px;
    font-family: tahoma;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    padding: 0 10px 8px;
    text-align: center;
    text-transform: uppercase;
}

#lodge_search h2{
    margin-top: 2%;
}

#reg_box p{
    font-size: 15px;
    text-transform: none;
}

#logBox p, #adm_logBox p, #regBox p, #uploadBox p, #sell_wrapper p, .addBox p, 
.dropBox p, #sub_dropBox p, #contactBox p, #reply_feedback, .delivery_form_box p,
.inner_confirm_delivery p, .wk_delivery_form_box p, .inner_delivery_body p,
.dis_setBox p{
    font-size: 18px;
    text-shadow: none;
}

.dis_setBox h2, .bank_details_wrapper h2, #inner_otherView h2{
    font-size: 25px;
    text-shadow: none;
}

#right_reg .inputBox p{
    font-size: 12px;
    text-align: left;
    color: black;
}

#reply_feedback{
    color: white;
}

#inner_log .inputBox, #adm_inner_log .inputBox, #reg_leftRight .inputBox, .forgetBox .inputBox,
#uploadBox .inputBox, #lodgeSearch_box .inputBox, #work_box .inputBox,
#sub_dropBox .inputBox, .delivery_leftRight .inputBox{
    /* border: 1px solid red; */
    margin-top: 5%;
}

#inner_log .inputBox label, #adm_inner_log .inputBox label, #reg_leftRight .inputBox label, 
.forgetBox .inputBox label, #inner_lodge .inputBox label,
.view_upload .inputBox label, #contactBox .inputBox label, 
#lodgeSearch_box .inputBox label, #work_box .inputBox label, 
#reportBox .inputBox label, #work_report_box .inputBox label, .addBox .inputBox label, 
.dropBox .inputBox label, #sub_dropBox .inputBox label,
#bank_box .inputBox label, .dis_setBox .inputBox label, .pass_upload .inputBox label,
.inner_book .inputBox label, .testimony_formBox .inputBox label{
    /* border: 1px solid green; */
    font-family: tahoma;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 10%;
    color: white;
}

.inner_book .inputBox label{
    margin-left: 5%;
}

#adm_inner_log .inputBox label{
    margin-left: 15%;
}

#inner_log .inputBox select, #adm_inner_log .inputBox select, #reg_leftRight .inputBox select, 
#inner_lodge .inputBox select, #lodgeSearch_box .inputBox input,
#lodgeSearch_box .inputBox select, #work_box .inputBox input, 
#work_box .inputBox select, .addBox .inputBox select, .addBox .inputBox input,
.dropBox .inputBox select, #sub_dropBox .inputBox select{
    text-align: center;
}

#inner_log .inputBox input, #adm_inner_log .inputBox input, #inner_log .inputBox select, 
#reg_leftRight .inputBox input, #reg_leftRight .inputBox select, #adm_inner_log .inputBox select,
.forgetBox .inputBox input, #inner_lodge .inputBox input, 
#inner_lodge .inputBox select, #contactBox .inputBox input, #contactBox .inputBox select,
#lodgeSearch_box .inputBox input, #lodgeSearch_box .inputBox select, 
#work_box .inputBox input, #work_box .inputBox select, #reportBox .inputBox input, 
#reportBox .inputBox select, #work_report_box .inputBox input, 
.testimony_formBox .inputBox input{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 10px 20px;
    width: 80%;
    margin: 5% 10%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

#adm_inner_log .inputBox input, #adm_inner_log .inputBox select{
    width: 70%;
    margin-left: 15%;
}

#inner_log input[type="submit"], #adm_inner_log input[type="submit"], .forgetBox input[type="submit"],
#lodgeSearch_box input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    /* margin: 7% 36% 10%; */
    margin-bottom: 3%;
    cursor: pointer;
}

#inner_log a, #adm_inner_log a{
    /* border: 1px solid red; */
    text-decoration: none;
    color: white;
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    margin: 0 10%;
    letter-spacing: 1px;
    cursor: pointer;
}

    /***** FORGET PASSWORD PAGE *****/
#forget_wrapper{
    height: 592px;
    display: flex;
    flex-direction: column;
}

#forget_box{
    /* border: 1px solid black; */
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

#newPass, #verifyPass, #resend_code{
    display: none;
}

.forgetBox{
    /* border: 1px solid red; */
    border-radius: 10px;
    padding: 10px;
    width: 30%;
    margin: 3% auto;
    display: flex;
    flex-direction: column;
}

.forgetBox h2{
    font-size: 30px;
}

.forgetBox .inputBox{
    margin-top: 12%;
}

.forgetBox .inputBox input{
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.forgetBox p{
    font-size: 18px;
    text-align: left;
    text-shadow: none;
    margin-left: 4%;
}

.forgetBox input[type="submit"]{
    padding: 10px;
    /* margin: 10% 40% 10%; */
}

.forgetBox input[type="submit"]:nth-child(2){
    /* margin: -5% 20%; */
}

#verifyPass{
    margin-top: 2%;
}

#newPass{
    margin-top: 3%;
}

#newPass h2{
    text-align: center;
    font-size: 25px;
}

#newPass .inputBox, #verifyPass .inputBox{
    margin-top: 8%;
}

        /********************* REGISTER CODE *********************/
#register_page{
    /* border: 1px solid red; */
    display: none;
}

#reg_wrapper{
    /* border: 1px solid green; */
    margin: 1% 2%;
}

#reg_box{
    /* border: 1px solid rgba(0, 0, 0, .7); */
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-top: 1%;
    padding-bottom: 10px;
}

#reg_leftRight{
    border: 1px solid white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    /* justify-content: space-between; */
}

#top_reg, #bottom_reg{
    width: inherit;
    display: flex;
    flex-direction: row;
}

#top_left_reg, #top_middle_reg, #top_right_reg,
#bottom_left_reg, #bottom_middle_reg, #bottom_right_reg{
    border: 1px solid white;
    border-radius: 10px;
    margin: .5%;
    width: 33%;
}

#reg_leftRight .inputBox input, #reg_leftRight .inputBox select{
    width: 70%;
    margin: 5% 15%;
}

#reg_leftRight .inputBox label{
    margin-left: 15%;
}

#reg_leftRight .inputBox input[type="file"], .addBox .inputBox input[type="file"],
.delivery_leftRight .inputBox input[type="file"]{
    cursor: pointer;
    background-color: white;
}

.uni_subset, .self_sublist, .around_sch, #local, .stud_attr, 
.non_stud_attr, .pics, .other{
    display: none;
}

#reg_leftRight .inputBox p{
    font-size: 15px;
}

#nonStud_attr, #work_lga, #fromIndex_lga{
    /* border: 1px solid red; */
    display: none;
}

.reg_submitBtn_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4% auto 2%;
}

#inner_reg input[type="submit"], #contactBox input[type="submit"], 
#reportBox input[type="submit"], #work_report_box input[type="submit"],
.testimony_formBox input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
}


/********************* TESTIMONIALS CODE *********************/
#testimony, #comment_testimony{
    /* border: 1px solid red; */
    display: none;
    width: 80%;
    margin: 0 auto 5%;
}

#comment_testimony{
    display: block;
}

.testimony_box{
    /* border: 1px solid lightgray; */
    width: 80%;
    margin: 1% auto;
    display: flex;
    flex-direction: column;
}

.user_testimony{
    border: 1px solid lightgray;
    border-radius: 10px;
    border-top: none;
    border-left: none;
    width: 80%;
    padding: 5px;
    margin: 2% auto;
    display: flex;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .5);
}

.user_image{
    width: 15%;
    margin: .5% 1% 1%;
}

.user_image_box img{
    border-radius: 50px;
    width: 100%;
    height: 100px;
}

.user_comment_box{
    /* border: 1px solid blue; */
    width: 83%;
    margin: .5% .5% 1%;
}

.user_comment, .user_comments{
    font-family: sans-serif;
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 14px;
    /* color: white; */
}

.user_comments{
    color: white;
}

.user_name, .user_names{
    /* border: 1px solid red; */
    display: flex;
    justify-content: right;
    margin-right: 5%;
}

.user_name p, .user_names p{
    font-family: sans-serif;
    font-style: italic;
    color: blue;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-shadow: none;
    padding-top: 10px;
    /* text-shadow: 2px 2px 2px rgba(0, 0, 0, .5); */
}

.user_names p{
    color: white;
}


        /***** DASHBOARD TESTIMONY CODES *****/
.dashboard_testimony{
    display: none;
}

.dashboard_testimony_box{
    border: 1px solid rgba(5, 65, 13, .1);
    width: 90%;
    margin: 2% auto 4.5%;
}

.testimony_formBox{
    border: 1px solid white;
    border-radius: 10px;
    width: 50%;
    margin: 1% auto;
    padding-top: 10px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.testimony_formBox .inputBox{
    /* border: 1px solid red; */
    margin-bottom: 5%;
}

.testimony_formBox .inputBox input{
    width: 50%;
    margin: 3% 10%;
}

.testimony_formBox .inputBox textarea{
    width: 80%;
    margin: 3% 10%;
}

#stud_rem_email, #agent_rem_email, #dis_rem_email, #wk_rem_email{
    cursor: not-allowed;
    background-color: lightgray;
}

#stud_rem_comment, #agent_rem_comment, #dis_rem_comment, #wk_rem_comment{
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    font-family: sans-serif;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: justify;
}


        /********************* ABOUT US CODE *********************/
#about_page, #contact_page{
    border-radius: 10px;
    width: 80%;
    margin: 0 auto 5%;
}

#about_page{
    padding-top: .5%;
}

.about_us, .remarks{
    /* border: 1.5px solid green; */
    border-radius: 7px;
    padding: 5px 3px;
    margin-top: 1%;
}

#main_page_about{
    /* border: 1px solid red; */
}

#inner_main_page_about{
    border: 1px solid rgba(8, 77, 34, .5);
    background: rgba(8, 77, 34, .7);
}

#inner_main_aboutPage{
    /* border: 1px solid red; */
    width: 80%;
    margin: 2% auto;
}

.about_us h2, .remarks h2, #main_page_about h2, #contact_page h2{
    font-size: 30px;
    font-family: tahoma;
    letter-spacing: 2px;
    text-align: left;
    font-weight: bold;
    color: white;
    text-shadow: 5px 5px 4px rgba(139, 132, 132, 0.7);
    padding: 0 20px 8px;
}

.remarks h2{
    color: black;
    text-align: center;
}

.about_us p{
    color: white;
    text-shadow: none;
}

.about_us hr, #main_page_about hr, #contact_page hr{
    border: 2px solid white;
    margin-bottom: 1%;
}

.inner_aboutBody{
    /* border: 1px solid red; */
    display: flex;
    padding: 0 2px;
}

#inner_aboutBody{
    /* border: 1px solid red; */
    /* height: 414px;
    overflow-y: scroll; */
    margin-top: 4%;
    margin-bottom: 4%;
}

p strong{
    color: white;
    font-size: 18px;
}

.first_item, .second_item, .third_item{
    border: 1px solid lightgray;
    flex-direction: column;
    margin: 0 1% 3%;
    border-radius: 10px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#inner_aboutBody h2{
    margin-left: 4%;
}

.main_page_item{
    border: 1px solid white;
    width: 80%;
    /* display: flex;
    flex-direction: row; */
    margin-bottom: 4%;
    margin-left: 5%;
    border-radius: 10px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding: 10px;
}

#first_div{
    margin-top: 1%;
}

.main_page_item:nth-child(1){
    margin-top: 0;
}

.main_page_first{
    padding-left: 10px;
}

.first img{
    /* border: 1px solid red; */
    border-radius: 10px;
    width: 40%;
    height: 120px;
    margin-top: 2%;
    margin-left: 30%;
}

.main_page_item img{
    /* border: 1px solid red; */
    /* border-radius: 20px; */
    width: 20%;
    height: 150px;
    margin-right: 1.5%;
    float: left;
}

.abt_p2{
    text-indent: 30px;
    padding-left: 10px;
}

.main_abt_p{
    margin-left: 21%;
}

.abt_p{
    /* border: 1px solid red; */
    margin: 4% 0 0;
}

.abt_link, .abt_links{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2%;
}

.abt_link a, .abt_links a{
    text-decoration: none;
    color: white;
    cursor: pointer;
    font-family: arial;
    font-weight: bold;
    letter-spacing: 1px;
}

.abt_links a{
    color: blue;
}

.about_body_bottom{
    /* border: 1px solid green; */
    margin: 0 2% 2%;
}

.about_body_bottom p, .first p, .main_page_first p{
    /* border: 1px solid blue; */
    font-family: arial;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px;
    text-align: justify;
    line-height: 30px;
    font-weight: normal;
}

.about_body_bottom p{
    text-indent: 30px;
}

.about_body_bottom::first-letter{
    font-size: 40px;
    /* color: white; */
}

        /********************* CONTACT US CODE *********************/
#contactBox > p{
    text-shadow: none;
    font-size: 20px;
    margin-bottom: 3%;
}

#contact_box{
    /* border: 1px solid green; */
    display: flex;
    justify-content: space-evenly;
}

#contactBox, #reportBox, #work_report_box{
    border: 1px solid rgba(0, 0, 0, .7);
    border-radius: 10px;
    width: 40%;
    margin: 1% auto 2%;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#contactBox{
    border: 1px solid lightgray;
}

#contactBox .inputBox, #reportBox .inputBox, #work_report_box .inputBox{
    margin-top: 2%;
}

#contactBox .inputBox input, #contactBox .inputBox select, 
#reportBox .inputBox input, #work_report_box .inputBox input{
    width: 70%;
    margin: 2% 15%;
}

#contactBox .inputBox label, #reportBox .inputBox label{
    margin-left: 20%;
    color: white;
}

#work_report_box .inputBox label{
    margin-left: 15%;
}

#contactBox .inputBox textarea, #reportBox .inputBox textarea, 
#work_report_box .inputBox textarea{
    /*border: none;*/
    /*outline: none;*/
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 80%;
    margin: 5% 10%;
    padding: 6px;
}

#contactBox .inputBox textarea, #contactBox .inputBox input, 
#contactBox .inputBox select{
    /* border: 1px solid black; */
    outline: none;
    border: none;
}

#contactBox .inputBox select{
    text-align: center;
}

#contactBox input[type="submit"], #reportBox input[type="submit"], 
#work_report_box input[type="submit"]{
    margin: 7% 40% 2%;
}

#contact_us{
    border: 1px solid white;
    width: 40%;
    height: 150px;
    margin: 30% auto 4%;
    border-radius: 10px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#contact{
    margin: 4% 2% 4% 4%;
}

#contact ul li{
    font-family: sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    color: white;
    list-style: none;
    margin-bottom: 5%;
}

#contact ul li span{
    margin: 0 3%;
}

#contactBox .inputBox label{
    font-size: 15px;
    font-weight: 550;
    margin-left: 15%;
}


    /******************* AGENT DASHBOARD PAGE *******************/
#agent_list, #stud_list, #studLodge_list, #buySell_list, #studSet_list, #studCart_list{
    /* border: 1px solid yellow; */
    border-radius: 5px;
    position: relative;
    top: 0;
    left: 0;
    display: none;
    margin-left: 10%;
}

#studSet_list{
    /* border: 1px solid red; */
    /* height: 50px; */
}

.log_nav_list{
    border-top: 1px solid lightgray;
}

#agent_list li, #stud_list li, #studLodge_list li, #buySell_list li,
#studSet_list li, #studCart_list li{
    /* border: 1px solid red; */
    border: none;
    border-radius: 0;
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    padding-left: 30px;
    width: 90%;
}

#agent_list li:hover, #buySell_list li:hover, #studLodge_list li:hover,
#studSet_list li:hover, #studCart_list li:hover{
    background: rgba(8, 77, 34, .5);
}

#agent_list li:nth-child(1), #buySell_list li:nth-child(1), 
#studLodge_list li:nth-child(1), #studSet_list li:nth-child(1), #studCart_list li:nth-child(1){
    margin-top: 2%;
}

#agent_list li:nth-child(2), #buySell_list li:nth-child(2),
#studLodge_list li:nth-child(2), #studSet_list li:nth-child(2), #studCart_list li:nth-child(2){
    margin-bottom: 2%;
}


    /***** SELF CONTAIN CODE *****/
.selfCon_wrapper{
    display: none;
    margin-bottom: 6%;
    /* height: 615px; */
}

#stud_lodge_res{
    border: 1px solid green;
    padding: 10px;
}

.stud_lodge_gal, .stud_gallery, .gallery{
    background: rgba(8, 77, 34, .5);
}

div.gallery, .stud_gallery, .stud_lodge_gal, .lodge_otherView_gal,
.adm_gallery{
    border: 1px solid rgba(8, 77, 34, .5);

}
  
div.gallery:hover, .stud_gallery:hover, .stud_lodge_gal:hover,
.lodge_otherView_gal:hover, .adm_gallery:hover{
    border: 1px solid #ccc;
}

div.gallery video{
    width: 100%;
    height: 150px;
}

div.desc{
    padding: 15px;
    text-align: center;
}

div.des {
    padding: 5px 15px;
    text-align: left;
}

div.desc:nth-child(1), div.des:nth-child(1){
    border-bottom: 1px solid #ccc;
    margin-bottom: 1%;
}

div.desc:nth-child(3), div.des:nth-child(3){
    border-top: 1px solid #ccc;
    margin-top: 1%;
}

div.desc span{
    /* border: 1px solid red; */
    margin: 0 5% 0 1%;
}

div.desc span, div.desc, div.des{
    font-family: arial;
    color: white;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
}

.remove{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 2%;
    color: chartreuse;
    cursor: pointer;
}

#agentLodge_h2{
    margin-top: 5%;
}

* {
    box-sizing: border-box;
}

#cover{
    /* border: 1px solid blue; */
    height: 550px;
}

.cover{
    /* border: 1px solid red; */
    height: 615px;
    overflow-y: auto;
}

.responsive{
    padding: 0 6px;
    float: left;
    width: 24.99999%;
    margin-bottom: 2%;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.setting_wrapper{
    /* border: 1px solid white; */
    padding-top: 15px;
    display: none;
}

.setting_wrapper > a, #stud_setting_wrapper > a{
    border: 1px solid green;
    border-radius: 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: green;
    color: white;
    letter-spacing: 1px;
    cursor: pointer;
    padding: 5px 10px;
    margin: 10% 0 0 70%;
}

.set_box{
    border-radius: 5px;
    margin: .3% 3%;
    padding-bottom: 5%;
    width: 30%;
}

#set_box{
    width: 40%;
}

.set_box .inputBox input, .sub_set_box .inputBox input[type="text"]{
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .7);
}

.welcome, #upload_wrapper, .setting_wrapper, .selfCon_wrapper{
    background: rgb(8, 77, 34, .7);
}

.welcome li{
    /* border: 1px solid white; */
    padding: 5px;
}

    /************ UPLOAD CODE ************/
#upload_wrapper, .archive_wrapper{
    padding-bottom: 50px;
    display: none;
    height: 601px;
    overflow: auto;
}

#upload_box{
    display: flex;
    justify-content: center;
}

#upload_box fieldset{
    margin: 5% 2%;
    font-family: tahoma;
}

#upload_box legend{
    font-size: 20px;
    font-weight: bold;
    margin: 0 20%;
    padding: 0 10px;
    color: white;
}

#upload_box .inputBox span, .view_upload .inputBox span{
    color: white;
    font-weight: bold;
    margin-left: 2%;
}

#uploadBox{
    width: 80%;
}

.left_select{
    display: none;
}

#inner_lodge{
    display: flex;
    justify-content: space-evenly;
}

#left_upload{
    width: 50%;
    margin-left: 5%;
}

#right_upload{
    /* border: 1px solid green; */
    width: 50%;
}

#innerLodge input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
    margin-top: 2%;
}

#pics_upload{
    border-radius: 5px;
    margin: 0 3% 0;
    padding-bottom: 5px;
    display: none;
}

.pics_upldBox{
    display: flex;
    justify-content: center;
}

.view_upload{
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    margin: 5% 3% 0;
    background: rgb(8, 77, 34, .7);
}

#adm_pass_form .inputBox, #sub_pass_form .inputBox, #pass_form .inputBox,
#stud_pass_form .inputBox, #wk_pass_form .inputBox{
    width: 70%;
    margin-left: 15%;
}

#adm_pass_form .inputBox input, #sub_pass_form .inputBox input, #pass_form .inputBox input,
#stud_pass_form .inputBox input, #wk_pass_form .inputBox input{
    width: 90%;
}

#jamb_reg{
    margin: 15% 0 38.6%;
}

#reg_num{
    margin: 15% 0 37%;
}

#jamb_reg p, #reg_num p{
    font-size: 20px;
    font-family: tahoma;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    padding: 0 10px 8px;
    text-align: center;
}

#view_upload, #view_reg{
    display: none;
}

.view_upload .inputBox{
    padding-top: 10px;
}

.view_upload .inputBox label{
    margin-left: 5%;
}

.view_upload .inputBox input[type="file"], 
.set_box .inputBox input[type="text"], .sub_set_box .inputBox input[type="text"],
.set_box .inputBox input[type="password"], 
.sub_set_box .inputBox input[type="password"], .inner_book .inputBox input{
    border: 1px solid white;
    outline: none;
    border-radius: 5px;
    padding: 10px 5px;
    width: 60%;
    margin: 5% 5% 3%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.view_upload .inputBox input[type="file"]{
    margin-bottom: 3%;
    color: black;
    background-color: white;
    cursor: pointer;
}

.view_upload .inputBox input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
    box-shadow: 5px 5px 4px rgba(54, 22, 22, 0.7);
}

.view_upload p{
    font-size: 15px;
    font-family: tahoma;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
    margin: 2% 8%;
    color: white;
}

.hideView, .pay_hideView{
    display: flex;
    justify-content: right;
    margin-top: 2%;
    margin-right: 10%;
}

.hideView p{
    border: 1px solid red;
    border-radius: 10px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    color: white;
    background-color: red;
    text-transform: uppercase;
    padding: 7px 15px;
    cursor: pointer;
}


            /*************** STUDENT PAGE ***************/
.welcome{
    /* border: 1px solid red; */
    height: auto;
}

.welBox{
    display: flex;
    justify-content: center;
}

.ticket_searchBox{
    /* border: 1px solid red; */
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.ticket_form{
    display: flex;
    justify-content: right;
}

#sub_fdbck{
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: tahoma;
    padding-top: 10px;
    margin-right: 3%;
}

.ticket_searchBox .inputBox, .ticket_form .inputBox{
    /* border: 1px solid blue; */
    display: flex;
}

.ticket_searchBox .inputBox input, .ticket_form .inputBox select{
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 10px 5px;
    width: 80%;
    margin-right: 2%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.ticBox{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticBox button{
    border: 1px solid green;
    border-radius: 7px;
    padding: 10px;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .7);
}

#fdbckBox{
    margin-top: 1%;
    display: none;
}

#tic_searchFdback{
    width: 80%;
    margin: 0 auto .7%;
}

#closeTab{
    display: flex;
    justify-content: right;
    width: 95%;

}

#tableClose{
    border: 1px solid red;
    border-radius: 7px;
    background-color: red;
    padding: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
    /* margin-left: 7%; */
    cursor: pointer;
}

.wel_box{
    /* border: 1px solid red; */
    margin: 4.2% 0 6.9%;
    /* height: 580px; */
    /* overflow: scroll; */
}

#wel_box{
    /* border: 1px solid red; */
    display: none;
    margin-top: 5.2%;
    margin-bottom: 17.9%;
}

#exp{
    width: 50%;
    line-height: 30px;
    text-align: justify;
}

.wel_box h2{
    margin-top: 1%;
}

.wel_box p{
    font-size: 18px;
    text-align: left;
    margin-top: 2%;
}

.wel_box > ul{
    /* border: 1px solid green; */
    width: 85%;
    margin: 0 4%;
}

.wel_box ul li{
    /* border: 1px solid red; */
    list-style: none;
    font-size: 15px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    margin-top: 3%;
    line-height: 25px;
    color: white;
}

.wel_box ul li:nth-child(1){
    margin-top: 2%;
}

.wel_box ul li span{
    margin: 0 1%;
}

.wel_box ul ul{
    /* border: 1px solid green; */
    margin: 1% 10%;
    width: 89%;
}

.wel_box ul ul li{
    list-style: circle;
    /* border: 1px solid green;  */
}

    /****** ORDER CODE ******/
#stud_order, #stud_lodge_cart{
     border: 1px solid red; 
    display: none;
}

#divT{
    display: flex;
}

#ticketNum{
    border: 1px solid rgb(51, 245, 51);
    border-radius: 5px;
    background-color: rgb(51, 245, 51);
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    margin: 1%;
    /* display: none; */
}

.selfcon_box{
    /* border: 1px solid red; */
    overflow: auto;
    height: 640px;
}

.selfcon_box h2{
    margin-top: 0;
}

.res_link{
    width: 30%;
}

.res-link{
    /* border: 1px solid green; */
    width: 20%;
}

.item_info{
    /* border: 1px solid red; */
    width: 100%;
}

.item_info ul{
    /* border: 1px solid red; */
    margin: 0 0 0 3%;
}

.item_info ul li{
    /* border: 1px solid green; */
    font-size: 12px;
    list-style: none;
    padding: 5px;
    color: white;
}

.item_info ul li span{
    margin-left: 5%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
}

        /****** LODGE CODE ******/
#stud_lodge_wrapper{
    /* border: 1px solid white; */
    margin-bottom: 1%;
    display: none;
}

#lodge_search{
    /* border: 1px solid red; */
    height: 590px;
    /* display: none; */
}

#lodge_search_box{
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
}

#lodgeSearch_box{
    /* border: 1px solid blue; */
    width: 40%;
    margin-top: 2%;
}

#lodgeSearch_box fieldset, #work_box fieldset{
    border: none;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
    border-radius: 10px;
    margin: 5% 1%;
    padding-bottom: 15px;
}

#lodgeSearch_box .inputBox span, #work_box .inputBox span{
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin-left: 2%;
}

.not_student{
    display: none;
}

#lodgeSearch_box legend, #work_box legend{
    margin-left: 10%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
    color: white;
}

#lodgeSearch_box input[type="submit"]{
    margin: 5% 40% 8%;
}

#lodge_help{
    border: 1px solid rgba(8, 77, 34, .5);
    padding: 0 5px;
    background: rgba(8, 77, 34, .7);
}

#lodge_help p{
    font-family: arial;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 30px;
    color: white;
}

#lodge_help p span{
    font-weight: bold;
}

#search_process_head ul{
    /* border: 1px solid red; */
    margin: -1% 5% 3%;
}

#search_process_head ul li{
    /* border: 1px solid green; */
    border-radius: 10px;
    /* background-color: green; */
    list-style: none;
    padding: 5px 10px;
    width: 5.5%;
    margin: 0 auto;
}

#search_process_head ul li a{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
    text-align: center;
}

.inner_studLodge{
    height: 692px;
}

#inner_studLodge, .inner_studLodge{
    width: 100%;
}

#inner_agentLodge{
    border: 1px solid rgb(8, 77, 34, .5);
    background: rgb(8, 77, 34, .7);
}

.inspec_info{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.inspec_info p{
    color: white;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.inspec_info p a{
    color: white;
    cursor: pointer;
}

#agent_lodge_cover{
    height: 685px;
    overflow: auto;
    width: 98%;
    margin: 0 auto;
}

.hideView a, .pay_hideView a{
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

#inner_studLodge h2, #inner_agentLodge h2{
    margin-bottom: 1%;
}

.stud_lodge_gal a, .responsive a{
    cursor: pointer;
}

div.stud_gallery img, .stud_lodge_gal video, .stud_lodge_gal img, .lodge_otherView_gal img,
.adm_gallery img{
    width: 100%;
    height: 150px;
}

.stud_lodge_envelop{
    /* border: 1px solid red; */
    overflow: auto;
}

.stud_responsive, .stud_lodge_res{
    /* border: 1px solid red; */
    padding: 0 6px;
    float: left;
    width: 24.999999%;
    margin-bottom: 1%;
}

.stud_responsive{
    /* border: 1px solid red; */
    width: 33.333333%;
}

#avail{
    background-color: green;
    padding: 3px 5px;
    border-radius: 5px;
}

#each{
    border: 1px solid red;
}

#each button{
    padding: 5px;
    color: white;
    background-color: green;
}

.lodge_otherView_res, .stud_placeOrder_res{
    /* border: 1px solid red; */
    background-color: white;
    width: 50%;
    margin: 6px auto 6%;
    padding: 5px;
    background: rgb(8, 77, 34, .7);
}

.lodge_otherView_res{
    width: 80%;
}

.stud_placeOrder_res{
    margin-bottom: 5%;
}

.img_center {
    margin-top: -2%;
    margin-bottom: 1%;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.center {
    margin-top: 5%;
    /* font-size: 18px;
    text-align: center;
    font-weight: bold; */
}

.lodge_otherView_res, .stud_placeOrder_res{
    /* width: 30%; */
}

.search_wrapper{
    height: 920px;
}

#inner_studLodge{
    height: inherit;
}

        /****** OTHER VIEW CODE ******/
.stud_otherView{
    /* border: 1px solid rgba(0, 0, 0, .2); */
    /* border: 1px solid red; */
    position: absolute;
    top: 145;
    left: 150;
    width: 80%;
    height: auto;
    display: none;
    overflow: auto;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    background: rgb(8, 77, 34, .7);
}

.stud_otherView p, .dashboard_testimony p, .selfcon_box p{
    font-family: tahoma;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, .5);
    padding-bottom: 20px;
}

.inner_otherView{
    overflow: auto;
}

.book_feedback{
    /* border: 1px solid red; */
    position: absolute;
    top: 150;
    left: 150;
    width: 80%;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    background: rgb(8, 77, 34, .7);
    display: none;
}

.inner_book_box{
    /* border: 1px solid white; */
    width: 70%;
    margin: 0 auto;
    background: rgb(8, 77, 34, .7);
}

.inner_book_box p{
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
    font-family: tahoma;
    line-height: 1.8;
    text-align: center;
}

.inner_book{
    /* border: 1px solid blue; */
    width: 60%;
    margin: 1% auto;
}

.inner_book table{
    width: 100%;
}

.inner_book table tr th{
    border: none;
    background: none;
    font-weight: bold;
}

.inner_book table tr td{
    border: none;
    text-align: left;
}

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

#inspection_form{
    /* border: 1px solid red; */
    margin-top: 2%;
}

#inspect_fdbck{
    border-radius: 7px;
    background: white;
    padding: 7px;
    color: green;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    display: none;
}

.lodge_innerImg, .inner_img{
    /* border: 1px solid red; */
    display: flex;
    width: 95%;
    margin: 0 auto;
}

.lodge_innerImg > a, .inner_img > a{
    /* border: 1px solid green; */
    width: 100%;
}

.inner_img > a p{
    color: white;
}

.lodge_innerImg > a{
    width: 49.5%;
}

.lodge_innerImg > a:nth-child(2), .lodge_innerImg > a:nth-child(4),
.inner_img > a:nth-child(2), .inner_img > a:nth-child(4){
    margin-left: 1%;
}

.lodge_otherView_res, .stud_placeOrder_res{
    margin-bottom: 2%;
}

.lodge_otherView_res{
    margin-bottom: 2%;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    background: rgb(8, 77, 34, .7);
}

.lodge_innerImg:nth-child(1){
    margin-top: 1%;
}

.lodge_otherView_res p, .stud_placeOrder_res p{
    /* border: 1px solid red; */
    margin-bottom: 5%;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    color: black;
    padding: 5px;
}

.lodge_otherView_res p{
    color: white;
}

.goBack{
    margin: 1%;
}

.stud_goBack, #reverse a, .goBack a, .bck2accept a{
    border: 1px solid red;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    color: white;
    background-color: red;
    width: 5%;
    padding: 5px 10px;
    margin: 0 0 1% 83%;
    border-radius: 10px;
    cursor: pointer;
}

/* #stud_goBack{
    margin-top: 0;
} */

#reverse a, .goBack a, .bck2accept a{
    text-decoration: none;
}

.descs{
    border-top: 1px solid #ccc;
}

.descs > table{
    border: none;
    width: 90%;
    margin: 0 auto;
}

.descs > table tr td{
    border: none;
    font-family: arial;
    font-size: 15px;
    list-style: none;
    padding: 10px;
    color: white;
    font-weight: bold;
    margin: 0 1% 0 4%;
    text-align: left;
}

.descTab{
    width: 35%;
    padding-left: 10px;
}

.desc ul li{
    text-decoration: none;
}

.descs ul ul{
    margin-left: 5%;
}

.descs ul ul li{
    font-size: 13px;
}


        /********** BUY'N'SELL CODE **********/
#buy_sell_wrapper{
    /* border: 1px solid red; */
    height: 602px;
    overflow-y: scroll;
    display: none;
    padding: 5px;
}

.buySell_box{
    /* border: 1px solid red; */
    padding: 5px;
}

.buySell_box hr{
    border: 2px solid white;
}

#buy_search_body{
    /* border: 1px solid red; */
    width: 40%;
    margin: .5% 0 1% 55%;
}

#buy_search_form .inputBox select{
    border: none;
    outline: none;
    width: 80%;
    margin: 0 10%;
}

#buy_search_form input[type="submit"]{
    background-color: gray;
    margin-top: 1%;
    cursor: pointer;
}

.buy_sell_box{
    /* border: 1px solid blue; */
    margin-top: 1%;
}

.buy_sell_box fieldset{
    border: none;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
    border-radius: 10px;
    margin: 0 1% 3%;
    padding-bottom: 15px;
    overflow-y: scroll;
    height: auto;
}

.buy_sell_box fieldset:nth-child(1){
    margin: 0;
}

.buy_sell_box fieldset:last-child{
    margin-bottom: 1%;
}

.buy_sell_box legend{
    margin-left: 5%;
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px 10px;
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.view_category{
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.view_category a{
    border: 1px solid green;
    border-radius: 8px;
    font-size: 18px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 15px;
    color: white;
    background-color: green;
    text-decoration: none;
}

.stud_placeOrder, .stud_cat_placeOrder{
    /* border: 1px solid red; */
    position: absolute;
    width: 70%;
    top: 100;
    left: 330;
    display: none;
    /* background-color: rgba(0, 0, 0, .7); */
}

.stud_cat_placeOrder{
    width: 72%;
    top: 5;
    left: 200;
}

.itemOrder{
    display: flex;
    justify-content: center;
    padding-bottom: 1%;
}

.itemOrder button{
    width: 18%;
}

#order_placed, #cat_order_placed{
    /* border: 1px solid red; */
    margin: 5% auto;
    position: absolute;
    top: 220;
    left: 340;
    display: none;
}

#cat_order_placed{
    top: 150;
    left: 280;
}

#ordered_box, #cat_ordered_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner_placed{
    border: 1px solid white;
    border-radius: 10px;
    padding: 10px;
    width: 50%;
    margin: 0 auto;
    background: rgb(0, 0, 0, .5);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .7);
}

.inner_placed h3{
    /* border: 1px solid green; */
    font-size: 22px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    padding: 0 10px 8px;
    margin-top: 2%;
    text-align: center;
    line-height: 2;
}

.inner_placed button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 20px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    background-color: green;
    text-align: center; 
    margin: 10% 0 5% 70%;
    cursor: pointer;
}

.desc button, .itemOrder button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: white;
    background-color: green;
    cursor: pointer;
}

.desc button a{
    text-decoration: none;
    color: white;
}

#sell_wrapper{
    display: none;
}

#sell_wrapper #sell_views{
    /* border: 1px solid black; */
    width: 100%;
    margin-top: 1%;
    font-size: 12px;
    text-align: justify;
    color: white;
    line-height: 25px;
    padding-left: 10px;
}

#sellBox{
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
}

#sell_box{
    /* border: 1px solid blue; */
    background: rgb(8, 77, 34, .7);
    width: 80%;
    margin: 4% auto; 
}

#sell_leftRight{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: row;
}

#sell_left, #sell_right{
    /* border: 1px solid blue; */
    width: 45%;
}

#sell_left{
    margin-left: 5%;
}

#sell_box .inputBox{
    width: 90%;
    margin: 5% auto;
}

#sell_box .inputBox label{
    /* border: 1px solid green; */
    font-family: tahoma;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    margin-left: 10%;
    color: white;
}

#sell_box .inputBox input, #sell_box .inputBox select, 
#sell_box .inputBox input[type="file"]{
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 10px 5px;
    width: 80%;
    margin: 3% 10%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

#sell_box .inputBox select{
    /* text-align: center; */
}

#sell_box .inputBox input[type="file"]{
    background-color: white;
}

.sell_submitBtn_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% 0;
}

#sell_box input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
}

#item_otherViews, #upld_lodge_view{
    display: none;
}

#bottom_sell_box{
    /* border: 1px solid red; */
    display: none;
    margin: 1% 0 1%;
}

        /********** SETTINGS **********/
#stud_setting_wrapper, #dispatch_setting{
    display: none;
}

.adm_updBox{
    padding: 5px;
    height: 520px;
}

.stud_set_box{
    height: inherit;
    display: flex;
    justify-content: center;
    overflow: auto;
}

#stud_setting{
    /* border: 1px solid blue; */
    width: 40%;
}

    /******* REPORT CODE *******/
.stud_report_box{
    /* border: 1px solid red; */
}

.report_box, #work_reportBox{
    /* border: 1px solid black; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
}

.report_box h2, #work_reportBox h2{
    margin-top: 1.25%;
}

.report_box > p, #work_reportBox > p{
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: none;
    font-size: 20px;
    margin-bottom: 1%;
}

#reportBox, #work_report_box{
    /* border: 1px solid red; */
    border-top: none;
    border-left: none;
    margin-top: 1.6%;
    width: 50%;
}

#reportBox .inputBox, #work_report_box .inputBox{
    /* border: 1px solid red; */
    border: none;
    margin-top: 5%;
}

#reportBox .inputBox label{
    margin-left: 15%;
}

#reportBox .inputBox input{
    padding: 10px;
}

#reportBox .inputBox:nth-child(1), #work_report_box .inputBox:nth-child(1){
    margin-top: .1%;
}

#reportBox .inputBox input[type="file"], #work_report_box input[type="file"],
.inner_book .inputBox input[type="file"]{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 10px;
    width: 60%;
    margin: 5% 20%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    background-color: white;
}

.inner_book .inputBox{
    margin-top: 5%;
}

.inner_book .inputBox input[type="file"]{
    margin-left: 5%;
}

#reportBox .inputBox span, #work_report_box .inputBox span{
    font-size: 15px;
    color: red;
    font-weight: bold;
    margin-left: 2%;
}

        /******* DELIVERY CODE *******/
#stud_delivery_wrapper{
    /* border: 1px solid red; */
}

.request_delivery_box, .confirm_delivery_box{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delivery_dir{
    /* border: 1px solid green; */
    display: flex;
    justify-content: end;
    margin: 1% 5%;
}

.dir_click{
    border: 1px solid green;
    font-size: 18px;
    font-family: tahoma;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 10px;
    padding: 5px 10px;
    color: white;
    background-color: green;
    cursor: pointer;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .5);
}

.dir_click a{
    text-decoration: none;
    color: white;
}

.inner_delivery_body{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delivery_form_box{
    /* border: 1px solid green; */
    width: 80%;
    margin: 1% auto;
}

.wk_delivery_form_box{
    /* border: 1px solid green; */
    width: 70%;
    margin: 1% auto;
}

.delivery_leftRight{
    /* border: 1px solid blue; */
    display: flex;
    justify-content: space-between;
}

.delivery_left_field, .delivery_right_field{
    border: none;
    width: 45%;
    /* background: rgba(8, 77, 34, .7); */
}

.delivery_left_field fieldset, .delivery_right_field fieldset{
    border: none;
    padding-left: 20px;
    margin-top: 2%;
}

.delivery_left_field legend, .delivery_right_field legend{
    /* border: 1px solid black; */
    font-size: 18px;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
    font-family: arial;
}

.places{
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
    padding-top: 10px;
    margin-top: 2%;
    /* background: rgba(8, 77, 34, .7); */
}

.places .inputBox{
    /* border: 1px solid red; */
    width: 40%;
}

.delivery_leftRight .inputBox label, .places .inputBox label, .places .inputBox span{
    /* border: 1px solid green; */
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
    margin-left: 10%;
    color: white;
}

.places .inputBox span{
    margin-left: 2%;
}

.delivery_leftRight .inputBox input, .delivery_leftRight .inputBox input[type="file"],
.places .inputBox select, .delivery_leftRight .inputBox select{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 12px 5px;
    width: 80%;
    margin: 3% 10%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.delivery_submit{
    display: flex;
    justify-content: center;
    align-items: center;
}

.delivery_submit input[type="submit"]{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    margin: 5% 0 1%;
    cursor: pointer;
}

.inner_book .inputBox label, #inspect_submitBtn{
    font-size: 15px;
}

.payment_wrapper{
    height: 592px;
}

#payment_box{
    border-top: 1px solid rgba(8, 77, 34, .5);
}

.inner_payment{
    /* border: 1px solid red; */
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1%;
    height: auto;
}

#order_payment_details{
    display: flex;
    flex-direction: row;
}

#order_payment_details table{
    width: 100%;
}

#pay_details, #order_payment_details{
    /* border: 1px solid blue; */
    border-radius: 5px;
    padding: 5px;
    width: 50%;
    margin: 2% auto;
}

#item_image{
    margin-left: .5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orderImg{
    height: 210px;
    width: 210px;
}

#pay_details table{
    border: 1px solid white;
    width: 100%;
}

#pay_details td, #order_payment_details td{
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
    letter-spacing: 1px;
    text-align: justify;
    padding: 10px 20px;
    font-size: 15px;
}

#pay_details .info, #order_payment_details .info{
    padding-left: 5px;
    width: 40%;
}

#pay_details .info{
    width: 35%;
    padding-left: 40px;
}

#pay_details td:nth-child(2), #order_payment_details td:nth-child(2){
    padding-left: 30px;
}

.pay_btn_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5% 5%;
}

.pay_btn_box button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .5);
    margin: 3% 0 1%;
    cursor: pointer;
}

.pay_btn_box button a{
    color: white;
    text-decoration: none;
}

        /********* VERIFY TRANSACTION CODE *********/
#verify_wrapper{
    /* border: 1px solid red; */
    padding: 5px;
}

#verify_wrapper_box{
    /* border: 1px solid blue; */
    display: flex;
    flex-direction: column;
    margin-bottom: 6.2%;
}

#inner_verify h2{
    font-size: 40;
    margin-top: 3.8%;
}

#verify_ticket{
    /* border: 1px solid black; */
    margin: 3%;
}

#inner_verify p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma;
    letter-spacing: 2px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .7);
    line-height: 35px;
}

#bck_to_dashboard, #sub_p, #ver_set, #very_set{
    display: none;
}

#bck_to_dashboard, #sub_p{
    margin: 5%;
}

#inner_verify a{
    text-decoration: none;
    text-shadow: none;
    color: rgb(26, 243, 26);
    cursor: pointer;
}

#stud_delivery_wrapper{
    display: none;
}

.inner_confirm_delivery{
    width: 85%;
    margin: 2% auto;
}

.delivery_confirm_table{
    height: 400px;
    overflow-y: auto;
}

.delivery_confirm_table table{
    border: 1px solid white;
    width: 100%;
}

.confirm_btn{
    border: 1px solid green;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    cursor: pointer;
}


        /********** DISPATCH PAGE **********/
#dispatch_wrapper, #inner_dispatch_wrapper{
    /* border: 1px solid red; */
    min-height: 100%;
}

.dispatch_task_wrapper{
    overflow: auto;
}

.no_task{
    margin-top: 5%;
}

.date_dir{
    display: flex;
    justify-content: space-between;
}

.date_dir > h2{
    margin-left: 5%;
}

.date_dir > span{
    font-size: 18px;
    color: white;
    text-shadow: none;
    padding: 3px 40px 10px;
    font-family: arial;
    font-weight: bold;
    letter-spacing: 1px;
}

#inner_dispatch_task{
    height: 490px;
    width: 99%;
    margin: 0 auto;
}

.inner_dispatch{
    border: 1px solid white;
    border-radius: 10px;
    padding: 3px;
    width: 32%;
    float: left;
}

.inner_dispatch:hover{
    border: 1px solid rgba(8, 77, 34, .7);
}

.dispatch_status{
    /* border: 1px solid red; */
    display: flex;
    justify-content: end;
    margin: 1% 0 2%;
}

.dispatch_status p{
    /* border: 1px solid red; */
    border-radius: 8px;
    /* background-color: red; */
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
    color: white;
    margin-right: 4%;
}

.top_inner_dispatch, .middle_inner_dispatch{
    border: 1px solid white;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    /* background-color: rgb(100, 173, 100); */
    background: rgba(8, 77, 34, .7);
    padding: 3px;
}

.middle_inner_dispatch{
    margin-top: 1%;
}

.left{
    border-right: 1px solid white;
    border-top: none;
    border-left: none;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18%;
}

.right{
    border-left: 1px solid white;
    border-top: none;
    border-right: none;
    border-bottom: none;
    width: 82%;
}

.left p, .right p, #p_receipt p{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12.5px;
    letter-spacing: 1px;
    color: white;
    /* text-shadow: 5px 5px 4px rgba(0, 0, 0, .7); */
    margin: 1% 0 2% 3%;
    line-height: 15px;
}

#p_receipt{
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
    margin: 2%;
}

/* #p_receipt p{
    color: black;
    text-shadow: none;
} */

#p_receipt p span:hover{
    cursor: pointer;
    color: rgb(37, 204, 37);
}

#bottom_inner_dispatch{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#bottom_inner_dispatch button{
    border: 1px solid green;
    border-radius: 10px;
    background-color: green;
    padding: 10px;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    margin: 4% 0 3%;
    cursor: pointer;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .5);
}

#bottom_inner_dispatch button:hover{
    border: 1px solid rgb(37, 204, 37);
    background-color: rgb(37, 204, 37);
}

        /********** DISPATCH RECORD PAGE **********/
#dispatch_record_wrapper{
    /* border: 1px solid red; */
    display: none;
}

#inner_record_wrapper{
    /* border: 1px solid blue; */
    width: 99%;
    margin: 0 auto;
}

.form_field{
    /* border: 1px solid blue; */
    /* border-bottom: 2px solid green; */
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding: 3px;
    /* margin-top: .5%; */
}

#dispatch_record_wrapper .inputBox{
    /* border: 1px solid green; */
    /* width: 45%; */
    margin: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#dispatch_record_wrapper .inputBox select{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 10px 15px;
    width: 100%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

#previous_task > p{
    /* border: 1px solid red; */
    color: white;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .5);
    font-family: tahoma;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: .5% 0 1%;
    text-align: center;
    /* line-height: 2; */
}

#form_bottom{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4%;
}

#form_bottom input[type="submit"]{
    border: 1px solid green;
    border-radius: 8px;
    background-color: green;
    padding: 10px 15px;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    cursor: pointer;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .5);
}

#previous_task{
    display: none;
}

.bck2accept{
    margin: 1% 0 1%;

}

        /********** DISPATCH SETTING PAGE **********/
#dispatch_setting{
    height: inherit;
    padding-top: 20px;
}

#dispatch_setting_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2%;
}

.dis_updBox{
    border: 1px solid white;
    border-radius: 10px;
    width: 40%;
    background: rgba(8, 77, 34, .5);
}

.dis_setBox{
    width: 70%;
    margin: 0 auto;
}

.fdback_box{
    display: flex;
    justify-content: right;
}

#acc_fdback{
    border: 1px solid rgb(54, 245, 54);
    background-color: rgb(54, 245, 54);
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    color: white;
    width: 20%;
    margin: .5% 5%;
    padding: 10px;
    display: none;
}

.bank_details_wrapper{
    border: 1px solid white;
    border-radius: 10px;
    margin-left: 1%;
    width: 40%;
    background: rgba(8, 77, 34, .5);
}

#bank_box{
    /* border: 1px solid black; */
    width: 90%;
    margin: 0 auto;
}

#bank_box .inputBox{
    /* border: 1px solid red; */
    width: 80%;
    margin: 2% auto;
}

#bank_box .inputBox input, #bank_box .inputBox select, .dis_setBox .inputBox input{
    text-align: center;
}

#bank_box .inputBox input:hover, #bank_box .inputBox select:hover{
    /* border: 1px solid black; */
}

.submit_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.submit_box input{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    margin-bottom: 3%;
    cursor: pointer;
    box-shadow: 5px 5px 4px rgba(54, 22, 22, 0.7);
}

        /********** COMFIRM REGISTRATION CODE **********/
#stud, #work, #thank_you_box{
    display: none;
}

#confirm_reg_body{
    /* border: 1px solid lightgray; */
    /* padding: 3px; */
}

#confirm_reg_box{
    /* border: 1px solid blue; */
    display: flex;
    justify-content: center;
    height: 564px;
}

#confirm_regBox{
    /* border: 1px solid green; */
    padding-top: 5%;
}

#confirm_regBox p{
    font-size: 16px;
    line-height: 25px;
    margin-top: 3%;
}

#thank_you{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5% 0 3%;
}

#thank_you p{
    margin-top: 0;
}

#thank_you a{
    text-decoration: none;
    font-family: tahoma;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 3%;
    color: white;
}

#confirm_regBtn_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0 3%;
}

#confirm_regBox button{
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 20px;
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    background-color: green;
    text-align: center; 
    cursor: pointer;
}

        /********** FOOTER **********/
.index_foot, .main_index_foot{
    border-left: none;
    border-right: none;
    background-color: rgba(0, 0, 0, .7);
    color: white;
    text-shadow: 5px 5px 5px chartreuse;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-align: right;
    padding: 15px 20px 15px 0;
}

.main_index_foot{
    height: 50px;
    font-size: 15px;
}

/* .inputBox input[type="text"]:hover, .inputBox select:hover{
    border: 1px solid skyblue;
} */

.emailConfirm{
    /* border: 1px solid red; */
    display: none;
}

.inner_emailConfirm{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.inner_emailConfirm{
    margin: 15.7% auto;
}

.inner_emailConfirm p{
    color: white;
    font-family: tahoma;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .7);
}

#confirmMail_fdbck{
    margin-bottom: 5%;
}

.inner_emailConfirm button{
    border: 1px solid blue;
    border-radius: 10px;
    background-color: blue;
    color: white;
    font-family: tahoma;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 10px;
    margin: 2%;
    cursor: pointer;
}


        /* KEYFRAME ANIMATION */
@keyframes slideRightToLeft{
    from{
        transform: translateX(100%);
    }

    to{
        transform: translateX(-100%);
    }
}