html{
    height:100%;
    width:100%;
    background: black;
}

body{
    height:100%;
    width:100%;
    background: black;
}

div.error{
    position:absolute;
    margin-left:10vw;
    margin-top:10vh;
    background: crimson;
    color: whitesmoke;
    width:40vw;
    z-index:1000;
    display:none;
    padding:2vw;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border:2px solid white;
}

.world{
    height:100%;
    width:100%;
   /* max-width:1920px;
    max-height:1080px;*/
    display:grid;
    grid-template-rows: 5% 93%;
    grid-template-columns: 100%;
    grid-gap: .2em;
    grid-template-areas:
            "M"
            "B";
}
/*Notice: Undefined index: LOCALE in /media/development/websites/admin.satgolf.new/config.php on line 21*/

div.content{
    grid-area: B;
    background:var(--content_bg);
    background-image:linear-gradient(to bottom, blue ,yellow);
    margin-left: .5%;
    margin-right: .5%;

}

.mainmenu{
    display:flex;
    flex-direction:row;
    align-items:center;
    height:5vh;
    margin-top:.5vh;
    margin-left:.5%;
    margin-right:.5%;
    min-height:1.4em;
    background:var(--menu_bg);
    border:1px solid var(--navy);
    grid-area: M;
    padding-left:1vw;
}

dialog.login{
    margin-top:8vh;
    margin-left:8vw;
    padding:0;
    height:16vh;
    display: flex;
    flex-direction: column;
    width:20vw;
    border-radius: 6px ;
    border-top:none;
    background-color: silver;
}

dialog.login div.header{
    height:4px;
    border-radius: 4px 4px 0 0;

}

input.vid,
input.password{
    margin-top:1vh;
    margin-left:1vw;
    font-size:1em;
}

input.vid{
    width:10ch;
}

input.password{
    width:24ch;
}




p.main
{
    /*margin:0;*/
    margin-right:1.5vw;
    height:3vh;
    min-height:1em;
    width: auto;
    border:.1vh solid whitesmoke;
    border-radius: .35em;
    padding:3px 6px 3px 6px;
    background:var(--pmain_bg);
    color:white;
    cursor:pointer;
    font-size: 1.1vh;
    display:flex;
    justify-content: center;
    align-items: center;


}

button.login{
    margin-left:10%;
    width:80%;
    margin-top:1em;
    height:3vh;
    border-radius: .35em;
    background:var(--pmain_bg);
    color:white;
    cursor:pointer;
    font-size: 1.1vh;
    display:grid;
    place-items: center;

}

p.main{
    display:none
}

p.main:hover{
  background: var(--hilight);
}


button.main:hover{
    background-color:silver;
    color:navy;
    border:1px solid navy;

}


div.gamemenu, div.membersmenu,
div.ttimesmenu, div.coursemenu,
div.signupmenu, div.worklistmenu,
div.scoresmenu, div.syncmenu{
    position:absolute;
    margin-top:.0vh;
    margin-left:1vw;
    background-color:var(--sub_bg);
    background: var(--pmain_bg);

   /* width:auto;
    height:auto;*/
    /*border:1px solid hsla(2, 52%, 47%, 1);*/
    border-bottom-right-radius:.3em;
    display:none;
    z-index:200;
    font-size:1.5vh;
}

div.gamemenu:hover, div.membersmenu:hover,
div.ttimesmenu:hover, div.coursemenu:hover,
div.signupmenu:hover, div.worklistmenu:hover,
div.scoresmenu:hover, div.syncmenu:hover{


}

.selected{
    color:whitesmoke;
    background:var(--select_bg);
    margin: 0 1.5vw 0 0;
    height:3vh;
    min-height:1em;
    width: auto;
    border:.1vh solid whitesmoke;
    padding:3px 6px 3px 6px;
    cursor:pointer;
    font-size: 1.3vh;
    display:flex;
    justify-content: center;
    align-items: center;
}

p.selection{
    margin: .1vh 0 0;
    padding:.5vw;
    color:whitesmoke;
    cursor:pointer;
}

p.selection:hover{
    background-color:var(--hilight);
    color:whitesmoke;

}

textarea.wl{
    background:var(--body_darker);

}

div.row{
    display: flex;
    flex-direction: row;

}

td{
    /*font-size: 1rem;*/
}

p.menunote{
    border:1px solid whitesmoke;
    color: wheat;
    margin-left: 2vw;
    margin-right: 2vw;
    padding:.5em;
    border-radius: 1em;
    width: auto;
    background: var(--hilight);
}

.hidden{
    display:none;
}

.dialog{
    display: flex;
    flex-direction: column;
}

tr.empty{
    background: transparent;
}