*{
    padding: 0;
    margin: 0;
}

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

.index_container{
    background-image: url('images/room5.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    /* height: 92.9%; */
}

.mainIndex{
    /* border-bottom: 2px solid black; */
    margin-bottom: 3%;
}

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

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

.index_container p{
    font-size: 30px;
    /* margin-top: 2%; */
}

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

#access_page > p, #main_index_body > p{
    /* border: 1px solid red; */
    font-size: 18px;
    padding-right: 15px;
    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{
    /* border: 1px solid red; */
    width: 40%;
    margin: 6% auto 13%;
}

#main_index_form, #buy_search_form{
    /* border: 1px solid green; */
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}

#main_index_form .inputBox, #buy_search_form .inputBox{
    /* border: 1px solid green; */
    width: 80%;
}

#main_index_form .inputBox > p{
    font-size: 18px;
    text-align: left;
    margin-left: 10%;
    text-shadow: none;
}

#main_index_form .inputBox select, #buy_search_form .inputBox select{
    /* border: 1px solid black; */
    outline: none;
    border-radius: 15px;
    padding: 10px 5px;
    width: 80%;
    margin: 5% 10%;
    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 lightgray;
    border-radius: 10px;
    padding: 8px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: gray;
    margin-top: 50%;
    cursor: pointer;
    box-shadow: 7px 7px 6px rgba(0, 0, 0, .7);
}

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

#main_index_footer{
    /* margin-bottom: 2%; */
}

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

#main_index_footer marquee{
    margin-top: 1%;
    font-size: 18px;
    color: gold;
    text-shadow: none;
}

#index_lodge_wrapper{
    /* border: 1px solid red; */
    background-color: white;
    padding: 7px;
    margin: 7% 2%;
}

#indexLodgeBox p{
    text-shadow: none;
    color: darkgoldenrod;
    font-size: 25px;
    margin: 1.5% auto 1%;
}

/* #index_lodge_sign{
    display: flex;
    justify-content: space-evenly;
} */

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

.index_lodge{
    /* border: 1px solid black; */
    width: 24.8%;
}

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

.index_lodge:hover{
    border: 1px solid rgba(0, 0, 0, .5);
}

.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, #work_header, #admin_header{
    height: 100px;
    background-image: url('images/room6.jpeg');
    background-attachment: fixed;
}

#header, #admin_header{
    height: 135px;
}

#work_header{
    height: 100px;
}

.header p, #header p, #work_header p, #admin_header p{
    /* border: 1px solid blue; */
    font-family: tahoma;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    color: black;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 2%;
}

#work_header p{
    font-size: 35px;
}


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

.admin_nav{
    /* border: 1px solid red; */
    padding: 3px;
}

.admin_nav ul, #work_header ul{
    /* border: 1px solid red; */
    padding: 3px;
    list-style: none;
    display: flex;
    justify-content: center;
}

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

.admin_nav ul li, #work_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;
    margin-left: .8%;
    cursor: pointer;
}

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

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

#message_list li, #set_sublist li, #sub_message_list li, #sub_set_sublist li{
    border-radius: 0;
    width: 100%;
    cursor: pointer;
}

.admin_nav ul ul li:hover{
    border-bottom: 1px solid white;
}

#adm_right_nav{
    /* border: 1px solid red; */
    padding: 5px
}


    /***** STATISTICS *****/
#stat_wrapper{
    /* border: 1px solid red; */
    padding: 5px;
    /* display: none; */
}

#stat_wrapper h2{
    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 10px 8px;
    text-align: center;
    /* margin-top: 3%; */
}

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

#statBox{
    /* border: 1px solid green; */
    width: 90%;
    height: 476px;
}

#upper_statBox{
    /* border: 1px solid blue; */
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}

#inst_stat, #stud_stat, #otherStat{
    /* border: 1px solid black; */
    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;
}

#inst_stat p, #stud_stat p, #otherStat p{
    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: 10px;
    text-align: left;
}

#inst_stat hr, #stud_stat hr, #otherStat hr{
    border: 2px solid green;
    margin: 0 1%;
}

.stat_tally{
    /* border: 1px solid red; */
    margin: 3%
}

.stat_tally ul{
    /* border: 1px solid red; */
    padding: 3px;
    list-style: none;
    width: 70%;
    margin: 0 auto;
}

.stat_tally ul li{
    font-family: tahoma;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: black;
    padding: 7px;
}

.span{
    border: 1px solid green;
    border-radius: 10px;
    height: 10px;
    width: 10px;
    padding: 2px;
    background-color: green;
    margin-top: 2.5%;
    margin-right: 6%;
    float: left;
}

#univ_stud_tally, #univ_tally{
    margin-left: 17.7%;
}

#poly_stud_tally, #poly_tally{
    margin-left: 12%;
}

#col_stud_tally, #col_tally{
    margin-left: 32%;
}

#male_tally{
    margin-left: 23%;
}

#female_tally{
    margin-left: 13%;
}

#state_tally{
    margin-left: 21%;
}

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

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

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

#per_inst_form{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
}

#per_inst_stat .inputBox{
    /* border: 1px solid green; */
    width: 40%;
    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: 5% 0 0;
    display: flex;
    justify-content: center;
}

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


        /******* ADMIN ORDER CODE *******/
#order_wrapper, #sub_order_wrapper{
    /* border: 1px solid red; */
    padding: 3px;
    display: none;
    height: 526px;
    overflow-y: scroll;
} 

#sub_order_wrapper{
    display: block;
    height: 538px;
} 

#adm_order_box, #sub_order_box{
    /* border: 1px solid red; */
    padding: 3px;
}

#adm_orderBox, #sub_orderBox{
    /* border: 1px solid red; */
    padding: 3px;
    overflow: auto;
}

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

        /******* ADMIN MESSAGE CODE *******/
#message_wrapper, #sub_message_wrapper{
    /* border: 1px solid red; */
    padding: 5px 3px;
    display: none;
}

    /**** CONTACT CODE ****/
#contact_wrapper, #sub_contact_wrapper{
    /* border: 1px solid red; */
    height: 516px;
    overflow-y: scroll;
}

#sub_contact_wrapper{
    height: 528px;
}

#adm_contact_box, #sub_contact_box{
    /* border: 1px solid red; */
    padding: 3px;
    overflow: auto;
}

#adm_contactBox, #adm_reportBox, #sub_contactBox, #sub_reportBox{
    border: 1px solid lightgrey;
    display: flex;
    flex-direction: column;
    float: left;
    width: 32%;
    margin-left: 1%;
    margin-bottom: 1%;
}

#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 green;
    width: 95%;
    margin: 0 auto 1%;
}

.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: 1px solid red; */
    display: flex;
    justify-content: flex-start;
    padding: 3px;
    margin-top: 1%;
    margin-left: 2%;
}

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

.info{
    /* border: 1px solid blue; */
    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: green;
    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%;
    color: black;
    /* font-weight: normal; */
    font-size: 11px;
    cursor: pointer;
}

.content{
    border: 1px solid lightgray;
    border-radius: 10px;
    margin: 2% 1% 2%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.subj{
    /* border: 1px solid black; */
    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%;
}

.btn button{
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 25%;
    padding: 10px 5px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: gray;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    cursor: pointer;
}

        /***** 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(0, 0, 0, .7);
    display: none;
}

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

#inner_attach, #sub_inner_attach{
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-evenly;
    padding: 10px 0 10px;
}

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

#defImg, #sub_defImg{
    width: 100%;
}

.cls_attach{
    height: 5%;
    margin: 5% 5% 5%;
}

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

.cls_msg button, .cls_attach button{
    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: 40%;
    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 *******/
#report_wrapper, #sub_report_wrapper{
    /* border: 1px solid red; */
    height: 516px;
    overflow-y: scroll;
    display: none;
}

#sub_report_wrapper{
    /* border: 1px solid red; */
    height: 528px;
}

#report_table{
    /* border: 1px solid blue; */
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}

table{
    border: 1px solid black;
    width: 100%;
}

th, td {
    border: 1px solid black;
    padding: 5px;
}

tr:nth-child(even) {
    background-color: white;
}

td{
    text-align: center;
    font-family: tahoma;
    font-size: 15px;
    
}

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

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

.no_reply p{
    color: green;
    font-family: sans-serif;
    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%;
}

.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, #sub_drop_wrapper{
    /* border: 1px solid red; */
    padding: 3px;
    display: none;
    height: 526px;
    overflow-y: scroll;
}

#add_drop_box{
    /* border: 1px solid blue; */
    padding: 3px;
    display: flex;
    justify-content: center;
}

#add_wrapper{
    /* border: 1px solid blue; */
    width: 65%;
    margin: 0 5% 0 3%;
}

#add_box{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 2%;
}

#addBox{
    /* border: 1px solid blue; */
    width: 100%;
}

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

#add_left, #add_right{
   border: none;
    width: 100%;
}

#add_left{
    margin-left: 3%;
}

#add_right{
    margin-left: 3%;
}

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

#add_submit, #drop_submit, #sub_drop_submit{
    display: flex;
    justify-content: center;
    padding-left: 20px;
}

#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;
}

#drop_wrapper{
    /* border: 1px solid blue; */
    width: 40%;
    margin-right: 5%;
}

#sub_drop_wrapper{
    height: 538px;
}

#sub_dropWrapper{
    /* border: 1px solid blue; */
    width: 30%;
    margin-left: 35%;
}

#drop_box{
    margin-top: 35%;
}

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

#adm_sett_wrapper, #sub_adm_sett_wrapper{
    display: none;
    height: 526px;
    overflow-y: scroll;
}

#sub_adm_sett_wrapper{
    height: 538px;
}


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

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

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

#studLodge_lists, #buySell_lists, #studSet_lists, #agent_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{
    /* border: 1px solid blue;  */
    /* padding: 5px;   */
}

.index_side_nav ul{
    /* border: 1px solid red; */
    /* background-color: green; */
    margin-top: 1%;
}

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

.index_side_nav ul li:hover{
    border: 1px solid rgba(0, 0, 0, .7);
}

.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;
}

marquee{
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: green;
    letter-spacing: 2px;
    font-style: italic;
    overflow: auto;
    padding: 5px;
}

.index_body{
    /* border: 1px solid rgba(0, 0, 0, .7); */
    display: flex;
    justify-content: space-between;
}

.left_nav{
    border: 1px solid rgba(0, 0, 0, .7);
    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, #work_lodge_wrapper, #adm_right_nav, #admLogin_body,
#sub_adm_body, #forget_body{
    border: 1px solid lightgray;
    width: 83%;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .9;
    /* height: 604px; */
    /* overflow-y: scroll; */
}

#right_nav, #work_lodge_wrapper, #adm_right_nav, #sub_adm_body, #admLogin_body,
#forget_body{
    width: 100%;
    border-right: none;
}

    /******** WORKER PAGE CODE ********/
#work_lodge_box{
    /* border: 1px solid red; */
    /* display: none; */
}

#work_lodgeBox{
    padding: 5px;
    display: flex;
    justify-content: center;
    height: 571px;
    width: 100%;
}

#work_box{
    /* border: 1px solid blue; */
    margin-top: 1%;
    width: 60%;
}

#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{
    /* border: 1px solid red; */
    display: none;
}


        /********************* 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: black;
    border-left: 4px solid green;
}

#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{
    /* border: 1px solid black; */
    width: 40%;
    margin: 0 auto 2%;
    display: flex;
    justify-content: center;
}

#adm_log_wrapper{
    margin-top: 1.1%;
    /* height: 500px; */
}

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

#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, .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, #lodgeSearch_box h2, #work_box h2, .report_box h2, #order_wrapper h2,
#add_box h2, #drop_box h2, #sub_drop_box h2, #work_reportBox h2, #sub_order_wrapper h2{
    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 10px 8px;
    /* margin-top: 2%; */
    text-align: center;
    /* border: 1px solid red; */
}

#logBox p, #adm_logBox p, #regBox p, #uploadBox p, #sell_wrapper p, #addBox p, 
#dropBox p, #sub_dropBox p, #contactBox p, #reply_feedback{
    font-size: 18px;
    color: red;
    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,
#addBox .inputBox, #dropBox .inputBox, #sub_dropBox .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{
    /* border: 1px solid green; */
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
    margin-left: 10%;
    color: green;
}

#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{
    /* border: 1px solid black; */
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 10px 5px;
    width: 80%;
    margin: 5% 10%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
}

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

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

    /***** FORGET PASSWORD PAGE *****/
#forget_body{
    /* border: 1px solid blue; */
    height: 569px;
}

#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: 7% auto;
    display: flex;
    justify-content: center;
    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;
    color: green;
    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: left;
    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: 70%;
    margin: 1% auto;
    padding-bottom: 10px;
}

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

#left_reg{
    border: 1px solid rgba(0, 0, 0, .7);
    width: 50%;
    border-radius: 5px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#right_reg{
    border: 1px solid rgba(0, 0, 0, .7);
    width: 50%;
    border-radius: 5px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
    margin-left: 1%;
}

#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"]{
    cursor: pointer;
    background-color: white;
}

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

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

#inner_reg input[type="submit"], #contactBox input[type="submit"], 
#reportBox input[type="submit"], #work_report_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: 7% 44% 1%;
    cursor: pointer;
}


        /********************* ABOUT US CODE *********************/
#about_page, #contact_page{
    /* border: 1px solid red; */
    /* display: none; */
    background-color: white;
    width: 80%;
    margin: 0 auto 5%;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .9;
}

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

#main_page_about{
    width: 80%;
    margin: 0 auto;
}

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

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

.about_us hr, #main_page_about hr, #contact_page hr{
    border: 2px solid green;
    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: green;
    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);
}

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

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

.first img{
    /* border: 1px solid red; */
    width: 60%;
    margin-top: 2%;
    margin-left: 20%;
}

.main_page_first img{
    /* border: 1px solid red; */
    width: 50%;
    margin-top: 2%;
    margin-left: 25%;
}

.abt_p2{
    text-indent: 30px;
}

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

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

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

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

.about_body_bottom p, .first p, .main_page_first p{
    font-family: arial;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 5px;
    text-align: justify;
    line-height: 30px;
}

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

.about_body_bottom::first-letter{
    font-size: 40px;
    color: green;
}

        /********************* 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 .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: 60%;
    margin: 2% 20%;
}

#contactBox .inputBox label, #reportBox .inputBox label, 
#work_report_box .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-radius: 10px;
    width: 80%;
    margin: 5% 10%;
    padding: 6px;
}

#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 rgba(0, 0, 0, .7);
    width: 40%;
    height: 150px;
    margin: 30% auto 4%;
    border-radius: 10px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

#contact{
    /* border: 1px solid black; */
    margin: 4%;
}

#contact ul li{
    /* border: 1px solid blue; */
    font-family: tahoma;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 2px;
    color: black;
    list-style: none;
    margin-bottom: 5%;
}

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


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

.log_nav_list{
    background-color: green;
}

#agent_list li, #stud_list li, #studLodge_list li, #buySell_list li,
#studSet_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{
    border-top: 1px solid rgba(0, 0, 0, .7);
    border-bottom: 1px solid rgba(0, 0, 0, .7);
}

#agent_list li:nth-child(1), #buySell_list li:nth-child(1), 
#studLodge_list li:nth-child(1), #studSet_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){
    margin-bottom: 2%;
}

#setting, #stud_sett, #buy_sell, #logout{
    border-top: 1px solid white;
}


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

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

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

div.gallery img{
    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: black;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
}

* {
    box-sizing: border-box;
}

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

.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: 1px solid rgba(0, 0, 0, .5);
    border-radius: 5px;
    margin: .3% 3%;
    padding-bottom: 5%;
    width: 30%;
}

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

.welcome{
    /* border: 1px solid red; */
    /* display: none; */
    margin: 4.2% 0 14%;
}

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

    /************ UPLOAD CODE ************/
#upload_wrapper{
    /* border: 1px solid red; */
    /* margin: 0 2%; */
    padding-bottom: 50px;
    display: none;
    height: 601px;
    overflow: auto;
}

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

#upload_box fieldset{
    margin: 5% 2%;
}

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

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

#uploadBox{
    /* border: 1px solid blue; */
    width: 80%;
    margin-bottom: 3%;
}

.left{
    display: none;
}

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

#left_upload{
    /* border: 1px solid blue; */
    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: 5px 10px;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    background-color: green;
    margin: 5% 47% 0;
    cursor: pointer;
}

#upload_wrapper a{
    border: 1px solid green;
    background-color: green;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    padding: 10px;
    font-size: 15px;
    font-family: tahoma;
    font-weight: bold;
    margin-left: 47%;
    letter-spacing: 1px;
    cursor: pointer;
    display: none;
}

#pics_upload{
    /* border: 1px solid rgba(0, 0, 0, .5); */
    border-radius: 5px;
    /* background-color: rgba(0, 0, 0, .5); */
    margin: 0 3% 0;
    padding-bottom: 5px;
    display: none;
}

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

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

#view_upload{
    display: none;
}

#front_fdback, #inside_fdback, #toilet_fdback, #kitchen_fdback{
    font-size: 13px;
    color: green;
    margin-left: 6%;
    margin-bottom: 3%;
    letter-spacing: 1px;
    font-family: sans-serif;
}

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

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

.view_upload .inputBox input[type="file"]{
    margin-bottom: 0;
}

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

.view_upload .inputBox p{
    /* border: 1px solid red; */
    font-size: 15px;
    font-family: sans-serif;
    letter-spacing: 1px;
    text-align: left;
    font-weight: bold;
    margin: 2% 8%;
    color: black;
}

.hideView{
    border: 1px solid red;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    font-family: tahoma;
    color: white;
    background-color: red;
    width: 5%;
    margin-top: 2%;
    margin-left: 70%;
    margin-bottom: 2%;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    /* display: none; */
}


            /*************** STUDENT PAGE ***************/
#stud_wel{
    /* border: 1px solid yellow; */
    /* display: none; */
}

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

.wel_box{
    /* border: 1px solid red; */
    margin: 0 1% 3.7%;
}

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

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

.wel_box p, .wel_box h2{
    /* border: 1px solid red; */
    font-family: sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 5px 5px 4px rgba(0, 0, 0, .7);
}

.wel_box h2{
    font-size: 25px;
    margin-bottom: 3%;
    text-align: center;
    padding: 0 10px 8px;
}

.wel_box p{
    font-size: 18px;
    text-align: left;
    padding-left: 5px;
}

.wel_box > ul{
    /* border: 1px solid green; */
    width: 95%;
    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%;
}

.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{
    /* border: 1px solid red; */
    display: none;
}

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

.selfcon_box h2{
    margin-top: 0;
}

.res_link{
    /* border: 1px solid green; */
    width: 30%;
}

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

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

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

.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%;
}

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

#lodgeSearch_box .inputBox span, #work_box .inputBox span{
    color: red;
    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;
}

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

#lodge_help{
    /* border: 1px solid red; */
    padding: 0 5px;
}

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

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

.search_wrapper{
    /* border: 1px solid red; */
    padding: 10px;
    background-image: url('images/room2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .9;
}

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

#search_process_head ul li, #worker_lodge 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, #worker_lodge 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, #inner_agentLodge{
    border: 1px solid lightgray;
    height: 584px;
}

#inner_studLodge, #inner_agentLodge, .inner_studLodge{
    /* border: 1px solid red; */
    /* display: none; */
    width: 95%;
    margin: 0 auto;
    overflow: auto;
}

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

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

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

.stud_responsive, .stud_lodge_res{
    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{
    background-color: white;
    width: 50%;
    margin: 6px auto 6%;
}

.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%; */
}

        /****** OTHER VIEW CODE ******/
.stud_otherView{
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 130;
    left: 150;
    width: 80%;
    display: none;
}

.inner_otherView{
    overflow: auto;
}

.lodge_innerImg, .inner_img{
    display: flex;
}

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

.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-right: 1%;
}

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

.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;
}

.stud_goBack{
    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: 1% 0 1% 83%;
    border-radius: 10px;
    cursor: pointer;
}

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

.descs #item_price{
    text-align: center;
}

.descs > ul{
    /* border: 1px solid red; */
}

.descs > ul li{
    border-top: 1.5px solid #ccc;
    font-family: arial;
    font-size: 15px;
    list-style: none;
    padding: 5px;
}

.descs > ul li span{
    font-weight: bold;
    margin: 0 1% 0 4%;
}

.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;
}

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

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

#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%;
}

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

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

.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: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px 10px;
}

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

.itemOrder{
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
}

.itemOrder button{
    width: 18%;
}

#order_placed{
    /* border: 1px solid red; */
    width: 35%;
    margin: 5% auto;
    position: absolute;
    top: 350;
    left: 600;
    display: none;
}

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

.inner_placed{
    /* border: 1px solid green; */
    padding: 10px;
    background-color: rgba(0, 0, 0, .7);
}

.inner_placed h3{
    /* border: 1px solid green; */
    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 10px 8px;
    margin-top: 2%;
    text-align: center;
}

.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;
}

#sell_wrapper{
    /* border: 1px solid red; */
    /* background-color: rgba(0, 0, 0, .5); */
    display: none;
}

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

#sell_wrapper #sell_views{
    /* border: 1px solid red; */
    width: 70%;
    margin: 1% auto;
    font-size: 12px;
    text-align: justify;
    color: black;
    line-height: 25px;
}

#sell_box{
    /* border: 1px solid blue; */
    background-color: white;
    margin: 1.5%;
}

#sell_box .inputBox{
    /* border: 1px solid black; */
    margin-top: 5%;
}

#sell_box .inputBox input[type="file"]{
    border: 1px solid black;
    outline: none;
    border-radius: 5px;
    padding: 10px 5px;
    width: 60%;
    margin: 5% 20% 3%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
}

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

#sell_box .inputBox input, #sell_box .inputBox select{
    border: 1px solid black;
    outline: none;
    border-radius: 5px;
    padding: 10px 5px;
    width: 60%;
    margin: 3% 20%;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
}

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

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

#sell_box input[type="submit"]:nth-child(2){
    /* display: none; */
    margin-left: 37%;
}

#item_otherViews{
    display: none;
}

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

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

.stud_set_box{
    /* border: 1px solid red; */
    height: 602px;
    display: flex;
    justify-content: center;
}

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

.report_box, #work_reportBox{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.report_box, #work_reportBox{
    /* border: 1px solid green; */
    width: 80%;
    margin: 0 auto;
}

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

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

#reportBox, #work_report_box{
    border-top: none;
    border-left: none;
    margin-top: 1.6%;
    /* margin-bottom: 1.25%; */
}

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

#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"]{
    /* 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;
}

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

        /********** FOOTER **********/
.index_foot, .main_index_foot{
    border: 1px solid black;
    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: 12px;
    text-align: right;
    padding-top: 10px;
    padding-right: 20px;
    height: 35px;
}

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