/* HEADINGS */
h1 {color: var(--ltgray);
    font-size: 200%;}
h3 {color: var(--blue);
    font-size: 200%;}

h2 {color: var(--ltgray);
    font-size: 150%;}
h4 {color: var(--blue);
    font-size: 150%;}

h5 {color: var(--blue);
    font-weight: normal;
    font-size: 100%;}

h6 {color: var(--ltgray);
    font-weight: normal;
    font-size: 90%;}

h7 {color: var(--ltgray);
    font-weight: normal;
    font-size: 50%;}

/* SIZE */
.VerySmallWidth{
        width: 10%;
    }
    
.SmallWidth{
        width: 25%;
    }

.MediumWidth{
        width: 50%;
    }

.LargeWidth{
        width: 75%;
    }    

.VeryLargeWidth{
        width: 90%;
    }    

.FullWidth{
        width: 100%;
    }      
    
/* CONTROLS */
.EntryTextBox {
    padding:  5px;
    font-size: 1.25em;
    background: var(--white);
    border: 2px solid var(--green);
    box-sizing: border-box;
    padding-bottom: 2px;
}

.EntryLabel{
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 2px;
    margin-bottom:2px;
    }

.GridViewLabel{
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 2px;
    margin-bottom:2px;
}

.GridViewPageNumbers{
    text-align: right;
    vertical-align: bottom;
    padding-bottom: 2px;
    margin-bottom:2px;
}

    
.RegularButton {
    background-color: var(--blue);
    color: var(--ltgray);
    border: 2px solid var(--green);
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;    
    vertical-align: middle;
    box-sizing: border-box;
}   
.RegularButton:hover {
    background-color: var(--green);
    border: 2px solid var(--blue);
    color: var(--ltgray);
    }
.GVButton {
    background-color: var(--blue);
    color: var(--ltgray);
    border: 1px solid var(--green);
    height: 3vh;
    line-height: 3vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 1px;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;    
    vertical-align: middle;
    box-sizing: border-box;
}   
.GVButton:hover {
    background-color: var(--green);
    border: 1px solid var(--blue);
    color: var(--ltgray);
    }

    
.GridViewButtonSort {
    background-color: var(--ltgray);
    color: var(--green);
    height: 2vh;
    line-height: 2vh;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;    
    vertical-align: middle;
    box-sizing: border-box;
}   
.GridViewButtonSort:hover {
    background-color: var(--blue);
    color: var(--ltgray);
    }
    
.DropDownListLightBG {
    padding:  5px;
    border: 2px solid var(--green);
    border-radius: 4px;
    font-weight: bold;
    font-size: 100%;
    background: var(--white);
    color: var(--blue);
}
    
/* TEXT */

.ErrorField {  
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 100%;
    color: var(--green);}