#sg-container .grid {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: -5px;
  margin-right: -5px; }

#sg-container .grid__col-4,
#sg-container .grid__col-6,
#sg-container .grid__col-8,
#sg-container .grid__col-12,
#sg-container .grid__col-md-4,
#sg-container .grid__col-md-6,
#sg-container .grid__col-md-8,
#sg-container .grid__col-md-12 {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px; }

#sg-container .grid__col-12 {
  flex-basis: 100%;
  max-width: 100%; }

#sg-container .grid__col-8 {
  flex-basis: 66.66%;
  max-width: 66.66%; }

#sg-container .grid__col-6 {
  flex-basis: 50%;
  max-width: 50%; }

#sg-container .grid__col-4 {
  flex-basis: 33.33%;
  max-width: 33.33%; }

@media (min-width: 768px) {
  #sg-container .grid__col-md-12 {
    flex-basis: 100%;
    max-width: 100%; }
  #sg-container .grid__col-md-8 {
    flex-basis: 66.66%;
    max-width: 66.66%; }
  #sg-container .grid__col-md-6 {
    flex-basis: 50%;
    max-width: 50%; }
  #sg-container .grid__col-md-4 {
    flex-basis: 33.33%;
    max-width: 33.33%; } }

#sg-container img {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  max-width: 100%;
  height: auto; }

#sg-container .component:not(:last-child) {
  box-sizing: border-box;
  margin-bottom: 10px; }

#sg-container .form__field {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  margin-bottom: 10px; }

#sg-container .form__label {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: block;
  margin-bottom: 5px; }

#sg-container .form__input {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  font: inherit;
  color: inherit; }

#sg-container .form__input[disabled],
#sg-container .form__input[readonly] {
  background-color: #EEEEEE; }

#sg-container .form__input:focus {
  border-color: #000000;
  outline-style: none; }

#sg-container .form__select {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  font: inherit;
  color: inherit; }

#sg-container .form__select[disabled],
#sg-container .form__select[readonly] {
  background-color: #EEEEEE; }

#sg-container .form__select:focus {
  border-color: #000000;
  outline-style: none; }

#sg-container .form__checkbox-label {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: block;
  margin-bottom: 5px; }

#sg-container .form__checkbox-label.sg__disabled {
  color: #999999; }

#sg-container .form__checkbox-input[disabled],
#sg-container .form__checkbox-input[readonly] {
  opacity: 0.75; }

#sg-container .button {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  border-style: solid;
  border-width: 1px;
  font: inherit;
  line-height: 1;
  cursor: pointer; }

#sg-container .button.button_success {
  border-color: #5CB85C;
  background-color: #5CB85C;
  color: #FFFFFF; }

#sg-container .button.button_success:hover {
  border-color: #439F43;
  background-color: #439F43; }

#sg-container .button.button_primary {
  border-color: #337AB7;
  background-color: #337AB7;
  color: #FFFFFF; }

#sg-container .button.button_primary:hover {
  border-color: #1A619E;
  background-color: #1A619E; }

#sg-container .button.button_primary[disabled] {
  background-color: #1A619E;
  opacity: 0.5;
  cursor: default; }

#sg-container .button.button_danger {
  border-color: #D9534F;
  background-color: #D9534F;
  color: #FFFFFF; }

#sg-container .button.button_input-group {
  width: 25px;
  margin-left: -1px;
  padding: 5px; }

#sg-container .button.button_danger:hover {
  border-color: #C03A36;
  background-color: #C03A36; }

#sg-container .form__input-group {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: flex; }

#sg-container .form__error {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  font-size: 12px;
  font-weight: bold;
  color: #D9534F; }

#sg-container .result {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  padding: 12.5px;
  border: solid 2px #DDDDDD;
  background-color: #EEEEEE; }

#sg-container .result__content {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: table;
  width: 100%;
  margin: 0;
  border-collapse: collapse; }

#sg-container .result__field {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: table-row; }

#sg-container .result__label {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: table-cell;
  padding: 2.5px;
  font-weight: bold; }

#sg-container .result__value {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: table-cell;
  padding: 2.5px; }

#sg-container .sharing__form {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  margin-bottom: 10px; }

#sg-container .sharing__label {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  font-weight: bold; }

#sg-container .sharing__buttons {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  text-align: center; }

#sg-container .sharing__button {
  box-sizing: content-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  vertical-align: baseline;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  margin-right: 5px; }

@keyframes sgspin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

#sg-container .spin {
  animation-name: sgspin;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-timing-function: linear; }

#sg-container .instruction__h {
  margin: 0;
  margin-bottom: 10px;
  color: #FF5B01;
  font-size: 20px; }

@media print {
  #header {
    display: none; }
  #footer {
    display: none; }
  .print_hidden {
    display: none; } }

#sg-container .sg__highlighted,
.sg__highlighted {
  padding: 12.5px;
  border: solid 2px #DDDDDD;
  background-color: #EEEEEE; }

#sg-container .distance-form__button {
  display: block;
  max-width: 500px;
  margin: auto; }