html { 
   width:100%; 
   height:100%; 
   background:url(/images/web.jpg) center center no-repeat #000;
   background-size:cover;
}
* { box-sizing: border-box;}
body, input {font-family:"Dosis", arial, sans; color:#fff;}
body { font-size:110%}
h1,h2 {font-family:"Dosis"; padding:0px; margin:0px; font-weight:600;}
h2 {padding-bottom:20px}
input {background-color:#ccc; border:0; padding:4px; background:rgba(0,0,0,0.3); color:#fff;
	font-size:100%;}
a {color:#ddd; border-bottom:#111 solid 1px; text-decoration:none;}
a:hover {color:#999}
#centrebox, #frmbox {position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); }
#frmbox {max-width:510px}
.frm {background:rgba(255,255,255,0.2); padding:20px; padding-bottom:0px; border-collapse: separate;
  border-spacing: 6px; margin:20px}
.frm td {padding:3px; margin:3px;}
.submit {border:#ccc 1px solid;}
.submit:hover {background:rgba(255,255,255,0.1);}
#loginlogo {padding-right:16px; padding-top:8px; height:72px; float:left}
.text-center {text-align:center}
#dets {text-align:center; margin-top:16px;}
.small {font-size:small}
.smaller {font-size:smaller}
.location-icon {
  box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 5px solid #ddd;
    border-radius: 100%;
}

.location-icon::after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1px 0 0 -6px;
    display: block;
    content: '';
    border: 6px solid transparent;
    border-top: 10px solid #ddd;
    border-bottom: none;
}