#fg-tele-direct-ui {
display: none;
position: fixed;
left: calc( 50% - 30em );
top: 10em;
background-color: #FFFFFF;
padding: 1em;
border: 1px solid #A7D7F9;
border-radius: 3px;
box-shadow: 2px 2px 15px -2px rgba( 0, 0, 0, 0.5 );
}
#fg-tele-direct-ui.fg-tele-direct-ui {
display: block;
}
#fg-tele-direct-ui h4 {
padding: 0;
margin-bottom: 1em;
text-align: center;
color: #808080;
}
#fg-tele-direct-ui div {
margin-bottom: 1em;
}
#fg-tele-direct-ui label {
display: inline-block;
width: 3em;
font-size: 1em;
font-family: sans-serif;
}
#fg-tele-direct-ui label:after {
content: ": ";
}
#fg-tele-direct-ui input[type=text]:not( [size] ) {
width: 25em;
}
#fg-tele-direct-ui input[type=text] {
font-size: 1em;
font-family: Consolas;
padding: .3em .5em;
vertical-align: 1px;
border-radius: 3px;
border: 1px solid #A7D7F9;
}
#fg-tele-direct-ui input[size] {
width: 1em;
margin-right: .5em;
}
#fg-tele-direct-ui div.fg-tele-direct-gottadot input[size] {
visibility: hidden;
}
#fg-tele-direct-ui select {
font-size: 1em;
font-family: Consolas;
padding: .24em .5em;
margin-right: .5em;
vertical-align: 1px;
border-radius: 3px;
border: 1px solid #A7D7F9;
}
#fg-tele-direct-ui button {
float: right;
margin-left: 1em;
}