/* Tramping styles */

html { width:100%; height:100%; margin:0px; padding:0px; border:none; }

body { width:100%; height:100%; margin:0px; padding:0px; border:none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; }

.clear { clear:both; }

/* Defaults/reset */
h1, h2, h3, h4, h5, h6 { margin-top:0; }
a { color:#f90; }
a:hover { color:#fb4; }
img { border:none; }

ul { margin:0; }
li { margin:0; }

/* Forms */
form { margin:0; padding:0; }
input { padding:7px 10px; border-radius:16px; border:solid 1px rgba(0, 0, 0, 0.5); color:#333; margin-bottom:10px; }
input[type=text], input[type=password] { width:200px; }
input[type=button],
input[type=submit] { cursor:pointer; padding:8px 16px; font-size:14px; font-weight:bold; }
input[type=button]:hover,
input[type=submit]:hover { background-color:#eee; }
textarea { vertical-align:top; }

.form-row { margin-bottom:10px; }
.form-half-row { float:left; width:50%; }
.form-row label { display:inline-block; width:100px; }
.form-action-row { text-align:right; }
.form-action-row input[type=submit] { margin:20px 0 0 0; }

.popup-container { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.popup-form { position:relative; margin:100px auto; max-width:600px; border:solid 2px rgba(0, 0, 0, 0.2); border-radius:20px; padding:20px; background-color:rgba(0,0,0,0.7); }
.popup-form .close-icon { float:right; width:32px; height:32px; cursor:pointer; }

/* Progress Indicator */
.progress-indicator { position:absolute; bottom:10px; right:10px; background-color:rgba(255, 255, 255, 0.6); border-radius:100px; box-shadow: 0 0 12px #fff; z-index:1001; }
.modal-bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); text-align:center; z-index:1000; }
.modal-bg .progress-indicator { position:relative; top:50%; transform:translateY(-50%); }

/* Properties tab */
.properties { display:none; background-color:rgba(0, 0, 0, 0.5); }