:root {
  --sythus-label-font-size: 13px;
  --sythus-input-font-size: 14px;
  --sythus-input-background-color: #fefeff;
  --sythus-theme-color: #0081FF;
  --sythus-theme-color-light: #FBFBFF;
  --sythus-dark-color: #DCE1E5;
  --sythus-light-color: #FDFDFD;
  --sythus-menu-height: 36px;
  --sythus-menu-font-size: 14px;
  --sythus-menu-image-size: 14px;
  --sythus-menu-mobile-increment: 5px;
  --sythus-form-title-height: 25px;
  --sythus-form-title-color: #eff4f9;
  --sythus-form-separator-color: #dce1e5;
  --sythus-form-border-radius: 8px;
  --sythus-form-border-color: #b9b9b9;
  --sythus-form-padding: 4px;
  --sythus-form-body-color: #fdfdfd;
}

form {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 11pt;
  margin-bottom: 0;
}

p {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

button {
  border-color: var(--sythus-theme-color);
  background-color: var(--sythus-theme-color);
  font-size: var(--sythus-input-font-size);
  font-weight: 600;
  color: white;
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  margin-bottom: 1px;
  margin-top: 1px;
  border-radius: 10px;
}

input {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: var(--sythus-input-font-size);
  font-weight: bold;
  background-color: var(--sythus-input-background-color);
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
  border-radius: 4px;
  margin-bottom: 1px;
  margin-top: 1px;
}

  input[type=button], input[type=submit], input[type=reset] {
    border-color: var(--sythus-theme-color);
    border-radius: 10px;
    background-color: var(--sythus-theme-color);
    font-size: var(--sythus-input-font-size);
    font-weight: 600;
    color: white;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-bottom: 1px;
    margin-top: 1px;
  }

select {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: var(--sythus-input-font-size);
  font-weight: bold;
  background-color: var(--sythus-input-background-color);
  background-position: right 4px center;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 21px;
  padding-bottom: 1px;
  border-style: solid;
  border-width: thin;
  border-radius: 4px;
  margin-bottom: 1px;
  margin-top: 1px;
}

  select option {
    font-weight: 600;
    font-size: var(--sythus-label-font-size);
  }

table {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-collapse: collapse;
  border-style: none;
  border-spacing: 0;
  border-width: 0;
}

td {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-style: none;
  padding: 1px;
  text-align: left;
  vertical-align: top;
}

th {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-style: none;
  padding: 1px;
  text-align: left;
  vertical-align: top;
  font-weight: 600;
}

body {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 13pt;
  border-spacing: 0;
  padding: 1px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

a {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: Black;
  text-decoration: none;
}

  a:hover, a:focus, a:active {
    color: red;
  }

  a.MenuItem {
    font-size: 10pt;
  }

table.MenuItem {
  font-size: 10pt;
  padding: 3px;
}

td.MenuItem {
  font-size: 10pt;
  padding: 3px;
}

td.SelectecGuide {
  font-size: 10pt;
  text-align: center;
  padding: 3px;
  /*
    background-color: #EFF4F8;
  background: var(--sythus-light-color);
  background-color: var(--sythus-light-color);
  border-left: 3px solid #F7F9FB;
  border-right: 3px solid #808080;
  border-top: 3px solid #F7F9FB;
  border-bottom: 3px hidden #EFF4F8;
  */
  font-weight: 600;
  text-align: center;
  padding-top: 1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-left-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: var(--sythus-form-border-color);
  border-left-color: var(--sythus-form-border-color);
  border-right-color: var(--sythus-form-border-color);
  border-bottom-color: var(--sythus-light-color);
  background: var(--sythus-light-color);
  animation: none;
  -webkit-animation: none;
}

td.UnSelectecGuide {
  font-size: 10pt;
  text-align: center;
  padding: 3px;
  /*
  background-color: White;
  border-left: 3px solid White;
  border-right: 3px solid White;
  border-top: 3px solid White;
  border-bottom: 3px solid #F7F9FB;
  font-weight: 600;
    */
  text-align: center;
  padding-top: 3px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-left-style: none;
  border-left-color: var(--sythus-dark-color);
  border-top-style: none;
  border-top-color: var(--sythus-dark-color);
  border-right-style: none;
  border-right-color: var(--sythus-dark-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--sythus-form-border-color);
  background: White;
  animation: none;
  -webkit-animation: none;
}

td.BodyGuide {
  padding: 10px;
  background: var(--sythus-light-color);
  border-top: 1px solid var(--sythus-form-border-color);
  border-left: 1px solid var(--sythus-form-border-color);
  border-right: 1px solid var(--sythus-form-border-color);
  border-bottom: 1px solid var(--sythus-form-border-color);
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

table.GridList {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-top: 2px solid var(--sythus-form-border-color);
  border-bottom: 2px solid var(--sythus-form-border-color);
  border-left: 1px solid var(--sythus-form-border-color);
  border-right: 1px solid var(--sythus-form-border-color);
}

th.GridList {
  border-style: none;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  font-weight: 600;
  background-color: var(--sythus-dark-color);
  border-top: 2px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: none;
  border-right: none;
}

td.GridList {
  border-style: none;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  background-color: White;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-left: none;
  border-right: none;
}

td.GridListSelected {
  border-style: none;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  background-color: #E6E6E6;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-left: none;
  border-right: none;
}

table.TableData {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-collapse: collapse;
  border-spacing: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 2px solid var(--sythus-form-border-color);
  border-bottom: 2px solid var(--sythus-form-border-color);
  border-left: 1px solid var(--sythus-form-border-color);
  border-right: 1px solid var(--sythus-form-border-color);
}

  table.TableData td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    vertical-align: top;
    line-height: 1.2;
    background-color: var(--sythus-light-color);
    border-top: 1px solid var(--sythus-form-border-color);
    border-bottom: 1px solid var(--sythus-form-border-color);
    border-left: 1px solid var(--sythus-form-border-color);
    border-right: 1px solid var(--sythus-form-border-color);
    overflow-wrap: break-word;
  }