/*******************************************************************************
* COPYRIGHT (C) 726 TECHNOLOGY INC, 2017 - 2023            ALL RIGHTS RESERVED *
*******************************************************************************/
/* GLOBAL ELEMENT STYLES */
button:hover { cursor: pointer; }
.BodyBox { width: 92vw; height: 90vh; background-color: transparent; 
           position: absolute; right: 4vw; left: 4vw; 
           box-sizing: border-box; min-height: 300px; overflow: hidden; }
@media screen and (min-width: 1100px) and (orientation: landscape) {
   .BodyBox { height: 98vh; }
}  
.FieldItem { display: block; padding: 0 2%; margin-top: 4vh;
             box-sizing: border-box; width: 100%; }
.FieldItem input { width: 100%; padding: 1vh 2vw; box-sizing: border-box;
                  font-weight: bold; font-size: 4vh; letter-spacing: 3px;
                  outline: none !important; }  
.FieldItem .condensed { font-size: 2vh; }
.ButtonGroup { width: 100% }
.ButtonGroup.centered { text-align: center; }
.ButtonGroup button { box-sizing: border-box; font-weight: bold; font-size: 4vh; 
                      letter-spacing: 3px; margin-top: 4vh; }
.ButtonGroup input { box-sizing: border-box; font-weight: bold; font-size: 4vh; 
                     letter-spacing: 3px; margin-top: 4vh; padding: 1vh 0; }
.ButtonGroup.compact input, .ButtonGroup.compact button { margin-top: 2vh; }   
.ButtonGroup.condensed input, .ButtonGroup.condensed button { font-size: 2vh; }
.TextLink { color: ghostwhite; text-decoration: underline; font-weight: bold; transition: text-shadow 0.5s ease; }
.TextLink:hover { color: ghostwhite; cursor: pointer; text-shadow: 0 0 0.4vh lightskyblue, 0 0 0.8vh lightskyblue; }
.TextLink:active, .TextLink:visited { color: ghostwhite; }
#fb-login-button-group-div { min-height: 10vh; display: flex; align-items: center; justify-content: center; }