@charset "UTF-8";

@import "colors.css";
@import "global.css";
@import "nav.css";
@import "forms.css";
@import "dialogs.css";
@import "icon-elements.css";
@import "ui-elements.css";

@font-face {
  font-family: 'Quicksand';
  src: url('/a/Quicksand-VariableFont_wght.ttf');
}

/* Titles */

h1, h1.pagetitle {
  font-weight: 700;
  font-size: 28px;
  margin: 0;
  outline: 0;
  text-align: center;
  padding: 10px;
}

h2 {
  font-weight: 500;
  font-size: 20px;
  margin: 2px 0;
  outline: 0;
  text-align: center;
}
h2.subtitle {
  padding-left: 10px;
  margin: 10px 0;
  text-align: center;
  font-weight: 700;
}
h3 {
  outline: 0;
}

h3.subtitle {
  margin: 10px 0 5px 0;
}

h2.page-subtitle1 {

}

h3.page-subtitle2 {
  padding: 0;
  text-align: center;
  margin: 0;
  opacity: 0.2;
}

h3.page-subtitle3 {
  font-weight: 900;
  padding: 0;
  text-align: center;
  margin: 0;
}

p.justify {
  text-align: justify;
}

.ficon::after, .ficon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
.fbicon::after, .fbicon::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

/* Footer */
#footer-container {
  background-color: #000;
  color: #ccc;
  width: 100%;
  height: auto;
  padding: 10px;
  position: fixed;
  bottom: 0;
  z-index: 1100;
}

#footer-user-buttons {
  margin-bottom: 10px;
}

#footer-user-buttons .button-style-01 {
  margin: 0;
  padding: 5px;
  font-size: 25px;
  text-align: center;
  background: none;
  color: #0bf;
}

#footer-user-buttons .button-style-01 i {
    margin-right: 0;
    margin-left: 0;
}
/* Theme */

.width-40 {
  width: 40%;
}

.page-title-frame {
  padding: 0 0 10px 0;
  margin: 0 auto;
  background-color: transparent;
}

.page-subtitle-frame {
  padding: 10px 10px 5px 10px;
  margin: 0 auto;
  background-color: #333;
  color: #ccc;
}


div.page-title-sticky {
  margin: 0 auto;
  width: 100%;
  height: auto;
  z-index: 100;
  /*  top:48px; /* same as nav-menu height */
  /*  position: fixed; */
}



div#content-lookup .asterisk,  #lookup-form .asterisk {
  display: inline-block;
  font-size: 26px;
  width: 40px;
  height: 39px;
  padding: 3px 0 0 6px;
  background: #fff;
  margin: 0;
  vertical-align: top;
  color: #666;
  border-radius: 3px 0 0 3px;
}


.spacer20 {
  display: block;
  height: 20px;
}
.spacer40 {
  display: block;
  height: 20px;
}

.dim02 {
  opacity: 0.2;
}
.boldness {
  font-weight: 700;
}

/* Module Colors */

/* ###########
THEME
########### */

a.soft-link-button, button.soft-link-button {
  display: inline-block;
  padding: 3px;
  border-radius: 5px;
  border: solid 1px #6A6C6E44;
  color: #6A6C6E;
  background: none;
}

button.soft-link-button {
  display: block;
  width: auto;
  margin: 10px auto;
}

.soft-link-data {
  display: inline-block;
  padding: 5px 16px 10px 10px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #0bf;
  width: 100%;
}


.ui-widget-content, .ui-widget-content p  {
  /*  background-color: #ccc;
  color: #000; */
}

.button-bar, .startag-modules, #footer-user-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.button-bar a {
  padding: 10px 20px 10px 10px;
  margin: 8px 3px;
  border-radius: 5px;
  background-color: #eee;
  white-space: nowrap;
  color: #000;
}

.options-frame .button-bar a {
  width: auto;
}


h3.page-subtitle {
  padding: 0;
  text-align: center;
  margin: 0;
}

h3.active-off::after {
  padding: 0 0 0 10px;
}

div.data-item {
  padding: 5px 0 0 10px;
  margin-bottom: 10px;
}

div.data-title {
  font-weight: 700;
  padding: 20px 4px 0 0;
  width: auto;
  margin: 0 20px;
  opacity: 0.5;
  text-transform: uppercase;
  color: #09d;
}

div.data-title, div.data-item {
  text-align: left;
}

div.data-title:first-of-type {
  border-top: 0;
}

.starlist-startag-list {
  margin: 0 20px;
}

.module-not-active {
  opacity: 0.2;
}

.feedback-link {
  text-decoration: underline;
}

#feedback-link {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
}

div.startag-title {
  font-size: 12px;
  font-weight: normal;
  padding: 0px 0px 0px 25px;
  width: max-content;
}

div.starlist-box {
  margin: 10px 0;
  display: flex;
  width: 100%;
  flex-direction: column;
}

div.starlist-info-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 2px 0px 2px 22px;
  width: 100%;
}

div.starlist-box a.section-link::after {
  content: '\f054';
  padding: 0 5px 0 0;
  float: right;
  color: #0bf;
}

div.starlist-box a.startag-menu-link {
  flex-grow: 50;
  margin-right: 0;
}

div.starlist-box a.startag-menu-icon {
  flex-grow: 1;
  margin-right: 10px;
  width: 50px;
}

div.starlist-box a.section-startaglist::before {
  content: '\f0ca';
  padding: 0 8px 0 5px;
  color: #0bf;
}

div.starlist-info-box div.ficon::before {
  padding: 0 5px 0 0;
  float: left;
}

div.starlist-info-box div.ficon.views::before {
  content: '\f201';
}

div.starlist-info {
  margin: 0;
  padding: 0 0 0 40px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
}

div.active::before {
  content: '\f058';
  color: #070;
  padding-left: 5px;
}

div.not-active::before {
  content: '\f05e';
  color: red;
  padding-left: 5px;
}

.startag-button-bar {
  display: none;
  width: 100%;
}

.startag-button-bar div.startag-button-bar-flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.startag-button-bar a {
  padding: 10px 20px 10px 10px;
  margin: 4px 3px;
  border-radius: 5px;
  background-color: #0bf;
  white-space: nowrap;
  color: #fff;
  width: 30%;
}
.startag-option {
  margin: 10px 27px 0 37px;
  border-width: 1px 0 0 0;
  border-style: solid;
  padding: 5px 0 0 0;
  border-color: #0bf3;
  width: 80%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
}

div.section {
  padding: 10px 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #0bf;
  border-radius: 10px;
  width: 100%;
}

div.section a {
  display: inline-block;
  font-weight: bold;
  width: auto;
  padding: 10px 5px;
}

a.section {
  display: inline-block;
  font-weight: bold;
  width: auto;
  padding: 0 16px;
/*  border-style: solid;
  border-width: 1px 0;
  border-color: #0bf;
  */
}

a.section-link {
  width: 100%;
}

a.section-link::after {
  content: '\f054';
  padding: 0 5px 0 0;
  float: right;
  color: #0bf;
}

div.startag-name-frame, h4.subtitle {
  margin: 0px 5px 5px 5px;
  padding: 5px;
}

div.startag-name-frame {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

div.startag-name-frame img.startag-icon {
  height: 18px;
  vertical-align: bottom;
}

div.starlist-box a.startag-view-link, div.starlist-box a.startag-share-link {
  flex-grow: 1;
  background: #dff6ff;
}

div.starlist-box a.startag-menu-link::before,
div.starlist-box a.startag-menu-icon::before,
div.starlist-box a.startag-view-link::before,
div.starlist-box a.startag-share-link::before {
  padding: 0 0 0 5px;
  float: right;
}

div.starlist-box a.startag-menu-link,
div.starlist-box a.startag-view-link,
div.starlist-box a.startag-share-link {
  border-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.starlist-box a.startag-view-link,
div.starlist-box a.startag-share-link {
  white-space: nowrap;
}

div.starlist-box a.startag-view-link::before {
  content: '\f054';
}

div.starlist-box a.startag-share-link::before {

}

div.starlist-box a.startag-menu-link::before {
  content: '\f142';
}

div.starlist-box a.startag-menu-link.down::before {
  content: '\f141';
}