/* SETTING FOR TABLE_LISTING.PHP.

 * ALLOW TO ADJUST THE TABLE STYLE BASE ON THE WIDTH OF THE PAGE

 *

 *

 *

 * */



/* BODY */







.page_header_div {

    background-color:white;

    margin:0px;

    padding:0px;

    padding-top:10px;

}



.page_header {

    text-align: center;

    font-weight:bold;

    background-color:;

    color: brown;

    font-size:120%;

}





/* TABLE STYLE */



.table_style_1 {

    width: 90%;

    border-spacing: 0px;

    margin-left: 5%;

    padding:4px;

}

.table_style_1 .table_header {

    background-color:lightgray;

    text-decoration: underline;

}

.table_style_1 td {

    border-width:1;

    padding:1px;

}

.table_style_1 tr:nth-child(even) {

    background-color:lightyellow;

}

.table_style_1 tr:nth-child(odd) {

    background-color:white;

}

.table_style_1 tr:hover {

    background-color:lightpink;

}



/*===*/

.table_style_edit {

    width: 60%;

    border-spacing: 0px;

    margin-left: 20%;

    padding:4px;

}

.table_style_edit .table_header {

    background-color:lightblue;

    text-decoration: underline;

}

.table_style_edit td {

    border-width:1;

    padding:2px;

}

.table_style_edit tr:nth-child(even) {

    background-color:white;

}

.table_style_edit tr:nth-child(odd) {

    background-color:lightgray;

}









/* FILTER BUTTON STYLE */

.filter_top_div {

    text-align: center;

    width:100%;

    vertical-align: bottom;

    border-bottom:10px solid lightpink;

}

.filter_button {

    background-color:lightgray;

    padding:6px;

    margin-right:10px;

    display: inline-block;

    vertical-align: bottom;

    color:black;

    text-decoration:none;

    font-weight:bold;

    border-top-right-radius: 4px;

    border-top-left-radius:4px;

    font-size:120%;

}

.filter_button:hover {

    background-color:lightpink;

}

.filter_button_selected { /* FOR SELCTED BUTTON */

    background-color : lightpink;

}



/* IFRAME FOR EDITINT */

#popup_div {

    width:100%;

    height:100%;

    position: fixed;

    top:0px;

    left:0px;

    background-color: gray;

    opacity: 0.5;

    display: none;

}

#popup_iframe {

    width:80%;

    height:80%;

    position: fixed;

    top:10%;

    left:10%;

    display: none;

    background-color:white;

    z-index:1;

}