/*
** ##########################################################
** #
** # GLOBAL COLORS NAMES / VALUES
** #
** # CTRL + SHIFT + R to reload stylesheet
** # CTRL + SHIFT + R to reload stylesheet
** # CTRL + SHIFT + R to reload stylesheet
** #
** ##########################################################
*/
:root
{
/*  --BodyColor:                            #a3c2c2; */
    --BodyColor:                            #98aacd;
    --BodyBackgroundColor                   #ffffff;   /* #c7eff2 */
    --BodyForegroundColor                   #ffffff;
    
    --FooterColor:                          #ffff99;
    --ErrorBarColor:                        #ffff99;
                                            
    --TableRowColor:                        #f0f9fa;
/*  --TableHeaderColor:                     #1c585c; */
    --TableHeaderColor:                     #5c5c70;    
    --TableListColorE:                      #fef9e7;
    --TableListColorO:                      #e8e6dc;
    
    --MenuBarBackgroundColor:               #4d9900;
    --MenuBarForegroundColor:               #f2f2f2;
    --MenuBarBackgroundColorLp:             #cccccc;
    --MenuBarForegroundColorLp:             #333333;
    --MenuBarHoverBackgroundColor:          #ddd;
    --MenuBarHoverForegroundColor:          black;
    --MenuBarActiveBackgroundColor:         #4CAF50;
    --MenuBarActiveForegroundColor:         white;
    --MenuBarActiveForegroundColorLp        #333333
}



.title
{
    font-size:         16pt;
    font-weight:       bold;
    text-align:        center;
}


/*
**h1
**{
**  font-weight:         bold;
**  font-size:           85px;
**  color:               #fff;
**  text-align:          center;
**}
*/

body
{
    font-family:       Arial;
    font-size:         16pt;
    background-image:  url("./images/background.jpg");
    background-size:   cover;
    background-repeat: no-repeat;
    background-color:  var(--PageBackgroundColor);
}


a
{
    color: black;	
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}




/*
**----------------------------------
** Tables default
**----------------------------------
*/
table
{
    border:            none;
    border-collapse:   collapse;
}


tr
{    
    font-family:       Arial;
    font-size:         16pt;
    text-align:        left;	
    color:             black;
    background-color:  white;
    padding:           2px  2px  2px  2px;
/*  border:            0px solid lightgrey; */
    border-collapse:   collapse;
    vertical-align:    top;
}
    
table th
{
    font-family:       Arial;
    font-size:         16pt;
    text-align:        left;	
    vertical-align:    top;	
/*  color:             #333333; */
/*  background-color:  #1c585c; */
    font-weight:       normal;
    color:             var(--MenuBarForegroundColor);
    background-color:  var(--MenuBarBackgroundColor);
    padding:           2px  2px  2px  2px;
}


table td
{
    font-family:       Arial;
    font-size:         16pt;
    text-align:        left;	
    vertical-align:    top;	
    color:             #777777;
}


table td.empty
{
/*
    background-color:  #c7eff2; 
    background-color:  #f1f7eb;
*/
    background-color:  #d7ebc3;
}



/*
**----------------------------------
** Tables for main page
**----------------------------------
*/
table.main
{
    border:            0;
    border-collapse:   collapse;
}

table.main tr
{    
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    color:             black;
    background-color:  #babfbf;
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.main th
{    
    font-family:       Arial;
    font-size:         14pt;
    text-align:        left;	
    color:             white;
    background-color:  #1c585c;
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.main td
{    
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    color:             black;
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    


/*
**----------------------------------
** Tables for selection
**----------------------------------
*/
table.tableselect
{
    border:            1px solid lightgrey;
    border-collapse:   collapse;
}

table.tableselect tr
{    
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    color:             white;
    background-color:  #f0f9fa;
    padding:           2px  2px  2px  2px;
    border:            1px solid lightgrey;
    border-collapse:   collapse;
}
    
table.tableselect th
{
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    vertical-align:    top	
    color:             white;
    background-color:  #1c585c;
    padding:           2px  2px  2px  2px;
}


table.tableselect td
{
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    vertical-align:    top	
    color:             black;
}


/*
**----------------------------------
** Tables with lists of entries
**----------------------------------
*/
table.tablelist
{
    border:            1px solid lightgrey;
    border-collapse:   collapse;
}

table.tablelist tr
{    
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    color:             black;
    background-color:  #e8e6dc;
    padding:           2px  2px  2px  2px;
    border:            1px solid lightgrey;
    border-collapse:   collapse;
}
    
table.tablelist tr:nth-child(even)
{
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    color:             black;
    background-color:  #fef9e7;
    padding:           2px  2px  2px  2px;
    border:            1px solid lightgrey;
    border-collapse:   collapse;
}
    
  
table.tablelist th
{
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    vertical-align:    top;	
    color:             white;
    background-color:  #1c585c;
    padding:           2px  2px  2px  2px;
}


table.tablelist td
{
    font-family:       Arial;
    font-size:         10pt;
    text-align:        left;	
    vertical-align:    top	
    color:             black;
}






/*
**----------------------------------
** Tables for menubar
**----------------------------------
*/
table.menubar
{
    border:            0;
    border-collapse:   collapse;
}

table.menubar tr
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarForegroundColor);
    background-color:  var(--MenuBarBackgroundColor);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.menubar th
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarForegroundColor);
    background-color:  var(--MenuBarBackgroundColor);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.menubar td
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarBackgroundColor);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.menubarlp
{
    border:            0;
    border-collapse:   collapse;
}

table.menubarlp tr
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarForegroundColorLp);
    background-color:  var(--MenuBarBackgroundColorLp);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.menubarlp th
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarForegroundColorLp);
    background-color:  var(--MenuBarBackgroundColorLp);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    

table.menubarlp td
{    
    font-family:       Arial;
    font-size:         20pt;
    text-align:        left;	
    color:             var(--MenuBarBackgroundColorLp);
    padding:           2px  2px  2px  2px;
    border:            0;
    border-collapse:   collapse;
}
    



/*
** ##########################################################
** #
** # MENU BAR
** #
** ##########################################################
*/
.menubar_disclaimer {
    background-color:    #eeeeee; 
    overflow:            hidden;
}

.menubar {
    background-color:    var(--MenuBarBackgroundColor);
    overflow:            hidden;
}

.menubar a {
    float:               left;
    display:             block;
    color:               var(--MenuBarForegroundColor);
    text-align:          center;
    padding:             24px 26px;
    text-decoration:     none;
    font-size:           22px;    
}

.dropdown
{
    float:               left;
    overflow:            hidden;
}

.dropdown .dropbtn
{
    border:              none;
    outline:             none;
    color:               var(--MenuBarForegroundColor);
    text-align:          center;
    padding:             24px 26px;
    text-decoration:     none;
    font-size:           22px;
    background-color:    inherit;
}

.menubar a:hover, .dropdown:hover .dropbtn
{
    background-color:    var(--MenuBarHoverBackgroundColor);
    color:               var(--MenuBarHoverForegroundColor);
}

.dropdown-content
{
    display:             none;
    position:            absolute;
    background-color:    var(--MenuBarBackgroundColor);
    min-width:           160px;
/*    box-shadow:          0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index:             1;
}

.dropdown-content a
{
    float:               none;
    color:               var(--MenuBarForegroundColor);
/*    padding:             24px 26px; */
    padding:             8px 16px; 
    text-decoration:     none;
    display:             block;
    text-align:          left;
}

.dropdown-content a:hover
{
/*
    background-color:    #ddd;
*/
    background-color:    var(--MenuBarHoverBackgroundColor);
}

.dropdown:hover .dropdown-content
{
    display:             block;
}




#BackgroundFooter
{ 
    height:              22; 
    position:            fixed; 
    bottom:              0%;
    width:               100%; 
    background-color:    var(--FooterColor);
    opacity:             1;
    text-align:          left;	
    vertical-align:      middle;	
}



/*
** ##########################################################
** #
** # BOTTOM BAR
** #
** ##########################################################
*/
.bottombar {
    background-color:    var(--MenuBarBackgroundColor);
    overflow:            hidden;
/*    position:            fixed; */
    bottom:              0;
    width:               100%;
}

.bottombar a {
    float:               left;
    display:             block;
    color:               var(--MenuBarForegroundColor);
    text-align:          center;
    padding:             24px 26px;
    text-decoration:     none;
    font-size:           18px;    
}

.bottombar a:hover, .dropdown:hover .dropbtn
{
    background-color:    var(--MenuBarHoverBackgroundColor);
    color:               var(--MenuBarHoverForegroundColor);
}






/*
** ##########################################################
** #
** # BOTTOM BAR DISCLAIMER
** #
** ##########################################################
*/
.bottombar_disclaimer {
    background-color:    white;
    overflow:            hidden;
    position:            fixed;
    bottom:              0;
    width:               100%;
}

////.bottombar_disclaimer a {
//    float:               left;
//    display:             block;
//    color:               var(--MenuBarForegroundColor);
//    text-align:          center;
//    padding:             24px 26px;
//    text-decoration:     none;
//    font-size:           18px;    
//}





/*
** ##########################################################
** #
** # LANDING PAGE STUFF
** #
** ##########################################################
*/
.centerimage
{
    display:             block;
    margin-left:         auto;
    margin-right:        auto;  
}



table.landingpage_body
{
/*  border:            1px solid lightgrey; */
    border-collapse:   collapse;
}

table.landingpage_body tr
{    
    font-family:       Arial;
    font-size:         15pt;
    text-align:        left;	
    color:             white;
    background-color:  white; /* #f0f9fa; */
    padding:           2px  2px  2px  2px;
/*  border:            1px solid lightgrey; */
    border-collapse:   collapse;
}
    
table.landingpage_body th
{
    font-family:       Arial;
    font-size:         16pt;
    text-align:        left;	
    vertical-align:    top	
    background-color:  white;
    padding:           2px  2px  2px  2px;
}


table.landingpage_body td
{
    color:             #333333;
    font-family:       Arial;
    font-size:         18pt;
    text-align:        left;	
    vertical-align:    top	
}


landingpage_body
{
    font-family:       Arial;
    font-size:         15pt;
    background-size:   cover;
    background-repeat: no-repeat;
/*  background-color:  #c7eff2; */
    background-color:  #ffffff;
}