/* Variables */
/* Newsletter Studio Brand Colors*/
/* Responisve */
/* 
 HTML 5 reset stylesheet
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
* {
  margin: 0;
  box-sizing: border-box;
  word-break: break-word;
  word-wrap: break-word;
}
body,
html {
  line-height: 1;
  height: 100% !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: underline;
}
button:focus,
a:focus {
  outline: 0;
}
ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}
mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
/* END html5 reset stylesheet */

/* toogle group start*/

.toggle-group {
  position: relative;
}
.toggle-group ul.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  background: white;
  margin: 0;
  margin-top: 4px;
  border-radius: 4px;
  padding: 10px 15px;
  box-shadow: 0px 4px 4px #d2d2d2;
}
.toggle-group ul.dropdown-menu li {
  font-size: 14px;
  font-weight: bold;
  color: rgba(37, 60, 86, 0.7);
  line-height: 28px;
}
.toggle-group ul.dropdown-menu li a {
  font-weight: normal;
  font-size: 14px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  line-height: 28px;
}
.toggle-group ul.dropdown-menu li a:link,
.toggle-group ul.dropdown-menu li a:visited {
  color: rgba(37, 60, 86, 0.7);
}
.toggle-group ul.dropdown-menu li.divider {
  border-bottom: 1px solid #667789;
  opacity: 0.3;
  border-radius: 4px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.toggle-group.open .dropdown-menu {
  display: block;
  z-index: 1;
}
/* toggle group end*/

/* Spinner inspo: https://codepen.io/claviska/pen/MoLWbj */

.btn {
  /* defaults */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  /* 2 */
  overflow: visible;
  text-transform: none;
  /* end defaults */
  background: #31d843;
  border: 1px solid #31d843;
  display: inline-block;
  justify-content: center;
  border-radius: 5px;
  white-space: nowrap;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 1.6rem;
  color: white;
  text-decoration: none;
  font-weight: 700;
}
.btn svg {
  margin-right: 0.6rem;
}
.btn:link,
.btn:visited {
  color: white;
}
.btn:hover {
  background: #33de45;
}
.btn:active {
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.btn-big {
  padding: 1.5rem 4rem;
  font-size: 1.6rem;
}
.btn-small {
  padding: 1rem 2rem;
  font-size: 1.2rem;
}
.btn-critical {
  background: #bb1a64;
  border-color: #bb1a64;
}
.btn-critical:hover {
  background: #c4216c;
  border-color: #c4216c;
}
.btn-info {
  background-color: #dedede;
  border-color: #dedede;
  color: #083d77;
}
.btn-info:link,
.btn-info:visited {
  color: #083d77;
}
.btn-info:hover {
  background: #efefef;
}
.btn-inverted {
  background: none;
  border: 1px solid white;
  box-shadow: none;
  text-shadow: none;
  color: white;
}
.btn-inverted:link,
.btn-inverted:visited {
  color: white;
}
.btn-inverted:hover {
  background: none;
}
.btn-orange,
.btn-big-orange {
  background: #de8a04;
  background: -moz-linear-gradient(top, #f7a501 0, #de8a04);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7a501), to(#de8a04));
  background: -o-linear-gradient(top, #f7a501 0, #de8a04);
  background: -ms-linear-gradient(top, #f7a501 0, #de8a04);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a501', endColorstr='#de8a04', GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a501', endColorstr='#de8a04', GradientType=0);
  background: linear-gradient(top, #f7a501 0, #de8a04);
  text-shadow: 1px 1px 2px rgba(210, 131, 0, 0.75);
}
.btn-success {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #88bd32;
  *background-color: #88bd32;
  background-image: -moz-linear-gradient(top, #acd341, #88bd32);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#acd341), to(#88bd32));
  background-image: -webkit-linear-gradient(top, #acd341, #88bd32);
  background-image: -o-linear-gradient(top, #acd341, #88bd32);
  background-image: linear-gradient(to bottom, #acd341, #88bd32);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: white;
  background-color: #39c848;
}
/* reset button css */

.btn-action {
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}
.btn-success,
.btn-green {
  background: #31d843;
}
.btn-success:hover,
.btn-green:hover {
  background: #33de45;
}
.btn-action {
  background: #6527e2;
  color: white;
  padding: 10px 20px;
  border-radius: 3px;
}
.btn-action__inactive {
  background: #a87efd;
}
.btn-shadow {
  position: relative;
  background: white;
  color: #083d77;
  border: 4px solid white;
  box-shadow: 0px 4px 14px 7px rgba(8, 46, 88, 0.1);
  border-radius: 10px;
  font-size: 2rem;
  padding: 1.3rem 3rem;
}
.btn-shadow:hover {
  background: white;
  border: 4px solid rgba(111, 216, 49, 0.5);
}
.btn-shadow.btn-selected {
  border: 4px solid #6fd831;
}
.btn-shadow > span.badge {
  position: absolute;
  right: -4rem;
  top: -2rem;
  background: #6527e2;
}
.btn-shadow:link,
.btn-shadow:visited {
  color: #083d77;
}
.btn:not(.btn-shadow):focus {
  outline: 0;
}
.btn:not(.btn-shadow):not(.dropdown-toggle).loading > span:nth-child(1) {
  opacity: 1;
}
.btn:not(.btn-shadow):not(.dropdown-toggle).loading > span:nth-child(2) {
  opacity: 0;
}
.btn:not(.btn-shadow):not(.dropdown-toggle) > span:nth-child(1) {
  display: block;
  margin: -1px auto 0 auto;
  /* Spinner size and color */
  width: 2.2rem;
  height: 2.2rem;
  border-top-color: white;
  border-left-color: white;
  /* Additional spinner styles */
  animation: spinner 500ms linear infinite;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 3px;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.1s linear;
}
.btn:not(.btn-shadow):not(.dropdown-toggle) > span:nth-child(2) {
  display: block;
  margin-top: -23px;
  transition: opacity 0.1s linear;
}
/* Animation styles */

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
header {
  background: url(/Assets/header-bg-new2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  padding-bottom: 0.5rem;
  background-color: #082a5c;
}
header > section {
  margin: 0 auto;
  padding: 1.5rem 2rem 0 2rem;
  max-width: 102rem;
  display: flex;
  justify-content: space-between;
}
header > section div.logo img {
  width: 17rem;
}
header > section nav ul {
  display: flex;
  list-style: none;
  margin-top: 14px;
}
header > section nav ul li {
  margin: 0 10px;
}
header > section nav ul li a {
  line-height: 38px;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  font-size: 18px;
  color: white;
  font-weight: normal;
  border-radius: 5px;
}
header > section nav ul li a:link,
header > section nav ul li a:visited {
  color: white;
}
header > section nav ul li.user a.btn,
header > section nav ul li.user button.btn {
  display: flex;
  align-items: center;
  width: 155px;
  font-size: 16px;
}
header > section nav ul li.user a.btn > *,
header > section nav ul li.user button.btn > * {
  margin: 0 5px;
}
#menutoggle {
  background-color: transparent;
  border: none;
  position: relative;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  width: 57px;
  margin: 3px 2px 0 0;
  padding: 20px;
}
#menutoggle > span:not(.meta) {
  display: block;
  position: absolute;
  height: 4px;
  width: 28px;
  background: white;
  border-radius: 2px;
  opacity: 1;
  right: 15px;
  transform: rotate(0deg) translateZ(0);
  transition: 0.25s ease-in-out;
}
#menutoggle > span:not(.meta):nth-child(1) {
  top: 18px;
}
#menutoggle > span:not(.meta):nth-child(2),
#menutoggle > span:not(.meta):nth-child(3) {
  top: 27px;
}
#menutoggle > span:not(.meta):nth-child(4) {
  top: 36px;
}
/* hero */

.hero-overlap {
  background: white;
  max-width: 102rem;
  margin: -15rem auto 0 auto;
  padding: 3rem 2rem 2rem 2rem;
  min-height: 35rem;
}
.hero-overlap h2 {
  text-align: center;
  font-weight: 500;
  font-size: 2.2rem;
}
.hero h1 {
  color: white;
}
.hero a {
  color: white;
}
.hero a:link,
.hero a:visited {
  color: white;
}
@media screen and (max-width: 768px) {
  header > section {
    width: 100%;
    padding: 0;
  }
  header > section div.logo {
    margin-top: 1rem;
    margin-left: 10px;
    max-width: 15rem;
  }
  header > section nav {
    z-index: 2;
    height: 0;
    overflow: hidden;
    margin-top: 6.8rem;
    position: fixed;
    width: 100%;
    background: #052f6a;
    transition: height ease-out 0.2s;
  }
  header > section nav ul {
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding-top: 20px;
  }
  header > section nav ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 20px;
  }
  header > section nav ul li a {
    padding: 0;
  }
  header > section nav ul li.user {
    padding-bottom: 80px;
  }
  header > section nav ul li.user .toggle-group ul.dropdown-menu {
    position: relative;
  }
  header > section nav ul li.user ul li {
    padding: 10px 10px;
  }
  body.showmobilemenu #menutoggle > span:not(.meta):nth-child(2) {
    transform: rotate(45deg) translateZ(0);
  }
  body.showmobilemenu #menutoggle > span:not(.meta):nth-child(3) {
    transform: rotate(-45deg) translateZ(0);
  }
  body.showmobilemenu #menutoggle > span:not(.meta):nth-child(1),
  body.showmobilemenu #menutoggle > span:not(.meta):nth-child(4) {
    top: 27px;
    width: 0%;
    right: 50%;
    opacity: 0;
  }
  body.showmobilemenu section nav {
    overflow-y: auto;
    height: calc(100vh -  6.8rem );
    border-top: 1px rgba(128, 144, 190, 0.3) solid;
  }
}
.submenu {
  padding-top: 4rem;
  margin-bottom: 4rem;
}
.submenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid rgba(8, 61, 119, 0.19);
}
.submenu ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.submenu ul li a {
  padding: 1rem 3rem;
  display: inline-block;
  color: rgba(8, 61, 119, 0.7);
  text-decoration: none;
  font-size: 1.8rem;
}
.submenu ul li.current {
  border-bottom: 2px solid #083d77;
  margin-bottom: -2px;
}
.submenu ul li.current a {
  color: #083d77;
  font-weight: 700;
}
/*
.submenu {
    background: #f1eaff;
    border-bottom: 1px solid #dadada;
    padding-top: 17px;

    ul {
        list-style: none;
        padding: 0;
        margin: 0;

        li {
            padding: 0;
            margin: 0;
            display: inline-block;

            a {
                padding: 13px 29px;
                display: inline-block;
                background: @btn-action-inactive;
                color: #fff;
                text-decoration: none;
            }

            &.current {
                a {
                    background: @btn-action;
                }
            }
        }
    }
}
*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  border-radius: 5px;
  height: 40px;
  box-shadow: inset 0 1px 1px #eeeeee;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  outline: 0;
  -webkit-appearance: none;
  font-size: 16px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: #52a8eccc;
  box-shadow: inset 0 1px 1px #52a8eccc, 0 0 8px #52a8eccc;
}
select {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  border-radius: 5px;
  height: 40px;
  box-shadow: inset 0 1px 1px #eeeeee;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  outline: 0;
  font-size: 16px;
}
footer {
  background: #0c203f;
  padding: 3rem 0;
}
footer img {
  width: 17rem;
}
footer p,
footer li,
footer h5,
footer a {
  font-size: 1.4rem;
  color: white;
  text-decoration: none;
}
footer h5 {
  font-size: 1.6rem;
  font-weight: 500;
}
footer ul {
  list-style: none;
}
footer ul li {
  margin-top: 0.5rem;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer ul li svg {
  fill: white;
  margin-right: 0.8rem;
  width: 1.8rem;
  height: 1.8rem;
}
footer a {
  color: white;
}
footer a:link,
footer a:visited {
  color: white;
}
footer > section {
  display: flex;
  max-width: 102rem;
  margin: 0 auto;
  flex-direction: column;
  align-content: center;
  padding: 10rem 2rem 2rem 2rem;
}
footer > section > div {
  display: flex;
}
footer > section > div:nth-child(1) > div {
  flex-basis: 0;
  flex-grow: 1;
}
footer > section > div:nth-child(1) > div:nth-child(1) {
  flex-basis: 0;
  flex-grow: 1.5;
}
footer > section > div:nth-child(2) {
  padding-top: 4rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  footer > section {
    padding-top: 1rem;
    /*last row with copyright*/
  
  }
  footer > section > div {
    display: block;
  }
  footer > section > div > div {
    margin-top: 4rem;
  }
  footer > section > div:nth-child(2) {
    padding-top: 0rem;
    display: block;
  }
}
table td.action {
  text-align: right;
}
table.table-summery {
  width: 100%;
  margin-bottom: 5px;
}
table.table-summery td,
table.table-summery th {
  line-height: 40px;
}
table.table-summery th {
  text-align: left;
}
table.table-summery td {
  border-top: 1px solid #dddddd;
}
.login {
  display: flex;
  justify-content: center;
  margin-top: 10rem;
  margin-bottom: 40rem;
}
.login > div {
  max-width: 40rem;
  width: 100%;
}
.login > div label {
  font-weight: bold;
  display: block;
}
.login > div label div {
  margin-top: 0.3rem;
}
.login > div label + label {
  margin-top: 1.5rem;
}
.login > div input {
  margin-top: 4px;
  width: 100%;
}
.login > div .validation-summary-errors {
  color: red;
}
.login > div .toolbox {
  border-top: 0;
  margin-top: 0;
  padding-top: 2rem;
  justify-content: space-between;
}
.login > div .toolbox > * {
  margin: 0;
}
.control-box {
  margin-top: 1rem;
  box-sizing: border-box;
  padding: 20px;
  background: whitesmoke;
  border: 1px solid #d9d9d9;
  margin-bottom: 15px;
  position: relative;
  border-radius: 0.5rem;
}
.control-box div.error {
  margin-top: 5px;
  color: red;
}
.control-box label {
  margin-bottom: 25px;
  display: flex;
}
.control-box label > span {
  flex: 0 0 300px;
  margin-right: 20px;
  font-size: 16px;
  font-weight: bold;
}
.control-box label > span small {
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.3em;
}
.control-box label > div {
  flex-grow: 1;
}
.control-box label input {
  width: 85%;
  margin: 0 0 5px 0;
}
.control-box label select {
  width: 88%;
  font-size: 16px;
  height: 40px;
}
.control-box label > div.input-addon {
  margin-top: 15px;
  display: flex;
}
.control-box label > div.input-addon > div:nth-child(1) {
  background: #e3e3e3;
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #cccccc;
  border-right: 0;
}
.control-box label > div.input-addon > div:nth-child(3) {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.control-box label > div.input-addon > div:nth-child(3) > div {
  padding: 4px;
  border-radius: 5px;
}
.control-box label > div.input-addon > div:nth-child(3) > div svg {
  fill: white;
  width: 2.2rem;
  height: 2.2rem;
}
.control-box label > div.input-addon > div:nth-child(3) > div.valid {
  background-color: #a1cd3d;
}
.control-box label > div.input-addon > div:nth-child(3) > div.invalid {
  background-color: #e52020;
}
.control-box label > div.input-addon input {
  width: 78%;
  margin: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.control-box label.checkbox {
  padding: 0;
}
.control-box label.checkbox > input[type=checkbox] {
  width: auto;
  margin: 3px 10px 0 0;
  height: auto;
}
.control-box label.checkbox > span {
  flex: unset;
  margin-right: 0;
  font-size: inherit;
  font-weight: normal;
}
@media only screen and (max-width: 1000px) {
  .control-box label {
    display: block;
  }
  .control-box label > span {
    display: block;
  }
  .control-box label > div input {
    margin: 5px 0 0 0;
  }
}
#signup {
  position: fixed;
  z-index: 10000;
  right: 1rem;
  bottom: 1.1rem;
  width: 32.5rem;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  transition: opacity 0.5s;
}
#signup .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4.4rem;
  background: #8447ff;
  padding: 0 0 0 1.3rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#signup .header:hover {
  cursor: pointer;
}
#signup .header .interact {
  display: block;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  background-size: 80rem 80rem;
  background-position: -0.7% 5.3%;
  transform: rotate(-180deg);
  transition: all 0.5s ease-in-out;
}
#signup .header h2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.115em;
  margin: 0 0 0.1rem 0;
  color: white;
  text-transform: none;
}
#signup .header h2 a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  width: 0;
}
#signup .header h2 a span {
  display: none;
}
#signup .header h2 a:before {
  content: attr(data-salespitch);
  white-space: nowrap;
}
#signup .header h2 a:hover {
  text-decoration: none;
}
#signup.confirmed .header .interact {
  background-size: 110rem 110rem;
  background-position: 13.8% 5.5%;
  transition: none;
}
#signup.confirmed .header h2 a:before {
  content: attr(data-signedup);
}
#signup.disappear {
  opacity: 0;
}
#signup .signupcontent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s cubic-bezier(0, 0.7, 0.5, 1);
  transform: translateZ(0);
  background-color: white;
  border-top: 0;
  padding: 0 1px;
}
#signup .signupcontent > div {
  padding: 1rem 1.2rem 1.2rem;
}
#signup .signupcontent p {
  font-size: 1.6rem;
  line-height: 1.4em;
}
#signup .signupcontent .disclaimer {
  font-size: 1.4rem;
  margin-top: 1rem;
}
#signup .signupcontent form {
  margin: 0;
}
#signup .signupcontent form label {
  margin-top: 1rem;
  display: block;
  /*& > input {
					width: 100%;
					font-size: 16px;
					line-height: 1.25em;
					font-weight: 700;
					padding: .4rem 0 .4rem;
					margin: -.7rem 0 .4rem;
					border: none;
					//color: @color;
					border-bottom: 2px solid #ff00ff;
					background: transparent;

					&:focus {
						outline: none;
					}
				}*/

}
#signup .signupcontent form label.error input {
  border-color: red;
}
#signup .signupcontent form label > span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}
#signup .signupcontent form label > input {
  margin-top: 5px;
  width: 100%;
}
#signup .signupcontent form div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
#signup .signupcontent form div button {
  font-size: 1.7rem;
  line-height: 1em;
  font-weight: 700;
  border: none;
  padding: 1rem 1.5rem 1.1rem;
  margin: 1rem 0 0;
}
#signup .signupcontent form div a {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}
#signup .signupcontent form div a:hover {
  text-decoration: underline;
}
#signup.expanded .header .interact {
  background-size: 80rem 80rem;
  transform: rotate(0deg);
  background-position: -0.8% 5.3%;
}
#signup.expanded .signupcontent {
  padding: 0;
  max-height: 30.5rem;
  transition: max-height 1s cubic-bezier(0, -1, 0, 1);
}
@media only screen and (max-width: 670px) {
  .trippage #signup,
  tripcategorypage #signup {
    bottom: 54px;
  }
}
@media only screen and (max-width: 520px) {
  #signup {
    width: calc(100% - 2rem);
    left: 1rem;
  }
}
@media only screen and (max-width: 374px) {
  .trippage #signup,
  tripcategorypage #signup {
    bottom: 46px;
  }
}
/* Variables */
/* Newsletter Studio Brand Colors*/
/* Responisve */
ul.blog-listing {
  max-width: 108rem;
  margin: 3rem auto 3rem auto;
  padding-bottom: 4rem;
}
ul.blog-listing > li {
  margin: 8rem 0 8rem 0;
}
ul.blog-listing > li div.blog-listing--header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 2rem;
}
ul.blog-listing > li div.blog-listing--header a {
  text-decoration: none;
}
ul.blog-listing > li div.blog-listing--header time {
  font-size: 1.6rem;
}
ul.blog-listing > li div.blog-listing--header h2 {
  max-width: 90rem;
  font-size: 3.4rem;
}
ul.blog-listing > li div.blog-listing--content {
  display: flex;
}
ul.blog-listing > li div.blog-listing--content img {
  max-width: 54rem;
  box-shadow: 8px 11px 37px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
ul.blog-listing > li div.blog-listing--content .blog-listing--readmore {
  margin-top: 2rem;
}
ul.blog-listing > li div.blog-listing--content .blog-listing--readmore a {
  text-decoration: none;
}
ul.blog-listing > li div.blog-listing--content > div:nth-child(1) {
  max-width: 80rem;
  padding-right: 4rem;
}
@media only screen and (max-width: 1000px) {
  ul.blog-listing {
    margin: 3rem 2rem 3rem 2rem;
  }
  ul.blog-listing > li div.blog-listing--header {
    display: block;
  }
  ul.blog-listing > li div.blog-listing--content {
    flex-direction: column-reverse;
  }
  ul.blog-listing > li div.blog-listing--content > div:nth-child(1) {
    margin-top: 3rem;
  }
  ul.blog-listing > li div.blog-listing--content img {
    max-width: 100%;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.15);
  }
}
.alert {
  max-width: 86rem;
  margin: 1rem auto 2rem auto;
  padding: 2rem;
  background: #991bad;
  color: white;
}
.alert a,
.alert a:hover,
.alert a:link,
.alert a:visited {
  color: white;
}
.boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
  max-width: 86rem;
  margin: 0 auto;
}
.boxes > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
  padding: 4rem;
}
.boxes > * a {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.8rem;
}
.boxes > * .boxes--icon {
  height: 7rem;
}
.boxes > * p {
  text-align: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .boxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 450px) {
  .boxes {
    grid-template-columns: 1fr;
  }
}
.hero.block-hero {
  padding: 8rem 2rem 12rem 2rem;
}
.install-wizard {
  width: 90rem;
  max-width: 100%;
  margin: 8rem auto 30rem auto;
  text-align: center;
}
.install-wizard div.install-wizard__buttons {
  margin: 6rem 0;
  display: flex;
  justify-content: space-between;
}
.install-wizard div.install-wizard__buttons.instal-wizard__buttons--horizontal {
  margin: 4rem 0;
  flex-direction: column;
  align-items: center;
}
.install-wizard div.install-wizard__buttons.instal-wizard__buttons--horizontal .btn {
  width: 28rem;
  max-width: 100%;
  padding: 1rem 1rem;
}
.install-wizard div.install-wizard__buttons.instal-wizard__buttons--horizontal .btn + .btn {
  margin-top: 2rem;
}
.install-wizard div.install-wizard__buttons.instal-wizard__buttons--horizontal .btn .badge {
  font-size: 1rem;
  right: -2rem;
  top: -1.5rem;
}
.install-wizard .install-wizard__versions {
  width: 60rem;
  max-width: 100%;
  margin: 0 auto;
}
.install-wizard .install-wizard__versions > div .nuget-box {
  margin-top: 2rem;
}
.install-wizard .install-wizard__versions > div .install-wizard__nuget-link {
  margin-top: 4rem;
}
.install-wizard .install-wizard__versions > div .install-wizard__pre-release {
  margin-top: 4rem;
}
.install-wizard .install-wizard__versions > div .install-wizard__pre-release a {
  background: #6527e2;
  padding: 1rem 2rem;
  border-radius: 1.5rem;
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
}
.install-wizard .install-wizard__versions > div .install-wizard__release-history {
  margin-top: 4rem;
}
.install-wizard .install-wizard__versions > div .install-wizard__release-history a {
  text-decoration: none;
  font-size: 1.6rem;
  color: rgba(37, 60, 86, 0.7);
}
.install-wizard .hidden {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .install-wizard {
    padding: 0 2rem;
  }
  .install-wizard div.install-wizard__buttons {
    margin: 4rem 0;
    flex-direction: column;
    align-items: center;
  }
  .install-wizard div.install-wizard__buttons .btn {
    width: 23rem;
    max-width: 100%;
    font-size: 1.4rem;
    padding: 1rem 1rem;
  }
  .install-wizard div.install-wizard__buttons .btn + .btn {
    margin-top: 2rem;
  }
  .install-wizard div.install-wizard__buttons .btn .badge {
    font-size: 1rem;
    right: -2rem;
    top: -1.5rem;
  }
}
.boxes-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 0 2rem;
}
.boxes-section.box-section--overlap {
  margin-top: -5rem;
  margin-bottom: 0;
  padding-bottom: 8rem;
}
.block-image {
  background: white;
  padding: 20px 0;
}
.block-imageandtext {
  background: white;
  padding: 2rem 0;
}
.block-imageandtext .rte {
  max-width: 86rem;
  margin: 0 auto;
}
.block-imageandtext .rte img {
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  
}
.block-twotextcols {
  background: white;
  padding: 2rem 0;
}
.block-twotextcols .container {
  display: flex;
  flex-direction: row;
}
.block-twotextcols .container > div {
  flex-basis: 50%;
}
@media screen and (max-width: 768px) {
  .block-twotextcols .container {
    padding: 2rem 2rem;
    display: block;
  }
  .block-twotextcols .container > div {
    flex-basis: unset;
  }
}
.block-video video {
  max-width: 100%;
  border-radius: 1rem;
  box-shadow: 0px 0 12px 0px rgba(0, 0, 0, 0.15);
}
.block-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 1.777777778;
  border-radius: 1rem;
}
.hero {
  text-align: center;
}
.hero > div {
  background: url(/Assets/circles.svg);
  background-repeat: no-repeat;
  background-position: 50% 70%;
  background-size: 100%;
  max-width: 89rem;
  margin: 0 auto;
}
.hero > div > div:nth-child(1) {
  max-width: 70rem;
  text-align: center;
  margin: 7rem auto 0 auto;
  padding: 0rem 2rem;
}
.hero > div > div:nth-child(1) > div {
  margin-top: 4rem;
}
.hero > div > div:nth-child(1) > div:last-child {
  margin-bottom: 6.5rem;
}
.hero > div > div:nth-child(1) > div:last-child a:first-child {
  margin-right: 4rem;
}
.hero > div > div:nth-child(1) h1 {
  font-size: 4.8rem;
  line-height: 1.2em;
}
.hero > div > div:nth-child(1) p {
  font-size: 1.6rem;
  line-height: 1.5em;
}
.hero .tag {
  font-size: 1.2rem;
}
.hero .tag > span:nth-child(1) {
  background: white;
  padding: 0.7rem 3rem 0.7rem 1.5rem;
  color: #083d77;
  border-radius: 20px;
}
.hero .tag > span:nth-child(2) {
  background: #3544b1;
  padding: 0.7rem 1rem;
  border-radius: 20px;
  margin-left: -2.5rem;
}
.hero .tag > span:nth-child(2) img {
  vertical-align: text-bottom;
  width: 6rem;
}
.hero div.video {
  position: relative;
  height: 0px;
  width: 100%;
  /*padding-top: 56.25%;*/
  padding-top: 53.8%;
  margin-bottom: 25%;
}
.hero video {
  opacity: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem;
  transition: opacity 0.5s;
}
.hero video.loaded {
  opacity: 1;
}
.hero-overlap {
  margin-bottom: 6rem;
}
.hero-overlap > div {
  display: flex;
}
.hero-overlap > div > div {
  flex: 1 0 21%;
  text-align: center;
  padding: 3rem;
  /* icon container*/

}
.hero-overlap > div > div > div:nth-child(1) {
  min-height: 10.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-overlap h3 {
  font-size: 1.8rem;
}
.hero-overlap p {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero {
    padding: 2rem 2rem;
  }
  .hero > div {
    background-position: 50% 55%;
  }
  .hero > div > div:nth-child(1) {
    margin-top: 2rem;
  }
  .hero > div > div:nth-child(1) h1 {
    font-size: 3.5rem;
  }
  .hero > div > div:nth-child(1) > div:last-child {
    margin-bottom: 2rem;
  }
  .hero > div > div:nth-child(1) > div:last-child a {
    padding: 1.5rem 2rem;
  }
  .hero > div > div:nth-child(1) > div:last-child a:first-child {
    margin-right: 2rem;
  }
  .hero div.video {
    margin-bottom: 40%;
  }
  .hero video {
    margin-top: 1.5rem;
    padding: 0;
    border-radius: 0.5rem;
  }
  .hero-overlap > div {
    display: block;
  }
}
@media screen and (max-width: 450px) {
  .homepage .hero {
    padding: 1rem 1rem 6rem 1rem;
  }
  .homepage .hero > div {
    background-position: 50% 75%;
  }
}
ul.feature-headline > li {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid gainsboro;
  margin-bottom: 40px;
}
ul.feature-headline > li > div {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
ul.feature-headline .feature-headline-left img {
  padding: 5px;
  -moz-box-shadow: 0px 0px 10px lightgray;
  -webkit-box-shadow: 0px 0px 10px lightgray;
  box-shadow: 0px 0px 10px lightgray;
  background: white;
}
ul.feature-headline .feature-headline-right {
  padding-top: 35px;
  padding-bottom: 35px;
}
.newsletter-features {
  padding: 0 2rem;
  padding-top: 58px;
  padding-bottom: 57px;
}
.newsletter-features > section {
  display: flex;
}
.newsletter-features + section {
  padding-top: 25px;
}
.newsletter-features .newsletter-features-right {
  width: 290px;
  margin-left: 60px;
  height: 154px;
  background: url(img/sprites.png) 0 -200px no-repeat;
  float: left;
}
@media screen and (max-width: 768px) {
  ul.feature-headline > li {
    list-style: none;
    flex-direction: column-reverse;
  }
  ul.feature-headline > li > div img {
    width: 90%;
  }
  /* "hero" used on multiple pages*/
  
  .newsletter-features {
    padding-top: 10px;
    padding-bottom: 35px;
  }
  .newsletter-features-right {
    display: none;
  }
}
section.documentation {
  margin: 0 auto;
  margin-top: 120px;
  max-width: 1350px;
  display: flex;
  justify-content: space-between;
}
section.documentation > div:nth-child(1) {
  width: 20%;
  padding-right: 20px;
}
section.documentation > div:nth-child(1) > div {
  padding: 0 10px;
  position: sticky;
  top: 120px;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 120px);
}
section.documentation > div:nth-child(1) > div select {
  font-size: 18px;
  font-family: SFProDisplay;
  font-weight: 100;
  margin: 15px 0 15px 0;
  width: 100%;
  color: #4a5765;
}
section.documentation > div:nth-child(1) > div select optgroup {
  padding: 5px;
  margin: 10px;
}
section.documentation > div:nth-child(1) > div select option {
  color: #4a5765;
  font-weight: 400;
  font-style: normal;
}
section.documentation > div:nth-child(1) > div select > option {
  font-style: italic;
}
section.documentation > div:nth-child(2) {
  min-height: 100vh;
  width: 80%;
  display: flex;
}
section.documentation > div:nth-child(2) > div:nth-child(1) {
  background: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 15px 60px;
  width: 75%;
}
section.documentation > div:nth-child(2) > aside:nth-child(2) {
  width: 25%;
  padding: 0 0 0 20px;
  font-size: 13px;
}
section.documentation > div:nth-child(2) > aside:nth-child(2) > div {
  top: 120px;
  position: sticky;
}
section.documentation > div:nth-child(2) > aside:nth-child(2) > div ul {
  margin-top: 10px;
}
section.documentation > div:nth-child(2) > aside:nth-child(2) > div ul li {
  margin-bottom: 10px;
}
section.documentation > div:nth-child(2) > aside:nth-child(2) > div ul li a {
  font-weight: normal;
}
section.documentation ul.nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
section.documentation ul.nav li {
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
  position: relative;
  font-size: 16px;
  color: #083d77;
}
section.documentation ul.nav li a {
  display: block;
  color: #083d77;
  text-decoration: none;
  font-weight: 100;
  text-transform: none;
}
section.documentation ul.nav li a:hover {
  padding-left: 2px;
}
section.documentation ul.nav li.current a {
  font-weight: 500;
}
section.documentation ul.nav li.current:before {
  content: '';
  width: 3px;
  height: 100%;
  background: #31d843;
  position: absolute;
  top: 0;
  left: -10px;
}
section.documentation ul.nav li ul {
  margin-top: 5px;
  margin-bottom: 15px;
}
section.documentation ul.nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-left: 12px;
}
section.documentation ul.nav > li {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
section.documentation ul.nav.nav-sidebar li {
  font-size: 16px;
}
section.documentation div + div.hint {
  margin-top: 1rem;
}
section.documentation div.hint {
  box-sizing: border-box;
  padding: 1.5rem 3rem 0.5rem 2rem;
  border-radius: 2px;
  margin-bottom: 1rem;
  border-left: 4px solid white;
  background: rgba(189, 189, 189, 0.1);
  border-color: rgba(189, 189, 189, 0.5);
}
section.documentation div.hint.hint-info {
  background: rgba(49, 136, 216, 0.1);
  border-color: rgba(49, 136, 216, 0.5);
}
section.documentation div.hint.hint-warning {
  background: rgba(255, 181, 71, 0.1);
  border-color: rgba(255, 181, 71, 0.5);
}
section.documentation div.hint.hint-error {
  background: rgba(255, 71, 71, 0.1);
  border-color: rgba(255, 71, 71, 0.5);
}
body.documentation-md header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
}
body.documentation-md .body-box {
  display: none;
  /*
            background-color: #F2F4F5;

            .container {
                background-color:#ffffff;
                padding:20px;
            }*/

}
body.documentation-md footer {
  display: none;
}
body.documentation-md .umb-block-list {
  margin-top: 67px;
}
body.documentation-md .umb-block-list .body-box {
  display: block;
}
body.documentation-md .umb-block-list .container {
  padding: 0 2rem;
}
.markdown-version {
  float: right;
  font-size: 12px;
  margin-right: -45px;
  margin-top: -5px;
  background: #8447ff;
  padding: 5px;
  color: white;
  border-radius: 11px;
}
.markdown p {
  font-size: 18px;
  margin-bottom: 12px;
}
.markdown ul {
  margin-bottom: 12px;
}
.markdown ul li {
  line-height: 1.5em;
}
.markdown li input {
  margin: 0;
  margin-top: -2px;
}
.markdown li + li {
  margin-top: 10px;
}
.markdown mark {
  color: #8447ff;
  background: none;
  font-style: normal;
  font-weight: bold;
}
.markdown pre,
.markdown code {
  font-size: 14px;
  line-height: 1.3;
}
.markdown img {
  max-width: 100%;
  border-radius: 3px;
  box-shadow: 7px 7px 15px -12px rgba(0, 0, 0, 0.42);
}
.markdown video {
  border-radius: 3px;
}
.markdown pre {
  margin: 20px 0 20px 0 !important;
}
.markdown code:not([class]) {
  background: #f1f1f1;
  padding: 2px 4px;
  border-radius: 3px;
}
.markdown table {
  width: 100%;
}
.markdown table td,
.markdown table th {
  padding: 10px;
}
.markdown table th {
  text-align: left;
}
.markdown table td {
  line-height: 1.4em;
}
.markdown table tr:nth-child(even) {
  background-color: #f7f7f7;
}
.markdown .col-2 {
  display: flex;
}
.markdown .col-2 .col-50 {
  width: 50%;
}
.markdown .contrib-code {
  margin-top: 20px;
}
.markdown .contrib-code .contrib-code__file {
  display: inline-block;
  background: #f3f3f3f2;
  padding: 1rem 2rem 1rem 1.5rem;
  border: 1px solid #292936;
  border-bottom: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.markdown .contrib-code .contrib-code__file a {
  font-size: 1.4rem;
}
.markdown .contrib-code pre {
  margin-top: 0 !important;
  border-top-left-radius: 0;
}
.markdown-footer {
  padding-bottom: 6rem;
}
.markdown-footer > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.markdown-footer > div:nth-child(2) > div {
  display: flex;
  flex-direction: column;
}
.markdown-footer > div:nth-child(2) > div span {
  font-size: 14px;
}
.markdown-footer > div:nth-child(2) > div a {
  margin-top: 6px;
}
.markdown-footer > div:nth-child(2) > div:nth-child(2) {
  align-items: flex-end;
}
.markdown-footer > div:nth-child(4) {
  margin: 3rem 0 0 0;
  display: flex;
  justify-content: center;
}
.markdown-footer > div:nth-child(4) a {
  text-decoration: none;
}
.markdown-footer > div:nth-child(4) a svg {
  margin-right: 5px;
}
/* Mobile */

@media screen and (max-width: 768px) {
  section.documentation {
    flex-direction: column;
    margin-top: 8.5rem;
    max-width: unset;
  }
  section.documentation .markdown-version {
    margin-right: -10px;
    margin-top: -8px;
  }
  section.documentation.submenu-open > div:nth-child(1) > div .mobilemenutoggle svg {
    transform: rotate(180deg);
  }
  section.documentation.submenu-open > div:nth-child(1) > div select,
  section.documentation.submenu-open > div:nth-child(1) > div ul {
    display: block;
  }
  section.documentation > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
  section.documentation > div:nth-child(1) > div {
    height: auto;
    padding: 20px;
  }
  section.documentation > div:nth-child(1) > div .mobilemenutoggle {
    display: flex;
    background: white;
    border: 1px solid rgba(99, 116, 131, 0.2);
    border-left: 2px solid #31d843;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    height: 40px;
  }
  section.documentation > div:nth-child(1) > div .mobilemenutoggle p {
    margin: 0 0 0 20px;
  }
  section.documentation > div:nth-child(1) > div .mobilemenutoggle svg {
    transition: transform ease-in 0.2s;
  }
  section.documentation > div:nth-child(1) > div select,
  section.documentation > div:nth-child(1) > div ul {
    display: none;
  }
  section.documentation > div:nth-child(2) {
    width: 100%;
    display: flex;
  }
  section.documentation > div:nth-child(2) > div:nth-child(1) {
    padding: 20px;
    width: 100%;
  }
  section.documentation > div:nth-child(2) > aside:nth-child(2) {
    display: none;
  }
  section.documentation .markdown .col-2 {
    flex-direction: column;
  }
  section.documentation .markdown .col-2 .col-50 {
    width: 100%;
  }
}
/* legacy */

.documentation-list-item {
  margin-top: 30px;
}
.documentation-list-item a {
  text-decoration: none;
}
.documentation-list-row h2 {
  border-bottom: 1px solid lime;
}
.documentationPage .newsletter-features {
  padding-top: 25px;
  padding-bottom: 35px;
}
.legacy-documentation-listing {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-left: -30px;
  margin-right: -30px;
}
.legacy-documentation-listing > div {
  list-style: none;
  flex: 0 0 30%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  margin: 10px;
  box-shadow: 0px 1px 5px #d2d2d2;
}
.legacy-documentation-listing > div > div:nth-child(2) {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .legacy-documentation-listing {
    display: block;
    margin: 0;
  }
  .legacy-documentation-listing > div {
    display: block;
    margin: 0px;
    margin-top: 20px;
  }
}
.legacy-documentation-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.legacy-documentation-list-container > div {
  width: 50%;
  padding-right: 60px;
}
.legacy-documentation-list-container > div h2 {
  border-bottom: 1px solid #b8b8b8;
}
.legacy-documentation-list-container > div a {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .legacy-documentation-list-container > div {
    width: 100%;
  }
}
.checkout .herounit {
  padding-top: 35px;
  padding-bottom: 20px;
  box-shadow: inset 0 -8px 8px rgba(228, 228, 228, 0.5);
  -moz-box-shadow: inset 0 -8px 8px rgba(228, 228, 228, 0.5);
  -webkit-box-shadow: inset 0 -8px 8px rgba(228, 228, 228, 0.5);
}
.checkout .herounit p {
  margin-bottom: 20px;
}
.checkout .body-box {
  background: white;
}
/* end temp for blocks */

ul.checkoutSteps {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 20px;
}
ul.checkoutSteps li {
  font-size: 20px;
  color: #cccccc;
  flex: 1;
}
ul.checkoutSteps li a {
  color: #cccccc;
  text-decoration: none;
}
ul.checkoutSteps li a:hover {
  text-decoration: none;
}
ul.checkoutSteps li.current {
  color: #4d1caf;
  font-weight: 400;
}
ul.checkoutSteps li.current a {
  color: #4d1caf;
}
ul.checkoutSteps li.current > * > span:nth-child(1) {
  background-color: #4d1caf;
  color: white;
}
ul.checkoutSteps li > * {
  display: flex;
  align-items: center;
}
ul.checkoutSteps li > * > span:nth-child(1) {
  margin-right: 12px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeeeee;
  color: #cccccc;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
@media only screen and (max-width: 1000px) {
  ul.checkoutSteps {
    margin: 10px;
  }
  ul.checkoutSteps li {
    font-size: 10px;
  }
  ul.checkoutSteps li > * {
    flex-direction: column;
    justify-content: center;
  }
  ul.checkoutSteps li > * > span:nth-child(1) {
    margin: 0;
    width: 15px;
    height: 15px;
  }
}
.checkout h2 {
  font-size: 24px;
}
.checkout table {
  margin: 10px 0 10px 0;
}
.checkout table tr th,
.checkout table tr td {
  text-align: left;
  padding: 6px 25px 6px 0;
  border-bottom: 1px solid #bcbcbc;
}
.checkout .checkout-step1 {
  padding: 20px;
}
.checkout .checkout-step1 .checkout-options {
  display: flex;
  justify-content: space-between;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) {
  max-width: 500px;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) > div:nth-child(1) {
  margin-bottom: 40px;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) label {
  margin: 0 0 15px 0;
  display: flex;
  cursor: pointer;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) label > div:nth-child(1) {
  margin-right: 10px;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) label h4 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0px;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) label input[type=radio] {
  margin: 3px 0 0 0;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) div.price {
  margin: 60px 0 0 15px;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) div.price p.price {
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 60px;
  display: block;
  line-height: 1em;
}
.checkout .checkout-step1 .checkout-options > div:nth-child(1) div.price p.price + p {
  margin-top: 0.3rem;
  line-height: 1em;
}
@media only screen and (max-width: 1000px) {
  .checkout .checkout-step1 .checkout-options > div:nth-child(2) {
    display: none;
  }
}
.checkout .checkout-step2 .btn-danger {
  color: white;
}
.checkout .checkout-step2 .checkout-workspaces.checkout-workspaces-umb8 .checkout-workspace > div {
  position: absolute;
  top: -8px;
  right: -8px;
}
@media only screen and (max-width: 1000px) {
  body.checkout .herounit {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body.checkout .herounit .container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
body.accountOverview td small {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  
}
@media screen and (max-width: 768px) {
  
}
body.accountOverview p.small {
  font-size: 1.1rem;
  line-height: 1.4em;
}
body.accountOverview a.license {
  font-weight: normal;
  text-decoration: none;
}
body.accountOverview a.license p span {
  font-weight: 500;
}
body.accountOverview .table-licenses .table-row > div:nth-child(2) {
  padding-right: 2rem;
}
body.accountOverview .table-licenses .table-row > span:nth-child(3) {
  min-width: 9rem;
}
body.accountOverview .table-licenses .table-row > span:nth-child(7) {
  min-width: 15rem;
}
body.accountOverview .table-licenses .table-row > div:nth-child(8) {
  min-width: 15rem;
}
@media screen and (max-width: 768px) {
  body.accountOverview .table-licenses a.license {
    font-weight: normal;
    text-decoration: none;
  }
  body.accountOverview .table-licenses a.license p {
    font-size: 1.6rem;
  }
  body.accountOverview .table-licenses a.license p span {
    display: block;
    font-size: 1.8rem;
  }
  body.accountOverview .table-licenses .table-row {
    grid-template-columns: 12rem 1fr;
  }
  body.accountOverview .table-licenses .table-row > span:nth-child(2) {
    min-width: auto;
  }
  body.accountOverview .table-licenses .table-row > span:nth-child(7) {
    min-width: auto;
  }
  body.accountOverview .table-licenses .table-row > div:nth-child(8) {
    min-width: auto;
  }
}
body.invoice h1 {
  font-size: 30px;
  margin-top: 30px;
}
body.invoice table {
  width: 100%;
}
body.invoice table td {
  line-height: 22px;
}
body.invoice table.baskettable {
  border-bottom: 1px solid #dddddd;
}
body.invoice table.baskettable tr th {
  text-align: left;
}
body.invoice table.receipt-footer {
  margin-top: 50px;
}
body.invoice table.receipt-footer td {
  font-size: 14px;
  line-height: 20px;
  width: 33%;
}
@media print {
  body.invoice .btn,
  body.invoice header,
  body.invoice .herounit,
  body.invoice .footer-box1,
  body.invoice .footer-box2,
  body.invoice .footer-box3,
  body.invoice .section-bottom,
  body.invoice .we-love,
  body.invoice footer,
  body.invoice #signup {
    display: none;
  }
  body.invoice h1,
  body.invoice h2,
  body.invoice h3,
  body.invoice h4 {
    color: black;
  }
  body.invoice .container {
    height: 100vh;
  }
  body.invoice .container.introduction {
    display: none;
  }
  body.invoice h3 {
    font-size: 24px;
    padding-bottom: 20px;
  }
  body.invoice table.receipt-footer {
    position: fixed;
    bottom: 40px;
    max-width: 1040px;
    margin: 0 auto;
  }
}
body.blog {
  background: white;
}
body.blogPost .hero {
  padding-top: 8rem;
  padding-bottom: 10rem;
}
body.blogPost .hero .hero--text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2rem;
}
body.blogPost .hero .hero--text h1 {
  max-width: 70rem;
  font-size: 4.2rem;
}
body.blogPost .hero .hero--text time {
  font-size: 1.6rem;
}
body.blogPost .hero .hero--image {
  margin-top: 6rem;
  margin-bottom: -25rem;
  padding: 0 2rem;
}
body.blogPost .hero .hero--image img {
  width: 100%;
  max-width: 86rem;
  box-shadow: 8px 11px 37px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
body.blogPost article {
  padding-top: 17rem;
  padding-bottom: 5rem;
  background: white;
}
body.blogPost article.no-hero {
  padding-top: 2rem;
}
body.blogPost article .umb-block-list .container {
  padding: 0 11rem;
}
body.blogPost .blog-listing-container {
  margin-top: 12rem;
}
body.blogPost .blog-listing-container > h3 {
  text-align: center;
}
body.blogPost .blog-listing-container > div {
  margin-top: 4rem;
  padding-top: 4rem;
  background: white;
}
body.blogPost .blog-listing-container > div ul.blog-listing {
  margin-top: 4rem;
}
body.blogPost .blog-listing-container > div ul.blog-listing > li:nth-child(1) {
  margin-top: 0;
}
@media only screen and (max-width: 1000px) {
  body.blogPost .hero {
    padding-top: 4rem;
    padding-bottom: 16rem;
  }
  body.blogPost article {
    padding-top: 12rem;
  }
  body.blogPost article.no-hero {
    padding-top: 2rem;
  }
  body.blogPost article .umb-block-list .container {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 450px) {
  body.blogPost .hero .hero--image {
    padding: 0;
  }
}
body.majorVersionContainer .hero {
  padding-top: 8rem;
  padding-bottom: 10rem;
}
body.majorVersionContainer .releases {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
body.majorVersionContainer .releases .release {
  max-width: 108rem;
  margin: 0 auto 5rem auto;
  background: white;
  box-shadow: 0px 4px 14px 7px rgba(8, 46, 88, 0.1);
  border-radius: 10px;
  display: flex;
}
body.majorVersionContainer .releases .release > div:nth-child(1) {
  min-width: 23rem;
  background: rgba(226, 231, 237, 0.2);
  padding: 4rem 2rem;
}
body.majorVersionContainer .releases .release > div:nth-child(1) p {
  font-size: 2.8rem;
  font-weight: 700;
}
body.majorVersionContainer .releases .release > div:nth-child(1) time {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
}
body.majorVersionContainer .releases .release > div:nth-child(2) {
  padding: 4rem;
}
body.majorVersionContainer .releases .release > div:nth-child(2) .nuget-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body.majorVersionContainer .releases .release > div:nth-child(2) .release--changes {
  margin-top: 2rem;
}
body.majorVersionContainer .releases .release > div:nth-child(2) .release--changes > div {
  display: flex;
  margin-bottom: 2rem;
}
body.majorVersionContainer .releases .release > div:nth-child(2) .release--changes > div > div:nth-child(1) {
  min-width: 10rem;
}
@media only screen and (max-width: 1000px) {
  body.majorVersionContainer .hero {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  body.majorVersionContainer .hero h1 {
    padding: 0 2rem;
  }
  body.majorVersionContainer .releases .release {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body.majorVersionContainer .releases .release > div:nth-child(1) {
    padding: 2rem;
  }
  body.majorVersionContainer .releases .release > div:nth-child(2) {
    padding: 2rem 2rem 0 2rem;
  }
  body.majorVersionContainer .releases .release > div:nth-child(2) .release--changes > div {
    flex-direction: column;
  }
  body.majorVersionContainer .releases .release > div:nth-child(2) .release--changes > div > div:nth-child(1) {
    margin-bottom: 2rem;
  }
}
body.license .col-2 {
  display: flex;
  column-gap: 15rem;
  row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.license .workspaces {
  display: flex;
  flex-wrap: wrap;
  row-gap: 3rem;
}
body.license .workspaces > * {
  width: 50%;
}
@media screen and (max-width: 768px) {
  body.license .workspaces > * {
    width: 100%;
  }
}
body.license footer {
  margin-top: 7rem;
}
body.license table.facts th,
body.license table.facts td {
  text-align: left;
  padding: 1rem 0rem 1rem 0rem;
  border-bottom: 1px solid #efefef;
}
body.license table.facts th {
  padding-right: 2rem;
}
html {
  position: relative;
  font-size: 10px;
}
body {
  background: #f2f4f5;
  color: #121e2a;
  font-family: SFProDisplay;
  font-weight: 200;
  font-size: 1.8rem;
}
p {
  line-height: 1.5em;
  font-size: 1.8rem;
}
p + p {
  margin-top: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #083d77;
  line-height: 1.1em;
  margin-bottom: 0.3em;
  font-weight: 500;
}
h1 {
  font-size: 38px;
  font-weight: 700;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 25px;
}
h4 {
  font-size: 20px;
}
/*font weight try out*/

h2,
h3,
h4 {
  font-weight: 700;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}
ul > li,
ol > li {
  line-height: 1.5em;
  margin-bottom: 10px;
}
ul > li ul,
ol > li ul {
  margin-top: 10px;
}
img {
  max-width: 100%;
  height: auto !important;
}
.rte p + ul,
.markdown p + ul,
.rte ul + ul,
.markdown ul + ul {
  margin-top: 1rem;
}
.rte p + h2,
.markdown p + h2,
.rte ul + h2,
.markdown ul + h2,
.rte p + h3,
.markdown p + h3,
.rte ul + h3,
.markdown ul + h3,
.rte p + h4,
.markdown p + h4,
.rte ul + h4,
.markdown ul + h4 {
  margin-top: 2rem;
}
.rte ul,
.markdown ul {
  list-style: disc;
}
.rte ul,
.markdown ul,
.rte ol,
.markdown ol {
  margin-left: 20px;
}
.rte iframe,
.markdown iframe {
  max-width: 100%;
  border-radius: 3px;
}
.rte span.code,
.markdown span.code {
  background: #f1f1f1;
  padding: 2px 4px;
  font-family: monospace;
  font-weight: 300;
  font-size: 90%;
  border-radius: 3px;
}
.rte pre {
  margin: 20px 0 20px 0 !important;
  font-size: 14px;
}
/* prism-reset */

code[class*="language-"],
code[class*="language-"] *,
pre[class*="language-"] {
  word-wrap: normal;
  word-break: normal;
}
.hero {
  padding: 6rem 2rem;
}
.hero h1 {
  color: white;
}
.herounit h1 {
  color: white;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: 500;
  vertical-align: baseline;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: from-font;
  color: #083d77;
}
a:link,
a:visited {
  color: #083d77;
}
.img-radius {
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 29px -16px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 29px -16px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 29px -16px rgba(0, 0, 0, 0.75);
}
.img-radius > img {
  border-radius: 15px;
}
.nuget-box {
  display: inline-block;
  color: white;
  font-weight: 700;
  background: #282a36;
  border-radius: 10px;
  padding: 2rem 3rem;
  margin: 1rem 0;
  white-space: nowrap;
  width: 100%;
}
.nuget-box > div {
  display: inline-block;
}
@media only screen and (max-width: 1000px) {
  .nuget-box {
    width: calc(101%);
    font-size: 1.2rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 1.5rem 2rem;
    overflow-x: scroll;
    padding: 1.5rem 1.5rem;
  }
}
.badge {
  background: #5b5b5b;
  box-shadow: 0px 4px 14px 7px rgba(8, 46, 88, 0.1);
  border-radius: 24px;
  color: white;
  font-size: 1.4rem;
  padding: 0.5rem 1.5rem;
}
.badge.badge-added {
  background: #31d843;
}
.badge.badge-fixed {
  background: #8447ff;
}
.badge.badge-breaking {
  background: #991bad;
}
/*
    hack for old pages
*/

.errors {
  margin-top: 25px;
  background-color: #d03434;
  color: white;
  padding: 20px;
  border-radius: 3px;
}
.toolbox {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.toolbox > * {
  margin-left: 5px;
  margin-right: 5px;
}
.body-box .container {
  background: white;
  padding: 2rem;
}
@media only screen and (min-width: 1000px) {
  .body-box .container .rte {
    padding: 0 9rem;
  }
}
.body-box + .body-box {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}
ul.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  font-size: 14px;
}
ul.breadcrumb li {
  margin: 0;
  padding: 0;
  margin-right: 6px;
}
table.table {
  width: 100%;
}
table th,
table td {
  padding: 5px;
}
table.table-striped th {
  text-align: left;
}
table.table-striped tr:nth-child(even) td {
  background: #f7f7f7;
}
/* grid-system used ie on textpage */

.wrapper {
  display: flex;
}
.wrapper > .col-6 {
  flex: 50%;
}
@media only screen and (max-width: 1000px) {
  .wrapper {
    flex-direction: column;
  }
  .wrapper > .col-6 {
    flex: 0;
    margin-bottom: 30px;
  }
}
/* end hack */

/* toggle group end*/

.mobileonly {
  display: none;
}
@media screen and (max-width: 768px) {
  /*Mobile-menu prevent scrolling*/
  
  html {
    position: static;
  }
  html body.showmobilemenu {
    position: fixed;
    width: 100%;
  }
  .mobileonly {
    display: unset;
  }
}
.container {
  max-width: 1080px;
  margin: 0 auto;
}
.container-overlay {
  padding: 20px;
  background: white;
  margin-top: -80px;
  min-height: 500px;
}
.container.introduction {
  padding-left: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.container.introduction h1,
.container.introduction h2 {
  margin-top: 2rem;
}
.container-box {
  max-width: 108rem;
  margin: 5rem auto;
  background: white;
}
.content-box {
  background: white;
  box-shadow: 0px 4px 14px 7px rgba(8, 46, 88, 0.1);
  border-radius: 10px;
  padding: 4rem;
}
.border-radius {
  border-radius: 1rem;
}
.clickable {
  cursor: pointer;
}
/*Main styles for responsive table*/

.table-responsive {
  display: table;
  box-sizing: border-box;
  width: 100%;
}
.table-responsive .table-row {
  display: table-row;
}
.table-responsive .table-row > span {
  display: none;
  padding: 1rem 0 1rem 0;
  border-top: 1px solid #ebebeb;
}
.table-responsive .table-row > div {
  display: table-cell;
  padding: 1rem 0 1rem 0;
  border-top: 1px solid #ebebeb;
}
.table-responsive .table-header.table-row > span {
  display: table-cell;
  padding: 0.7rem 0 1.3rem 0;
  font-weight: bold;
  border-top: none;
}
.table-responsive .table-header.table-row > div {
  padding: 0.7rem 0 1.3rem 0;
  display: none;
  border-top: none;
}
.table-responsive .actions {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .table-responsive {
    display: flex;
    flex-direction: column;
  }
  .table-responsive .table-row {
    display: grid;
    grid-template-columns: 11rem 1fr;
    margin-bottom: 4rem;
  }
  .table-responsive .table-row > span {
    display: inline-block;
    font-weight: bold;
  }
  .table-responsive .table-row > div {
    display: inline-block;
  }
  .table-responsive .table-header {
    display: none;
  }
  .table-responsive .actions {
    text-align: left;
  }
}
/* Cookie Tractor customizations */

html body .cc-consentwrapper .cc-blocker button {
  background: green #31d843 !important;
}