/* 
    Created on : May 7, 2024, 7:47:12 PM
    Author     : robert
*/
html {
  font-family: "Lucida Sans", sans-serif;
  /*padding:auto;*/
  margin:-1px;
}

body
{
font-size:25px;    
width:100%;
padding:1px;
margin:1px;
background-color: #f0f0f0;
/*margin:auto;
margin-top:0px;
margin-bottom:0px;*/
}

*
{
font-size:25px;
padding:0px;
margin:0px;
}

#product_list
{
background-color:#f8f8f8;
color:black;
background-color:#ffff00;
border-color:black;
border-width:3px;
border-radius:5px;
border-style: outset;
text-wrap: nowrap;
padding:5px;
margin:5px;
margin-top:10px;
margin-bottom:10px;
line-height: 50px;
}
#filters
{
background-color:#d8d8d8;
color:black;
max-width: 99.5%;
/*background-color:#ffff00;*/
border-color:#808080;
border-width:1px;
border-radius:5px;
border-style: solid;
/*text-wrap: wrap;*/
padding:0px;
margin:0px;
/*margin-top:10px;
margin-bottom:10px;*/
line-height: 45px;
display:inline-block;
}
.filters-visible
{
    padding:10px;    
    /*line-height: 40px;*/
}
.labels-visible
{
    padding:10px;
    padding-right:20px;
    /*line-height: 40px;*/
}

#filter_caption
{
background-color:#f8f8f8;
color:black;
background-color:#ffff00;
border-width:3px;
border-radius:5px;
border-style: outset;
text-wrap: nowrap;
padding:5px;
margin:5px;
margin-top:10px;
margin-bottom:10px;
line-height: 10px;
}

.yte_class, .ytx_class, .yc_class, .ycb_class, .yl_class
{
background-color: #ffffff;    
padding:0px;
padding-right:10px;
padding-left:10px;
display:inline-block;
margin: 2px;
margin-left:5px;
border-color:black;
border-width:1px;
border-radius:5px;
border-style: solid;
vertical-align: middle;

}

h2
{
font-size:35px;            
}

select:required:invalid {color: teal;}
select
{
  width:auto;  
  border: 3px #008000 outset;
  display: inline;
  /*width: 17px;*/
  background: #222222;
  color: #000000;
  background-color: #ffffff;
  /*transform: scale(1.4);*/
    margin:         0px;
    margin-top:     10px;
    margin-bottom:  10px;  
    size:auto;
    text-wrap: wrap;
    font-size:18px;
    line-height: 18px;
}


select option[value=""][disabled] {display: none;}
select option[value]
{
 padding:3px;
 /*margin:3px;*/
 text-wrap:nowrap;
}
select option 
        {
        text-wrap:wrap;
        color: black;        
        display:inline;
        width:auto;
        padding:5px;
        margin:5px;
        font-size:18px;
    line-height: 18px;
        }
select option:checked 
{
background-color: #00ff00;
color:black;
}


.hdr    {
        display:inline;
        padding-top:10px;
        
        }
        
.hdrnolf 
        {
        display:inline;
        padding-top:10px; 
        padding-bottom: 10px;
        /*margin-top:20px;*/
        }
.upgps  {
        border-color:red;
        color:black;
        background-color:#ffdddd;
        border-width:1px;
        border-radius:5px;
        border-style:solid;
        padding:4px;
        }
.butt 
        {
        font-weight: bold;
        height: auto;
        border-color:black;
        color:black;
        background-color:#ffff00;
        border-width:3px;
        border-radius:5px;
        border-style: outset;
        text-wrap: nowrap;
        padding:5px;
        margin:5px;
        margin-top:10px;
        margin-bottom:10px;
        line-height: 50px;
        }
        
input[type=submit] 
        {
        /*height: auto;*/
        font-weight: bold;
        border-color:black;
        color:black;
        background-color:#ffff00;
        border-width:3px;
        border-radius:5px;
        border-style: outset;
        text-wrap: nowrap;
        padding:5px;
        margin:5px;
        margin-top:10px;
        margin-bottom:10px;
        line-height: 50px;
        }        
        
input
    {
    margin:0px;
    margin-top: 10px;
    margin-bottom: 10px;
    }
input[type=checkbox] 
    {
    transform: scale(3);    
    vertical-align: bottom;
    margin:10px;
    }   
    
input[type="text"] 
{
    width:90%;
    box-sizing: border-box;
    padding:5px;
    margin-right:10px;
    background-color: white;
    color:black;
    border-color: #000080;
    border-width: 3px;
    border-style: outset;
}
/*input[type="textarea"] */
textarea
{
    width:98%;
    box-sizing: border-box;
    padding:5px;
    margin-right:10px;
    background-color: white;
    color:black;
    border-color: #ff4444;/*#800000;*/
    
    border-width:   3px;
    border-style:solid;
}
hr
{
width:100%;
/*size:3px;*/
color:#ddffff;
background-color:#ddffff;
margin:0px;
margin-top:20px;
margin-bottom:20px;
}

.up_even, .up_odd
{
margin:auto;    
/*background-color: #e8ffff;*/
background: linear-gradient(#ffffff,#ffffff,#cccccc);
color: black;
border: #444444 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}



.txe_even
{
margin:auto;    
/*background-color: #e8ffff;*/
background: linear-gradient(#ffffff,#ccffff,#00ffff);
color: black;
border: #00aaaa 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

.txe_odd
{
margin:auto;    
/*background-color: #f8ffff;*/
background: linear-gradient(#ffffff,#ccffff,#00ffff);
color: black;
border: #00aaaa 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

.cb_odd, .cb_even
{
margin:auto;    
/*background-color: #e0ffe0;*/
background: linear-gradient(#ffffff,#ffddff,#ff88ff);
color: black;
border: violet 3px outset;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

.c_odd, .c_even
{
margin:auto;    
/*background-color: #e0ffe0;*/
background: linear-gradient(#ffffff,#eeffee,#88ff88);
color: black;
border: #00ff00 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}


.txx_odd
{
margin:auto;    
/*background-color: #ffe8e8;*/
background: linear-gradient(#ffeeee,#ffaaaa);
color: black;
border: #ff4444 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

.txx_even
{
margin:auto;   
/*background-color: #fff8f8;*/
background: linear-gradient(#ffeeee,#ffaaaa);
color: black;
border: #ff4444 3px solid;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}



.tl_even
{
margin:auto;    
/*background-color: #e0f8ff;
color: black;
border: violet 1px outset;*/
/*background: linear-gradient(#f0f0ff,#f0f0ff,#bbbbff,#4444ff);*/
background: linear-gradient(#ffffff,#f0f0f0,#bbbbbb,#444444);
color: black;
border: #222222 3px solid;

border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;

}

.tl_odd
{
margin:auto;    
/*background-color: #e0f0ff;
color: black;
border: violet 1px outset;*/
/*background: linear-gradient(#f0f0ff,#f0f0ff,#bbbbff,#4444ff);*/
background: linear-gradient(#ffffff,#f0f0f0,#bbbbbb,#444444);
color: black;
border: #222222 3px solid;

border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}


input[type=file]
        {
        font-weight: bold;
        height: auto;
        border-color:#808080;
        color:black;
        background-color:#ffffaa;
        border-width:1px;
        border-radius:0px;
        border-style: dashed;
        text-wrap: nowrap;
        padding:5px;
        margin:5px;
        margin-top:10px;
        margin-bottom:10px;
        line-height: 50px;
        }

        
        
input::file-selector-button {
  font-weight: bold;
  background-color: yellow;
  padding: 0.5em;
  border-width: 3px;
  border-style: outset;
  border-radius: 5px;
}        
/*input[type=file].browse
{
color:red;    
}*/
.txe_even input[type=text]
    {
    border: #00aaaa 3px solid;
    }
.txe_odd input[type=text]
    {
    border: #00aaaa 3px solid;
    }    
.tl_even input[type=text]
    {
    border: #404040 3px solid;
    }
.tl_odd input[type=text]
    {
    border: #404040 3px solid;
    }        
img
{
    max-width: 250px;
    max-height: 250px;
}