@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

@font-face {
  font-family: "TT Norms Pro";
  src: url("../fonts/TTNormsPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Pro";
  src: url("../fonts/TTNormsPro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, .error_text li, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  margin: 0;
  padding: 0;
}

p, .error_text li {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  color: #2F0A41;
  margin-bottom: 20px;
}
p:last-of-type, .error_text li:last-of-type {
  margin-bottom: 0;
}

b {
  font-style: italic;
}

.dib {
  display: inline-block;
}

.page_intro {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.page_intro .heading {
  margin-bottom: 20px;
}

.heading {
  position: relative;
  width: 100%;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 125%;
  text-align: left;
  color: #2F0A41;
  margin: 80px 0 40px 0;
}
.heading:first-child {
  margin-top: 0;
}
.heading.mt_40 {
  margin-top: 40px;
}

.inline_block_link {
  display: inline-block;
  position: relative;
  background: #2F0A41;
  border-radius: 10px;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  outline: none;
  box-sizing: border-box;
  padding: 10px 20px;
}
.inline_block_link.button {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
.inline_block_link.db {
  display: block;
}
.inline_block_link.blue {
  background: #007BFF;
}
.inline_block_link.green {
  background: #28A745;
}
.inline_block_link.red {
  background: #DC3545;
}
.inline_block_link.gold {
  background: #D4AF37;
}
.inline_block_link.disabled {
  background: rgba(30, 64, 127, 0.5);
  cursor: not-allowed;
}
.inline_block_link .tooltip {
  visibility: hidden;
  position: absolute;
  top: -27px;
  left: 50%;
  height: 22px;
  background: #000000;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "TT Norms Pro", sans-serif;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.inline_block_link .tooltip:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top-color: #000000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

a.inline_block_link:hover,
.inline_block_link.button:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
a.inline_block_link:hover .tooltip,
.inline_block_link.button:hover .tooltip {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.inline_link {
  text-decoration: none;
  color: inherit;
  outline: none;
}
.inline_link:hover {
  text-decoration: underline;
}

.separator {
  position: relative;
  width: 100%;
  border-top: solid 1px #ffd497;
  padding-top: 40px;
  margin-top: 40px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
  .heading {
    margin: 60px 0 30px 0;
  }

  #dashboard .separator {
    padding-top: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .inline_block_link .tooltip {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .heading {
    font-size: 1.25em;
  }
}
.table,
.form_table {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 400;
  text-align: left;
  color: #2F0A41;
  margin-top: 40px;
}
.table:first-child,
.form_table:first-child {
  margin-top: 0;
}
.table.mt_40,
.form_table.mt_40 {
  margin-top: 40px;
}
.table .header,
.table .row,
.form_table .header,
.form_table .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  width: 100%;
}
.table .header .column,
.table .row .column,
.form_table .header .column,
.form_table .row .column {
  box-sizing: border-box;
  padding: 20px;
}
.table .header .column.flex1,
.table .row .column.flex1,
.form_table .header .column.flex1,
.form_table .row .column.flex1 {
  -webkit-box-flex: 1;
          flex: 1;
}
.table .header .column.flex3,
.table .row .column.flex3,
.form_table .header .column.flex3,
.form_table .row .column.flex3 {
  -webkit-box-flex: 3;
          flex: 3;
}
.table .header .column.light_teal_bg,
.table .row .column.light_teal_bg,
.form_table .header .column.light_teal_bg,
.form_table .row .column.light_teal_bg {
  background: #ffd497;
}
.table .header .column .progress,
.table .row .column .progress,
.form_table .header .column .progress,
.form_table .row .column .progress {
  position: relative;
  width: 100%;
  height: 10px;
  background: #ffd497;
  border-radius: 5px;
}
.table .header .column .progress .percentage,
.table .row .column .progress .percentage,
.form_table .header .column .progress .percentage,
.form_table .row .column .progress .percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background: #f47a44;
  border-radius: 5px;
}
.table .header .column .progress .tooltip,
.table .row .column .progress .tooltip,
.form_table .header .column .progress .tooltip,
.form_table .row .column .progress .tooltip {
  position: absolute;
  top: -32px;
  height: 22px;
  background: #2F0A41;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "TT Norms Pro", sans-serif;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 5px 20px;
}
.table .header .column .progress .tooltip:after,
.table .row .column .progress .tooltip:after,
.form_table .header .column .progress .tooltip:after,
.form_table .row .column .progress .tooltip:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top-color: #2F0A41;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.table .header .column .completed_categories,
.table .row .column .completed_categories,
.form_table .header .column .completed_categories,
.form_table .row .column .completed_categories {
  display: inline-block;
  margin-left: 10px;
}
.table .header .column .completed_categories .star,
.table .row .column .completed_categories .star,
.form_table .header .column .completed_categories .star,
.form_table .row .column .completed_categories .star {
  display: inline-block;
  color: #ffd497;
}
.table .header .column .completed_categories .star.completed,
.table .row .column .completed_categories .star.completed,
.form_table .header .column .completed_categories .star.completed,
.form_table .row .column .completed_categories .star.completed {
  color: #D4AF37;
}
.table .header .column .title,
.table .row .column .title,
.form_table .header .column .title,
.form_table .row .column .title {
  display: none;
  font-weight: 500;
}
.table .header,
.form_table .header {
  background: #ffd497;
  border-bottom: solid 2px #eeedf6;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 1.125em;
  line-height: 125%;
}
.table .header.red,
.form_table .header.red {
  background: #FFCCCB;
}
.table .header .cross,
.form_table .header .cross {
  position: absolute;
  top: 50%;
  right: 20px;
  background: #DC3545;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 5px;
  margin-top: -15px;
}
.table .header .cross .fa,
.form_table .header .cross .fa {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #FFFFFF;
}
.table .row,
.form_table .row {
  border-bottom: solid 2px #eeedf6;
  font-size: 1em;
  line-height: 150%;
}
.table .row:first-child .column,
.form_table .row:first-child .column {
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
.table .row:last-child,
.form_table .row:last-child {
  border-bottom: none;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table .row:last-child .column,
.form_table .row:last-child .column {
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table .row.red,
.form_table .row.red {
  background: #FFCCCB;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1440px) {
  .table .header .column .inline_block_link,
.table .row .column .inline_block_link {
    font-size: 0.875em;
    padding: 8px 12px;
  }
  .table .header .column .inline_block_link .tooltip,
.table .row .column .inline_block_link .tooltip {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 1365px) {
  .table {
    background: none;
    margin-top: 30px;
  }
  .table .header,
.table .row {
    display: block;
  }
  .table .header .column,
.table .row .column {
    border-bottom: solid 2px #eeedf6;
  }
  .table .header .column:not(.no_data):first-child,
.table .row .column:not(.no_data):first-child {
    background: #ffd497;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 20px !important;
  }
  .table .header .column:last-child,
.table .row .column:last-child {
    border-bottom: none;
  }
  .table .header .column .completed_categories .star,
.table .row .column .completed_categories .star {
    color: #FFFFFF;
  }
  .table .header .column .title,
.table .row .column .title {
    display: inline-block;
    padding-right: 5px;
  }
  .table .header .column .title.pr_20,
.table .row .column .title.pr_20 {
    padding-right: 20px;
  }
  .table .header:last-child .column,
.table .row:last-child .column {
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .table .header {
    display: none;
  }
  .table .row {
    background: #FFFFFF;
    border-radius: 10px;
    border-bottom: 0;
    margin-bottom: 30px;
  }
  .table .row:last-child {
    margin-bottom: 0;
  }

  .form_table {
    margin-top: 30px;
  }
  .form_table .header {
    font-size: 1em;
    font-weight: 500;
  }

  .table#user .row {
    margin-bottom: 0;
    border-bottom: solid 2px #eeedf6;
    border-radius: 0;
  }
  .table#user .row:first-child {
    background: #ffd497;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  .table#user .row:last-child {
    border-bottom: none;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .table#user .row .column.flex1 {
    display: none;
  }
  .table#user .row .column.flex3 {
    -webkit-box-flex: 3;
            flex: 3;
  }
}
@media screen and (max-width: 767px) {
  .table .header .column.ctas,
.table .row .column.ctas,
.form_table .header .column.ctas,
.form_table .row .column.ctas {
    padding-bottom: 10px;
  }
  .table .header .column.ctas .action_ctas .inline_block_link,
.table .row .column.ctas .action_ctas .inline_block_link,
.form_table .header .column.ctas .action_ctas .inline_block_link,
.form_table .row .column.ctas .action_ctas .inline_block_link {
    margin-bottom: 10px;
  }
}
.table_footer {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.table_footer .key {
  float: left;
}
.table_footer .key .circle {
  float: left;
  width: 24px;
  height: 24px;
  background: #FFCCCB;
  border-radius: 50%;
  margin-right: 20px;
}
.table_footer .key .title {
  float: left;
}
.table_footer .action_ctas {
  float: right;
  width: auto;
}

.action_ctas {
  position: relative;
  width: calc(100% + 6px);
  margin: 0 -3px;
}
.action_ctas.mt_20 {
  margin-top: 20px;
}
.action_ctas.mb_20 {
  margin-bottom: 20px;
}
.action_ctas.mb_40 {
  margin-bottom: 40px;
}
.action_ctas .inline_block_link {
  margin: 0 3px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
  .action_ctas.mb_40 {
    margin-bottom: 30px;
  }
}
.form {
  position: relative;
  width: 100%;
}
.form .field {
  width: 100%;
  margin-bottom: 20px;
}
.form .field:last-of-type {
  margin-bottom: 0;
}
.form .field.hide {
  display: none;
}
.form .field label {
  display: block;
  position: relative;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  color: #2F0A41;
  margin-bottom: 10px;
  cursor: pointer;
}
.form .field input[type=text],
.form .field input[type=email],
.form .field input[type=password],
.form .field input[type=number],
.form .field textarea {
  display: block;
  position: relative;
  width: 100%;
  background: #FFFFFF;
  border: solid 1px #ffd497;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  text-align: left;
  color: #2F0A41;
  outline: none;
  box-sizing: border-box;
  padding: 10px 20px;
  margin: 0;
}
.form .field textarea {
  resize: none;
  height: 200px;
  padding: 20px;
}
.form .field select {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  background: url("../images/global/misc/select_arrow.png");
  background-image: url("../images/global/misc/select_arrow.svg"), none;
  background-color: #FFFFFF;
  background-position: right 20px center;
  background-repeat: no-repeat;
  border: solid 1px #ffd497;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  text-align: left;
  color: #2F0A41;
  outline: none;
  box-sizing: border-box;
  padding: 10px 20px;
  margin: 0;
  cursor: pointer;
}
.form .field select::-ms-expand {
  display: none;
}
.form .field ::-webkit-input-placeholder {
  color: #DDDDDD;
}
.form .field :-moz-placeholder {
  color: #DDDDDD;
}
.form .field ::-moz-placeholder {
  color: #DDDDDD;
}
.form .field :-ms-input-placeholder {
  color: #DDDDDD;
}
.form .inline_block_link.button {
  padding: 10px 40px;
  margin-top: 40px;
}
.form span.invalid {
  display: block;
  margin-top: 10px;
}
.form span.invalid p, .form span.invalid .error_text li, .error_text .form span.invalid li {
  color: red;
}
.form .password_reset {
  display: inline-block;
  margin-left: 20px;
}

.form_table .row:last-child .field label {
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.form_table .field.with_checkbox input[type=radio] {
  display: none;
}
.form_table .field.with_checkbox label {
  padding: 20px;
  margin-bottom: 0;
}
.form_table .field.with_checkbox label:hover {
  background: rgba(255, 212, 151, 0.5);
}
.form_table .field.with_checkbox label.active {
  background: #f47a44;
  color: #FFFFFF;
}
.form_table .field.with_checkbox label.active.red {
  background: #DC3545;
}

#logo {
  display: block;
  position: relative;
  width: 250px;
  margin: 0 auto 80px auto;
}
#logo img {
  width: 250px;
  height: 70px;
}

.form#login_form {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.form#login_form .field.with_checkbox {
  margin-bottom: 0;
}
.form#login_form .field.with_checkbox label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 0;
}
.form#login_form .field.with_checkbox input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
  .form .inline_block_link.button {
    margin-top: 30px;
  }

  #logo {
    width: 200px;
    margin: 0 auto 60px auto;
  }
  #logo img {
    width: 200px;
    height: 56px;
  }
}
@media screen and (max-width: 767px) {
  .form .inline_block_link.button {
    display: block;
    width: 100%;
  }
}
.clear_fix:after {
  content: "";
  display: table;
  clear: both;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.error_text {
  position: relative;
  width: 100%;
  background: #FFCCCB;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 40px;
}
.error_text p, .error_text li {
  font-size: 1.125em;
  line-height: 125%;
}
.error_text li {
  list-style: none;
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  margin-bottom: 10px;
}
.error_text li:before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
}

body {
  background: #eeedf6;
}

body.no_scroll {
  overflow: hidden;
}

#auth_wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 40px 20px;
}

#auth {
  display: table-cell;
  vertical-align: middle;
}

#sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background: #ffd497;
  z-index: 1;
}
#sidebar .company {
  position: relative;
  width: 100%;
  background: #f47a44;
  box-shadow: 0 0.125rem 0.25rem rgba(244, 122, 68, 0.25);
  box-sizing: border-box;
  padding: 20px;
}
#sidebar .company .heading {
  color: #FFFFFF;
}
#sidebar .nav {
  position: relative;
  width: 100%;
}
#sidebar .nav li {
  list-style: none;
  position: relative;
  border-bottom: solid 1px rgba(244, 122, 68, 0.1);
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 125%;
  text-align: left;
  color: #2F0A41;
}
#sidebar .nav li:last-of-type {
  border-bottom: none;
}
#sidebar .nav li a {
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
  color: inherit;
  outline: none;
  box-sizing: border-box;
  padding: 20px 20px 20px 50px;
}
#sidebar .nav li a:hover {
  background: rgba(244, 122, 68, 0.1);
}
#sidebar .nav li a .icon {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 25px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1023px) {
  #sidebar {
    display: none;
  }
}
#container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-left: 250px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1023px) {
  #container {
    padding-left: 0;
  }
}
#header {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  padding: 25px 40px;
}
#header .heading {
  display: none;
  float: left;
  width: auto;
  color: #FFFFFF;
}
#header .nav,
#header .logout {
  float: right;
}
#header .nav li,
#header .logout li {
  list-style: none;
  float: left;
  text-decoration: none;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 125%;
  text-align: left;
  color: #2F0A41;
  margin-right: 20px;
}
#header .nav li:last-of-type,
#header .logout li:last-of-type {
  margin-right: 0;
}
#header .nav li a,
#header .logout li a {
  text-decoration: none;
  color: inherit;
  outline: none;
}
#header .nav li a:hover,
#header .logout li a:hover {
  color: #f47a44;
}
#header .nav li a .fa,
#header .logout li a .fa {
  padding-left: 5px;
}
#header .nav {
  display: none;
}
#header .nav li {
  line-height: 25px;
  color: #FFFFFF;
}
#header .nav li a:hover {
  color: inherit;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1023px) {
  #header {
    background: #f47a44;
  }
  #header .heading {
    display: block;
  }
  #header .nav {
    display: block;
  }
  #header .logout {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #header {
    padding: 25px 20px;
  }
}
#mobile_nav_wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: -80%;
  width: 80%;
  height: 100%;
  z-index: 12;
}

#mobile_nav {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffd497;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
#mobile_nav li {
  list-style: none;
  position: relative;
  border-bottom: solid 1px rgba(244, 122, 68, 0.1);
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 125%;
  text-align: left;
  color: #2F0A41;
}
#mobile_nav li:last-of-type {
  border-bottom: none;
}
#mobile_nav li a {
  display: block;
  position: relative;
  width: 100%;
  text-decoration: none;
  color: inherit;
  outline: none;
  box-sizing: border-box;
  padding: 20px 20px 20px 45px;
}
#mobile_nav li a .icon {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 25px;
}

#mobile_nav_overlay {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 11;
}

a.close_mobile_nav {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  width: 20%;
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #2F0A41;
  outline: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 12;
}

#mobile_nav_overlay.show,
a.close_mobile_nav.show {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1023px) {
  #mobile_nav_wrapper,
#mobile_nav_overlay,
a.close_mobile_nav {
    display: block;
  }
}
#body {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 40px 160px 40px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
  #body {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  #body {
    padding: 40px 20px;
  }
}
#categories {
  position: relative;
  width: calc(100% + 40px);
  margin: 0 -20px;
}
#categories .category_column {
  float: left;
  width: 33.3333333333%;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
}
#categories .category_column .category {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
}
#categories .category_column .category .header,
#categories .category_column .category .body {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
#categories .category_column .category .header {
  background: #ffd497;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
#categories .category_column .category .header .heading {
  font-size: 1.125em;
  margin-bottom: 0;
}
#categories .category_column .category .body {
  padding: 30px 20px;
}
#categories .category_column .category .body .intro {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
#categories .category_column .category .body .watch_test_ctas {
  position: relative;
  width: calc(100% + 20px);
  margin: 0 -10px;
}
#categories .category_column .category .body .watch_test_ctas .inline_block_link_wrapper {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 10px;
}
#categories .category_column .category .body .watch_test_ctas .inline_block_link_wrapper .inline_block_link {
  display: block;
}

/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
  #categories .category_column {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #categories {
    width: 100%;
    margin: 0;
  }
  #categories .category_column {
    float: none;
    position: relative;
    width: 100%;
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 414px) {
  #categories .category_column .category .body .watch_test_ctas {
    width: 100%;
    margin: 0;
  }
  #categories .category_column .category .body .watch_test_ctas .inline_block_link_wrapper {
    float: none;
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  #categories .category_column .category .body .watch_test_ctas .inline_block_link_wrapper:last-child {
    margin-bottom: 0;
  }
}
#watch_videos {
  position: relative;
  width: calc(100% + 40px);
  margin: 0 -20px;
}
#watch_videos .video_column {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 20px 40px 20px;
}
#watch_videos .video_column.pb_0 {
  padding-bottom: 0;
}
#watch_videos .video_column .heading {
  font-size: 1.25em;
  margin-bottom: 20px;
}

/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
  #watch_videos {
    width: 100%;
    margin: 0;
  }
  #watch_videos .video_column {
    float: none;
    position: relative;
    width: 100%;
    padding: 0 0 40px 0;
  }
}
.swal2-popup {
  font-family: "TT Norms Pro", sans-serif !important;
  padding-bottom: 2.5em !important;
}

.swal2-title {
  font-size: 1.5em !important;
  font-weight: 400 !important;
  line-height: 125% !important;
  color: #2F0A41 !important;
  margin: 0 !important;
}

.swal2-html-container {
  color: #2F0A41 !important;
}
.swal2-html-container .intro {
  font-size: 1em !important;
  line-height: 150% !important;
  margin: 20px 0 10px 0 !important;
}
.swal2-html-container .intro.mb_0 {
  margin-bottom: 0 !important;
}
.swal2-html-container ul {
  text-align: center;
}
.swal2-html-container ul li {
  display: block;
  position: relative;
  font-size: 0.75em !important;
  line-height: 150% !important;
  margin-bottom: 5px;
}
.swal2-html-container ul li:last-of-type {
  margin-bottom: 0;
}