/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

fieldset {
  border: 0;
  padding: 0;
}

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
body {
  font-family: "Lucida Grande", "Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #0a0a0a;
}

.ua-legacy body {
  font-size: 0.8em;
}

table {
  font-size: inherit;
}
table td {
  vertical-align: top;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

p {
  font-size: 1em;
}

/* ======================================================
 * forms
 * ====================================================== */
.fm {
  position: relative;
}
.fm div.fieldrow::after {
  content: "";
  display: table;
  clear: both;
}

.similar {
  font-size: 0.86em;
  padding: 0.5em 0.5em 0 0.5em;
}

.gwt-draft-save {
  color: #666;
}

.gwt-draft-save {
  font-size: 0.8333em;
  line-height: 1.5em;
}

.fm-tip {
  padding: 10px 20px;
  color: #333;
}
.fm-tip i {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 5px;
  color: #999;
}
.fm-tip i:before {
  display: inline-block;
}
.fm-tip i:before {
  content: "\f0eb";
}

.fm-cancel.disabled {
  color: #999 !important;
}

input, textarea {
  padding: 0.3333333333em;
  box-sizing: border-box;
}

input[type=text], input[type=password], input[type=number], input[type=search], textarea, select {
  border: 1px solid #ccc;
  background-color: #fff;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus, select:focus {
  border-color: #369;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(51, 102, 153, 0.7);
  outline: none !important;
}

select:focus, input[type=file]:focus {
  outline: 3px auto #369 !important;
  outline-offset: -2px;
  border: 1px solid #369;
}

input[type=text], input[type=password], textarea {
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

select {
  border-radius: 3px;
}

input[type=radio], input[type=checkbox] {
  padding: 0;
  background-color: transparent;
  border: none;
}

input, select {
  margin-right: 5px;
}

label, .gwt-Label {
  margin-bottom: 0.25em;
}

form.full {
  width: 100%;
}

.gwt-traction-input-autosize {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.gwt-traction-input-autosize textarea, .gwt-traction-input-autosize textarea:focus {
  border: none;
  box-shadow: none;
  outline: none !important;
}
.pillbox .gwt-traction-input-autosize {
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}

.combobox-popup div[role=menubar] {
  min-width: 325px;
  max-height: 500px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* ======================================================
 *buttons
 *====================================================== */
button, .button, #bd input[type=submit], #bd input[type=button], .fm input[type=submit], .fm input[type=button] {
  color: #fff !important;
  background: rgb(158, 158, 158);
  border: 1px solid rgb(145.25, 145.25, 145.25);
  background-image: linear-gradient(to bottom, rgb(170.75, 170.75, 170.75), rgb(145.25, 145.25, 145.25));
  padding: 5px 6px;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 2px;
  text-shadow: rgba(0, 0, 0, 0.15) 0 -1px 0;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
}
button:hover, button:focus, .button:hover, .button:focus, #bd input[type=submit]:hover, #bd input[type=submit]:focus, #bd input[type=button]:hover, #bd input[type=button]:focus, .fm input[type=submit]:hover, .fm input[type=submit]:focus, .fm input[type=button]:hover, .fm input[type=button]:focus {
  text-decoration: none;
  color: #b4e8ff !important;
  background: #369;
  border: 1px solid rgb(44.625, 89.25, 133.875);
  background-image: linear-gradient(to bottom, rgb(57.375, 114.75, 172.125), rgb(44.625, 89.25, 133.875));
}
button:active, .button:active, #bd input[type=submit]:active, #bd input[type=button]:active, .fm input[type=submit]:active, .fm input[type=button]:active {
  background: #369;
  border: 1px solid #369;
  background-image: linear-gradient(rgb(44.625, 89.25, 133.875), rgb(57.375, 114.75, 172.125));
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
}

button.disabled, button.disabled:hover, button.disabled:focus, button.disabled:active, button.disabled.button-default, button.disabled.button-default:hover, button.disabled.button-default:focus, button.disabled.button-default:active, .button.disabled, .button.disabled:hover, .button.disabled:focus, .button.disabled:active, .button.disabled.button-default, .button.disabled.button-default:hover, .button.disabled.button-default:focus, .button.disabled.button-default:active {
  background: #eee;
  border: 1px solid rgb(225.25, 225.25, 225.25);
  background-image: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  color: #aaa !important;
  text-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
button.selected, .button.selected {
  background: rgb(117, 117, 117);
  border: 1px solid rgb(104.25, 104.25, 104.25);
  background-image: linear-gradient(to top, rgb(129.75, 129.75, 129.75), rgb(104.25, 104.25, 104.25));
}

.button.button-light {
  color: rgb(97, 97, 97) !important;
  background: rgb(238, 238, 238);
  border: 1px solid rgb(225.25, 225.25, 225.25);
  background-image: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  padding: 5px 6px;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 2px;
  text-shadow: rgba(0, 0, 0, 0.15) 0 -1px 0;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
}
.button.button-light:hover, .button.button-light:focus {
  text-decoration: none;
}
.button.button-light:active {
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
}
.button.button-light.disabled, .button.button-light.disabled:hover, .button.button-light.disabled:focus, .button.button-light.disabled:active {
  background: #eee;
  border: 1px solid rgb(225.25, 225.25, 225.25);
  background-image: linear-gradient(to bottom, rgb(250.75, 250.75, 250.75), rgb(225.25, 225.25, 225.25));
  color: #aaa !important;
  text-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
.button.button-light.selected:not(:hover) {
  color: rgb(97, 97, 97);
  background: rgb(224, 224, 224);
  border: 1px solid rgb(211.25, 211.25, 211.25);
  background-image: linear-gradient(to top, rgb(236.75, 236.75, 236.75), rgb(211.25, 211.25, 211.25));
}

.button.button-dark {
  color: #fff !important;
  background: rgb(97, 97, 97);
  border: 1px solid rgb(84.25, 84.25, 84.25);
  background-image: linear-gradient(to bottom, rgb(109.75, 109.75, 109.75), rgb(84.25, 84.25, 84.25));
  padding: 5px 6px;
  border-radius: 3px;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.2) 0 1px 2px;
  text-shadow: rgba(0, 0, 0, 0.15) 0 -1px 0;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
}
.button.button-dark:hover, .button.button-dark:focus {
  text-decoration: none;
}
.button.button-dark:active {
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
}
.button.button-dark.disabled, .button.button-dark.disabled:hover, .button.button-dark.disabled:focus, .button.button-dark.disabled:active {
  background: rgb(117, 117, 117);
  border: 1px solid rgb(104.25, 104.25, 104.25);
  background-image: linear-gradient(to bottom, rgb(129.75, 129.75, 129.75), rgb(104.25, 104.25, 104.25));
  color: #aaa !important;
  text-shadow: none;
  box-shadow: none;
  pointer-events: none;
}
.button.button-dark.selected:not(:hover) {
  color: #fff;
  background: rgb(117, 117, 117);
  border: 1px solid rgb(104.25, 104.25, 104.25);
  background-image: linear-gradient(to top, rgb(129.75, 129.75, 129.75), rgb(104.25, 104.25, 104.25));
}

.button-group {
  display: flex;
  align-items: stretch;
}
.button-group > .button, .button-group > button {
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
  line-height: 1em;
  position: relative;
  user-select: none;
}
.button-group > .button:first-child:not(:last-child), .button-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-group > .button:last-child:not(:first-child), .button-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.button-group > .button:not(:first-child):not(:last-child), .button-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group > .button + .button, .button-group > .button + button, .button-group > button + .button, .button-group > button + button {
  margin-left: -1px;
}
.button-group > .button.selected, .button-group > .button.active, .button-group > button.selected, .button-group > button.active {
  z-index: 2;
}
.button-group > .button.disabled, .button-group > button.disabled {
  cursor: default;
  pointer-events: none;
}

.dialogMiddle div.buttons {
  margin-bottom: 0.5em;
}
.dialogMiddle div.buttons a {
  font-size: 0.86em;
  color: #666;
}
.dialogMiddle div.buttons a.selected {
  color: #000;
}

.but button, .but span, .but a {
  vertical-align: middle;
}
.but span {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

.add-open {
  outline: none;
  padding: 4px 9px 2px;
  display: block;
  float: right;
  border-left: 1px solid #ccc;
  color: #ddd;
  font-size: 1.1667em;
  line-height: 1.1667em;
}
.add-open span {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}
.add-open span:before {
  display: inline-block;
}
.add-open span:before {
  content: "\f0d8";
}
.add-open i {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.add-open i:before {
  display: inline-block;
}
.add-open i:before {
  content: "\f0d7";
}

.add-drop {
  position: absolute;
  background: #aaa;
  width: 100%;
  padding-bottom: 7px;
  background: #888;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
  z-index: 1;
}
.add-drop a {
  display: block;
  padding: 0.45em 0 0.45em 27px;
  background: #aaa;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #999;
  cursor: pointer;
}
.add-drop .button, .add-drop .button:hover, .add-drop .button:focus {
  border-width: 1px 0 0 0;
  box-shadow: none;
  border-radius: 0;
}

.add-menu .add-open {
  text-decoration: none;
  padding: 7px 9px;
  line-height: 1;
  font-size: 14px;
}
.add-menu.open .add-open span, .add-menu.auto:hover .add-open span, .add-menu.auto .add-open:hover span {
  display: inline;
}
.add-menu.open .add-open i, .add-menu.auto:hover .add-open i, .add-menu.auto .add-open:hover i {
  display: none;
}
.add-menu.open .button, .add-menu.auto:hover .button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.add-menu.open .add-drop, .add-menu.auto:hover .add-drop {
  display: block;
}

/* ======================================================
 * add button menu
 * width of sidebar and contained boxes: 210px
 * ====================================================== */
.add-menu {
  position: relative;
}

.add-menu, .edit-menu, .form-menu {
  margin: 1em 10px;
}
.add-menu .button, .edit-menu .button, .form-menu .button {
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  padding: 6px 6px;
  line-height: 1;
}

.add-menu .add-drop .button {
  font-size: 1em;
  font-weight: normal;
  padding: 7px 6px 7px 0;
}

.add-button div i {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ddd;
  padding-right: 8px;
}
.add-button div i:before {
  display: inline-block;
}
.add-button div i:before {
  content: "+";
}

.edit-menu i {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ddd;
  padding-right: 8px;
}
.edit-menu i:before {
  display: inline-block;
}
.edit-menu i:before {
  content: "\f303";
}

body, html {
  margin: 0 auto;
  background: #aaa;
  text-align: center;
}

body {
  background: #aaa;
  padding: 5em 0 0 0;
}

#wrapper {
  width: 300px;
  background: #fff;
  text-align: left;
  margin: 0 auto 1em;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 2px 6px 6px #666;
}

#body {
  padding: 20px 20px 0 20px;
}
#body p, #body ul, #body ol, #body li, #body div {
  line-height: 1.5em;
}
#body h1 {
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #eee;
}
#body h2 {
  margin-bottom: 0.5em;
}

#tsi-logo {
  padding-bottom: 1.5em;
}
#tsi-logo img {
  max-width: 250px;
}

#help-button {
  float: right;
}

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none;
}

a {
  text-decoration: none;
}
a, a:hover, a:visited {
  color: #336699;
}

form {
  clear: both;
}

.bottomlinks {
  margin: 0 auto;
  padding: 0.5em 0;
  text-align: center;
  background: #eee;
  color: #aaa;
  border-radius: 0 0 10px 10px;
  font-size: 0.8333em;
}

.footerlinks {
  margin: 0 auto;
  color: #999;
  font-size: 0.8333em;
}
.footerlinks a {
  color: #555;
}
.footerlinks a:hover {
  color: #111;
}

.submit {
  font-size: 1.25em;
  padding: 0.25em 0.75em;
}

.placeholder-container {
  position: relative;
}
.placeholder-container label {
  display: none;
  position: absolute;
  top: 0.5em;
  left: 0.6em;
  font-size: 1.25em;
  color: #bbb;
  font-weight: bold;
}
.placeholder-container.input-empty label {
  display: inline;
}
.placeholder-container input {
  box-sizing: border-box;
  background: transparent;
  font-size: 1.25em;
  padding: 0.5em;
  font-weight: bold;
}
.placeholder-container input {
  width: 100%;
}

#login-options {
  padding-left: 0.25em;
  font-size: 0.8333em;
}
#login-options input, #login-options label {
  vertical-align: middle;
}
#login-options input {
  margin: 0;
}
#login-options input:focus {
  outline: none;
  border: none;
}

.control-block {
  margin-bottom: 1em;
}

.withspacebelow {
  margin-bottom: 1.5em;
}

.getpassword-open .bottomlinks {
  border-radius: 0;
}

#getpassword {
  padding: 20px;
}
#getpassword .desc {
  padding: 1em 0;
}

/*# sourceMappingURL=login.css.map */