/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-Mar-2020, 21:32:25
    Author     : proto <macwork>
*/

.error {
    margin:0 auto;
    border:3px solid #d3153b;
    background-color:#fbe6f2;
    padding:5px;
    width:80%;
    text-align:center;
    font-size:4vw;
    margin-bottom:20px;

}
/* Style the container */
.container{
    position:relative;
    margin:0 auto;
    margin-top:11%;
    font-size:4vw;
    width:100%;
    height:auto;
    display:inline-block;
    border:none;
    background-color:lightblue;
    /*
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 0px;
    */

}
.title_bar{
    width:96%;
    margin:0 auto;
    position:absolute;
    margin-top:0px;
}

.title_bar > a{
    font-size:4vw;
    text-decoration:none;
    color:green;
    float:right;
    right:10px;
}

.title_bar > #home{
    height:90px;
    float:right;
    position:fixed;
    right:35px;
}

.title {
    display:inline-table;
    position:fixed;
    float:left;
    top:2px;
    margin-left:10px;
    height:5%;
    width:80%;
    bottom:0px;
    left:5px;
    font-size:5vw;
    font-weight:bold;
    color:#113a92;
    /*color:lightblue;*/
    text-shadow:#005 0px 4px 4px;
}

.search_div {
    margin:0 auto;
    float:right;
    max-width:99%;
    width:99%;
    color:white;
    font-weight:bold;
    height:50px;
    /*background-color:#0C68B0;*/
    display:inline-table;
    margin-left:0px;
}

.search_div > img{
    height:50px;
    float:left;
}
.search_div > #go{
    padding-left:5px;
}

.search_div > #search {
    float:left;
    font-size:3vw;
    width:78%;
    height:50px;
    border-radius:8px;
}

/* Floating column for labels: 25% width */
.col-25 {
    float: left;
    width: 12%;
    margin-top: 2px;
}

/* Floating column for inputs: 75% width */
.col-75 {
    float: left;
    width: 75%;
    margin-top: 0px;

}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

#table_holder {
    margin:0 auto;
    width:99%;
    height:auto;
    display:table; /* inline-block */
}

#search_filter {
    display:none;
    position:relative;
    width:100%;
    height:50%;
    color:yellow;
    background-color:#0C68B0;
}

.status_bar {
    color:white;
    background-color:black;
    display:inline-block;
    height:50px;
    text-align:left;
}
#pgno {
    color:white;
    width:50%;
    height:100%;
    text-align:right;
    float:right;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*
@media screen and (max-width: 500px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}
@media screen and (max-width: 900px) {
    label{
        font-size:4vw;
    }
}
@media screen and (min-width: 900px) {
    label{
        font-size:4vw;
    }

    .search_div {
        height:40px;
    }
}
@media screen and (min-height:250px){
    .search_div {
        height:50px;
    }
}
@media screen and (min-height:500px){
    .search_div {
        height:50px;
    }
}

@media screen and (min-height:1000px){
    .search_div {
        height:60px;
    }
}


*/