.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
    #editpage:hover::after {
      display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
    a:hover:after {
      height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.ss-wrapper {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left; }

.ss-content {
  height: 100%;
  width: 100%;
  padding: 0 32px 0 0;
  position: relative;
  right: -18px;
  overflow: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear; }

.ss-container:hover .ss-scroll {
  opacity: 1; }

.ss-grabbed {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
    #editpage:hover::after {
      display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
    a:hover:after {
      height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

body {
  font-family: 'Muli', sans-serif; }

h1 {
  font-size: 32px;
  font-weight: 600;
  /*font-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 1.6; }

h1.displaytitle {
  font-size: 50px !important;
  font-weight: 600;
  line-height: 65px; }

h2 {
  font-size: 28px;
  font-weight: 600;
  /*font-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 1.6; }
  h2.smaller-h2 {
    font-size: 18px;
    line-height: 26px; }

h3 {
  font-size: 21px;
  font-weight: 600;
  /*ffont-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 1.6; }

h4 {
  font-size: 18px;
  font-weight: 600;
  /*ffont-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 1.6; }

h5 {
  font-size: 16px;
  font-weight: bold;
  /*font-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 26px; }

h6 {
  font-size: 13px;
  font-weight: bold;
  /*ffont-family: 'Ubuntu-Medium', sans-serif;*/
  line-height: 21px; }

p {
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 400;
  font-size: 15px !important;
  line-height: 1.6;
  color: #222; }

small, .small {
  font-size: 13px !important;
  font-weight: 500 !important; }

a {
  color: #196ae3 !important;
  text-decoration: underline;
  font-size: 1rem !important; }
  a.title-link {
    text-decoration: none !important; }
  a p {
    font-size: 1rem; }

.basic-link {
  text-decoration: underline !important; }

a:hover {
  text-decoration: underline !important; }

a::after {
  display: none !important; }

.font-weight-bold {
  /*font-family: 'Ubuntu-Bold', sans-serif;*/
  font-weight: 800; }

.font-weight-regular {
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600; }

.font-weight-medium {
  /*font-family: 'Ubuntu-Medium', sans-serif;*/
  font-weight: 400; }

.text-primary {
  color: #196ae3 !important; }

.html-comp {
  color: #eec46c; }

.css-class-comp {
  color: #d0021b; }

.html-input-comp {
  color: #16cf82; }

img.full_width {
  width: 100%;
  height: auto; }

.js-comp {
  color: #196ae3; }

label {
  font-size: 14px; }

a {
  font-size: 14px; }

.small-label {
  color: #898989;
  font-size: 12px; }

.coral-colour {
  color: #fa5c5c; }

.green-button {
  background: #16cf82;
  color: #222 !important;
  font-weight: 300;
  padding: 0.75rem 1.25rem;
  border-radius: 4px;
  display: -webkit-inline-box;
  transition: all 0.3s ease;
  cursor: pointer; }
  .green-button::after {
    display: none !important; }
  .green-button:hover {
    background: #093827;
    color: #fff !important; }

.btn-black {
  background: #333;
  color: #fff !important;
  padding: 0.75rem 2rem !important;
  text-decoration: none !important;
  border-radius: 4px;
  display: inline-block; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
    #editpage:hover::after {
      display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
    a:hover:after {
      height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.bg-indigo {
  background-color: #9e54ff !important; }

.bg-dark {
  background-color: #2b2b30 !important; }

.bg-extra-dark {
  background-color: #1c1c1c !important; }

.bg-dark-grey {
  background-color: #272727 !important; }

.bg-grey {
  background-color: #f5f5f5; }

.bg-grey {
  background-color: #f5f5f5; }

.bg-alert {
  background-color: #ed2c2c; }

.bg-moderate {
  background-color: #f1810d; }

.bg-safe {
  background-color: #04bb60; }

.bg-blue {
  background-color: #0b9fe9 !important; }

.bg-orange {
  background-color: #ff8e54 !important; }

.bg-pink {
  background-color: #f539bd !important; }

.bg-green {
  background-color: #65e589; }

.bg-bright-pink {
  background-color: #cd2473; }

.rules-text-container ul {
  list-style: none;
  padding-left: 0; }
  .rules-text-container ul li {
    font-size: 15px;
    display: flex;
    align-items: center;
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600;
    padding: 3px 0; }
    .rules-text-container ul li::before {
      height: 5px;
      width: 5px;
      background-color: #da0d15;
      content: '';
      display: inline-block;
      border-radius: 50%;
      margin-right: 10px; }

.table-icon {
  height: 40px; }

.table-prototypes tbody tr td {
  vertical-align: middle; }

#archiveAccordion .card {
  border: none;
  border-top: solid 1px rgba(210, 210, 210, 0.53);
  border-bottom: solid 1px rgba(210, 210, 210, 0.53);
  padding: 20px 0; }
  #archiveAccordion .card .card-header {
    border: none; }
    #archiveAccordion .card .card-header .accordion-button {
      -webkit-appearance: none;
      background: #fff;
      border: none; }
      #archiveAccordion .card .card-header .accordion-button:hover, #archiveAccordion .card .card-header .accordion-button:focus {
        text-decoration: none; }
      #archiveAccordion .card .card-header .accordion-button .col-md-8 p {
        margin-bottom: 0; }
  #archiveAccordion .card .card-body .icon-link:hover:after {
    display: none !important; }

.external-links-list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap; }
  .external-links-list li {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 15px 0; }
  .external-links-list li a {
    color: #222 !important; }
    .external-links-list li a:hover:after {
      display: none !important; }

.navbar-nav {
  padding-left: 0.2rem !important; }

.level-two {
  padding-left: 2.7rem !important; }
/**** NAVIGATIONS ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.navbar.navbar-icons {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99; }
  .navbar .navbar-top .navbar-brand {
    width: 200px !important; }
    .navbar .navbar-top .navbar-brand::after {
      display: none; }
    .navbar .navbar-top .navbar-brand img {
      width: 100%; }
  .navbar .navbar-top .logout-button {
    float: right; }
    .navbar .navbar-top .logout-button .btn-primary {
      background: #18d891;
      border-radius: 2px;
      padding: 0.75rem 1.75rem;
      transition: all 0.3s ease;
      cursor: pointer;
      font-size: 15px; }
      .navbar .navbar-top .logout-button .btn-primary:hover {
        background: #16b67b !important; }
  .navbar .navbar-top .dropdown-toggle::after {
    display: none; }
  .navbar .navbar-bottom .navbar-nav {
    margin-left: -20px; }
    .navbar .navbar-bottom .navbar-nav .bg-dark {
      background-color: #404b67 !important; }
    .navbar .navbar-bottom .navbar-nav .bg-light {
      background: #f5f5f5 !important; }
    .navbar .navbar-bottom .navbar-nav #editpage {
      background: #196ae3;
      color: #fff !important; }
      .navbar .navbar-bottom .navbar-nav #editpage:hover {
        background: #08517a;
        text-decoration: none; }
        .navbar .navbar-bottom .navbar-nav #editpage:hover::after {
          display: none; }
    .navbar .navbar-bottom .navbar-nav body {
      background: #fff; }
    .navbar .navbar-bottom .navbar-nav body, .navbar .navbar-bottom .navbar-nav html {
      height: 100% !important; }
    .navbar .navbar-bottom .navbar-nav a {
      position: relative; }
      .navbar .navbar-bottom .navbar-nav a:after {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 0;
        background: #196ae3;
        transition: all 0.3s ease;
        bottom: -3px; }
      .navbar .navbar-bottom .navbar-nav a:hover {
        text-decoration: none; }
        .navbar .navbar-bottom .navbar-nav a:hover:after {
          height: 2px; }
    @media screen and (min-width: 1400px) and (max-width: 1600px) {
    .navbar .navbar-bottom .navbar-nav .col-mb-9 {
      -ms-flex: 0 0 50%;
      flex: 0 0 70%;
      max-width: 70%; }
    .navbar .navbar-bottom .navbar-nav .col-mb-10 {
      flex: 0 0 83%;
      max-width: 83%; } }
    .navbar .navbar-bottom .navbar-nav li {
      transition: all 0.3s ease; }
      .navbar .navbar-bottom .navbar-nav li:hover {
        background: #f5f5f5; }
        .navbar .navbar-bottom .navbar-nav li:hover a {
          color: #222 !important; }
      .navbar .navbar-bottom .navbar-nav li.dropdown {
        transition: all 0.3s ease; }
        .navbar .navbar-bottom .navbar-nav li.dropdown.show {
          background: #f5f5f5; }
          .navbar .navbar-bottom .navbar-nav li.dropdown.show .dropdown-toggle {
            color: #222 !important; }
      .navbar .navbar-bottom .navbar-nav li .nav-link {
        font-size: 14px !important;
        padding-left: 20px;
        padding-right: 20px;
        color: #222 !important;
        text-decoration: none !important; }
        .navbar .navbar-bottom .navbar-nav li .nav-link.dropdown-toggle {
          transition: all 0.3s ease; }
          .navbar .navbar-bottom .navbar-nav li .nav-link.dropdown-toggle::after {
            display: none; }
      .navbar .navbar-bottom .navbar-nav li :nth-child(1) .nav-link {
        padding-left: 0; }
      .navbar .navbar-bottom .navbar-nav li .dropdown-menu {
        width: 80%;
        top: 51px;
        border-radius: 0;
        border: none;
        background: #f5f5f5;
        padding: 20px 0;
        box-shadow: 0 2px 14px 0 rgba(44, 44, 44, 0.3); }
        .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list {
          border-right: solid 1px #d1d1d1; }
          .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .top-list-item {
            color: #0075c2 !important;
            transition: all 0.3s ease;
            text-decoration: none !important; }
            .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .top-list-item::after {
              display: none; }
          .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .sub-menu {
            list-style: none;
            padding-left: 0; }
            .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .sub-menu li a {
              font-size: 14px !important;
              color: #222 !important;
              transition: all 0.3s ease;
              text-decoration: none !important; }
              .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .sub-menu li a::after {
                display: none; }
              .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .sub-menu li a:focus, .navbar .navbar-bottom .navbar-nav li .dropdown-menu .menu-dropdown-list .sub-menu li a:hover {
                background: transparent; }
  .navbar .navbar-bottom .search-nav {
    width: 25%; }
    .navbar .navbar-bottom .search-nav li {
      width: 100%; }
      .navbar .navbar-bottom .search-nav li .search-wrapper {
        position: relative; }
        .navbar .navbar-bottom .search-nav li .search-wrapper .navbar-search {
          width: 100%;
          border-radius: 4px;
          border: none;
          height: 32px;
          padding: 10px !important;
          padding-left: 10px;
          box-shadow: none; }
        .navbar .navbar-bottom .search-nav li .search-wrapper .search-submit {
          position: absolute;
          right: 0;
          left: unset;
          top: 0;
          border-radius: 0 19.5px 19.5px 0;
          height: 32px;
          border: none;
          width: 35px;
          background: transparent;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 0.25rem !important; }

.breadcrumbs ul {
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  margin-bottom: 0; }
  .breadcrumbs ul li {
    display: flex;
    align-items: center;
    font-size: 16px !important;
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }
    .breadcrumbs ul li span {
      display: flex;
      padding: 0 10px; }
    .breadcrumbs ul li a {
      font-size: 15px !important; }
      .breadcrumbs ul li a:hover {
        text-decoration: none; }
    .breadcrumbs ul li.faded {
      color: #c5c5c5 !important; }

@media screen and (min-width: 1200px) {
  .col-mb-9 {
    flex: 0 0 70%;
    max-width: 70%; } }

@media screen and (min-width: 1975px) {
  .col-mb-9 {
    flex: 0 0 55%;
    max-width: 1200px; } }
/**** PAGE HEADINGS ****/
.heading h1 {
  font-size: 50px;
  font-weight: 700; }
  .heading p {
    font-size: 18px !important;
    line-height: 30px;
    font-weight: 500 !important; }
  .heading .banner-p {
    /*font-family: 'Ubuntu-Light', sans-serif;*/
    font-weight: 300;
    font-weight: 300 !important;
    font-size: 18px;
    color: #fff; }

.sub-heading h1 {
  font-size: 50px;
  color: #fff; }
  .sub-heading p {
    /*font-family: 'Ubuntu-Light', sans-serif;*/
    font-weight: 300;
    font-weight: 300 !important;
    font-size: 18px;
    color: #fff; }
  .sub-heading h4 {
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }
  .sub-heading .float-image {
    float: right;
    height: 160px;
    top: 10px;
    position: absolute;
    right: 0; }
  .sub-heading .float-image img {
    height: 160px; }

.header-list {
  list-style-type: none;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0; }
  .header-list li {
    padding: 0 20px; }
  .header-list li img {
    max-width: 55px; }
/**** FOOTER ****/
.footer {
  z-index: 30;
  bottom: 0;
  position: relative;
  width: 100%; }
  .footer p {
    color: #7e7e7e; }
/**** SUBPAGE SIDE MENU ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.side-menu-container {
  overflow: hidden;
  height: 100vh; }
  .side-menu-container.side-menu-container-icon {
    border-right: 1px solid #dee2e6 !important; }

.side-menu {
  list-style: none;
  padding-left: 0;
  height: 100%;
  border-right: 1px solid #ededed;
  overflow-y: auto;
  padding-bottom: 115px;
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .side-menu::-webkit-scrollbar {
    width: 8px; }
  .side-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    top: 2px; }
  .side-menu::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px; }
  .side-menu::-webkit-scrollbar-thumb:hover {
    background: #999; }
  .side-menu li {
    position: relative;
    border-bottom: 1px solid #ededed; }
  .side-menu li.active {
    color: #0f9fe9 !important; }
  .side-menu li:nth-child(1) {
    border-top: 1px solid #ededed; }
  .side-menu li .top-menu-item {
    cursor: pointer; }
  .side-menu li::before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    transition: background 0.3s ease;
    display: none; }
  .side-menu li:hover::before {
    background: #0f9fe9; }
  .side-menu li .col-2 {
    display: flex;
    align-items: center;
    justify-content: center; }
  .side-menu li a {
    color: #222 !important;
    font-size: 15px;
    transition: all 0.3s ease; }
    .side-menu li a:hover {
      text-decoration: none; }
      .side-menu li a:hover:after {
        display: none !important; }
  .side-menu li:hover a {
    color: #222 !important; }
  .side-menu li .chevron-down {
    transform: rotate(90deg);
    display: flex;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; }
    .side-menu li .chevron-down svg path {
      stroke: #222 !important; }
  .side-menu li .top-link {
    cursor: pointer;
    padding: 20px 0 20px 25px;
    display: block; }
    .side-menu li .top-link:hover {
      color: #222 !important; }
    .side-menu li .top-link span {
      font-size: 16px; }
    .side-menu li .top-link .chevron-down {
      float: right;
      transform: rotate(90deg);
      display: -webkit-inline-box;
      margin-right: 20px;
      transition: all 0.3s ease; }
      .side-menu li .top-link .chevron-down svg path {
        stroke: #196ae3; }
    .side-menu li .dropdown-sub-menu {
      list-style: none;
      padding-left: 0;
      overflow: hidden;
      height: 0;
      transition: all 0.3s ease;
      cursor: pointer;
      position: relative; }
    .side-menu li .dropdown-sub-menu.active {
      height: auto; }
    .side-menu li .dropdown-sub-menu li {
      font-size: 15px;
      font-weight: 500;
      border: none; }
      .side-menu li .dropdown-sub-menu li.active {
        background: #fff !important;
        color: #0f9fe9 !important; }
        .side-menu li .dropdown-sub-menu li.active .top-link {
          background: #0f9fe9 !important; }
          .side-menu li .dropdown-sub-menu li.active .top-link span {
            color: #fff !important; }
      .side-menu li .dropdown-sub-menu li .top-link {
        padding: 15px 0 15px 25px; }
      .side-menu li .dropdown-sub-menu li.active-select {
        background: #f5f5f5; }
      .side-menu li .dropdown-sub-menu li .nav-tabs {
        display: block;
        position: relative;
        border-bottom: none;
        padding: 15px 0px 10px 25px; }
        .side-menu li .dropdown-sub-menu li .nav-tabs .nav-link {
          border: none;
          padding: 0.4rem 0.75rem;
          font-weight: 500; }
          .side-menu li .dropdown-sub-menu li .nav-tabs .nav-link::before {
            display: block;
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            left: 0px;
            background: #e5e5e5;
            top: 0; }
          .side-menu li .dropdown-sub-menu li .nav-tabs .nav-link.active::before {
            background: #0f9fe9; }
          .side-menu li .dropdown-sub-menu li .nav-tabs .nav-link::after {
            display: none; }
      .side-menu li .dropdown-sub-menu li:nth-child(2) {
        margin-top: 0; }
      .side-menu li .dropdown-sub-menu li:hover a {
        color: #222 !important; }
        .side-menu li .dropdown-sub-menu li:hover a:after {
          display: none !important; }
        .side-menu li .dropdown-sub-menu li:hover::before {
          display: none; }
      .side-menu li .dropdown-sub-menu li.active {
        background: #0f9fe9;
        color: #fff; }
        .side-menu li .dropdown-sub-menu li.active a span {
          color: #fff; }
      .side-menu li .dropdown-sub-menu li .top-link-sub {
        cursor: pointer;
        padding: 20px 0 20px 25px;
        display: block; }
        .side-menu li .dropdown-sub-menu li .top-link-sub:hover {
          color: #0f9fe9 !important; }
        .side-menu li .dropdown-sub-menu li .top-link-sub .chevron-down {
          float: right;
          transform: rotate(90deg);
          display: -webkit-inline-box;
          margin-right: 40px;
          transition: all 0.3s ease; }
        .side-menu li .dropdown-sub-menu li .top-link-sub.opened {
          background: #f5f5f5; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu {
          list-style: none;
          padding-left: 0;
          overflow: hidden;
          height: 0;
          transition: all 0.3s ease;
          cursor: pointer; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu li {
          padding: 0;
          font-size: 15px;
          font-weight: 500; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu li:nth-child(1) {
          border-top: none; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu li a {
          color: #636363 !important;
          padding: 12px 0 12px 35px;
          display: -webkit-inline-box;
          width: 100%; }
          .side-menu li .dropdown-sub-menu li .sub-sub-menu li a span {
            display: -webkit-inline-box !important;
            position: relative; }
            .side-menu li .dropdown-sub-menu li .sub-sub-menu li a span:after {
              display: block !important;
              position: absolute;
              content: "";
              width: 100%;
              height: 0;
              background: #0b9fe9;
              transition: all 0.3s ease;
              bottom: 0px; }
          .side-menu li .dropdown-sub-menu li .sub-sub-menu li a:after {
            display: none !important; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu li:hover a {
          color: #0b9fe9 !important; }
          .side-menu li .dropdown-sub-menu li .sub-sub-menu li:hover a span:after {
            display: block !important;
            height: 2px !important; }
          .side-menu li .dropdown-sub-menu li .sub-sub-menu li:hover a:after {
            display: none !important; }
        .side-menu li .dropdown-sub-menu li .sub-sub-menu li.active a {
          color: #0b9fe9 !important; }
  .side-menu.side-menu-icons .main-list .dropdown-sub-menu li.active {
    background: #0f9fe9 !important;
    color: #fff !important; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.simplebar-content-wrapper {
  padding-bottom: 130px !important; }

.side-menu-sub {
  list-style: none;
  padding-left: 0;
  padding-top: 0;
  height: 100%;
  border-right: 1px solid #ececec; }
  .side-menu-sub li {
    padding: 5px 0 5px 25px;
    position: relative; }
  .side-menu-sub li.active a {
    color: #0f9fe9 !important; }
  .side-menu-sub li::before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    background: #f5f5f5;
    transition: background 0.3s ease; }
  .side-menu-sub li:hover::before {
    background: #0f9fe9; }
  .side-menu-sub li a {
    color: #222 !important;
    font-size: 15px;
    transition: all 0.3s ease; }
    .side-menu-sub li a:hover {
      text-decoration: none; }
    .side-menu-sub li a span.chevron-down {
      float: right;
      transform: rotate(90deg);
      display: -webkit-inline-box;
      margin-right: 20px; }
      .side-menu-sub li a span.chevron-down svg path {
        stroke: #196ae3; }
  .side-menu-sub li:nth-child(2) {
    margin-top: 0; }
  .side-menu-sub li.open:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    background: #0f9fe9;
    transition: background 0.3s ease; }
  .side-menu-sub li .top-link {
    cursor: pointer; }
    .side-menu-sub li .top-link:hover {
      color: #0f9fe9 !important; }
    .side-menu-sub li .top-link .chevron-down {
      transform: rotate(90deg);
      transition: all 0.3s ease; }
    .side-menu-sub li .dropdown-sub-menu {
      list-style: none;
      padding-left: 15px;
      padding-top: 5px;
      overflow: hidden;
      height: 0;
      transition: all 0.3s ease;
      cursor: pointer; }
    .side-menu-sub li .dropdown-sub-menu.active {
      height: auto; }
    .side-menu-sub li .dropdown-sub-menu li {
      padding: 5px 0 5px 5px;
      font-size: 15px;
      font-weight: 500; }
      .side-menu-sub li .dropdown-sub-menu li:nth-child(2) {
        margin-top: 0; }
      .side-menu-sub li .dropdown-sub-menu li:hover a {
        color: #222 !important; }
        .side-menu-sub li .dropdown-sub-menu li:hover::before {
          display: none; }
      .side-menu-sub li .dropdown-sub-menu li.active {
        color: #fff;
        background: #0f9fe9; }
      .side-menu-sub li .dropdown-sub-menu li .top-link-sub {
        cursor: pointer; }
        .side-menu-sub li .dropdown-sub-menu li .top-link-sub:hover {
          color: #0f9fe9 !important; }
        .side-menu-sub li .dropdown-sub-menu li .top-link-sub .chevron-down {
          transform: rotate(90deg);
          transition: all 0.3s ease; }
        .bg-dark {
          background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.top-menu {
  padding: 25px !important;
  background: #f5f5f5; }
  .top-menu:before {
    display: none;
    opacity: 0; }
  .top-menu h4 {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2.6px; }

.accordion-scroll {
  height: 100%; }

.card-menu-item {
  border-bottom: solid 1px #ececec; }
  .card-menu-item .card-header {
    padding: 18px 0px 18px 25px;
    background: #fff;
    border-bottom: none; }
  .card-menu-item .card-header .icon-button {
    padding: 0 !important;
    color: #222;
    font-weight: 700;
    position: relative;
    width: 100%;
    text-align: left; }
    .card-menu-item .card-header .icon-button:focus, .card-menu-item .card-header .icon-button:hover {
      text-decoration: none; }
    .card-menu-item .card-header .icon-button .chev-down {
      position: absolute;
      right: 15px;
      top: 0; }
      .card-menu-item .card-header .icon-button .chev-down svg {
        transform: rotate(90deg);
        transition: all 0.3s ease; }
      .card-menu-item .card-header .icon-button .chev-down.active svg {
        transform: rotate(270deg); }
  .card-menu-item .card-header.card-header-link a {
    flex: 0 0 80%;
    max-width: 80%;
    font-size: 16px;
    color: #222 !important;
    font-weight: 700;
    text-decoration: none !important; }
    .card-menu-item .card-header.card-header-link a::after {
      display: none; }
    .card-menu-item .card-header.card-header-link button {
      flex: 0 0 20%;
      max-width: 20%; }
  .card-menu-item .card-menu-section ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px; }
    .card-menu-item .card-menu-section ul li {
      display: grid;
      width: 100%; }
    .card-menu-item .card-menu-section ul li .btn-link {
      color: #222;
      padding: 0.8rem 0; }
      .card-menu-item .card-menu-section ul li .btn-link:focus, .card-menu-item .card-menu-section ul li .btn-link:hover {
        text-decoration: none; }
    .card-menu-item .card-menu-section ul li.active a {
      background: #4b505c;
      color: #fff !important; }
      .card-menu-item .card-menu-section ul li.active button {
        background: #fa5c5c;
        border-radius: 0px;
        padding: 0.8rem 0;
        color: #fff !important; }
    .card-menu-item .card-menu-section ul li a {
      padding: 17px 0 17px 25px;
      font-size: 16px;
      color: #222 !important;
      font-weight: 500;
      text-decoration: none !important; }
      .card-menu-item .card-menu-section ul li a::after {
        display: none !important; }
      .card-menu-item .card-menu-section ul li a.active {
        background: #222;
        color: #fff !important; }
      .card-menu-item .card-menu-section ul li a.active:hover {
        background: #4b505c !important; }
    .card-menu-item .card-menu-section ul li .nav-tabs {
      display: block;
      position: relative;
      border-bottom: none;
      padding: 0 0;
      margin: 15px 0 15px 0; }
      .card-menu-item .card-menu-section ul li .nav-tabs::before {
        display: block;
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        left: 25px;
        background: #e5e5e5;
        top: 0; }
      .card-menu-item .card-menu-section ul li .nav-tabs .nav-link {
        border: none;
        margin: 0.75rem 0;
        font-weight: 500;
        background: transparent !important;
        color: #222 !important;
        font-size: 15px;
        padding: 0 0 0 45px;
        display: inline-block;
        width: 100%; }
      .card-menu-item .card-menu-section ul li .nav-tabs .nav-link::before {
        display: block;
        content: '';
        position: absolute;
        height: 100%;
        left: 25px;
        background: #e5e5e5;
        top: 0; }
      .card-menu-item .card-menu-section ul li .nav-tabs .nav-link.active {
        background: transparent !important;
        color: #fa5c5c !important;
        font-weight: 700; }
        .card-menu-item .card-menu-section ul li .nav-tabs .nav-link.active::before {
          width: 3px;
          background: #fa5c5c; }
      .card-menu-item .card-menu-section ul li .nav-tabs .nav-link::after {
        display: none; }
/**** HOME PAGE TEMPLATE ****/
.search-wrapper {
  position: relative; }
  .search-wrapper .navbar-search {
    width: 100%;
    border-radius: 4px;
    border: none;
    padding-left: 10px;
    box-shadow: 2px 2px 12px 0 #dedede;
    padding: 15px 10px 15px 50px !important;
    height: auto;
    font-size: 15px !important; }
  .search-wrapper .search-icon {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .search-wrapper .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 2px 2px 0;
    height: 100%;
    border: none;
    width: 90px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    background-color: #0f9fe9;
    color: #fff; }
  .search-wrapper .ajaxSearch_close {
    display: none; }
  .search-wrapper .floating-box {
    position: absolute;
    top: 65px;
    background: #fff;
    padding: 1rem;
    width: 100%;
    box-shadow: 4px 4px 17px 0 #cbcbcb;
    border-radius: 4px; }

.latest-projects-row .col-md-3:nth-child(1) {
  padding-left: 0 !important; }
  .latest-projects-row .col-md-3:nth-child(4) {
    padding-right: 0 !important; }
  .latest-projects-row .col-md-3 .home-card {
    box-shadow: 0 2px 7px 0 #e8e8e8;
    background: #fff;
    border-radius: 4px;
    padding: 1rem;
    color: #222 !important;
    transition: all 0.3s ease; }
    .latest-projects-row .col-md-3 .home-card .top-icon {
      text-align: center; }
    .latest-projects-row .col-md-3 .home-card .top-icon .inner-icon {
      border-radius: 50%;
      margin: auto;
      height: 60px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      font-weight: 700;
      background: #ef444f;
      color: #fff; }
      .latest-projects-row .col-md-3 .home-card .top-icon .inner-icon.inner-icon-quick-links {
        background: #31db91; }
    .latest-projects-row .col-md-3 .home-card::after {
      display: none !important; }
    .latest-projects-row .col-md-3 .home-card:hover {
      box-shadow: 3px 7px 7px 0 #dedede; }

.month-block {
  padding-left: 50px;
  position: relative;
  margin: 3rem 0; }
  .month-block::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 3px;
    background: #414a54;
    left: 14px; }
  .month-block .month-div {
    position: relative; }
  .month-block .month-div::before {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    background: #414a54;
    left: -50px;
    border-radius: 50%; }
  .month-block .month-div::after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    left: -40px;
    top: 10px;
    border-radius: 50%; }
  .month-block .title-row {
    padding: 15px 0; }
  .month-block .title-row .tick-before {
    position: absolute;
    height: 20px;
    width: 20px;
    border: solid 3px #414a54;
    left: 5px;
    border-radius: 50%;
    background: #fff;
    margin-top: 5px; }
    .month-block .title-row .tick-before .tick {
      left: 4.5px;
      top: 1.5px;
      width: 4px;
      height: 10px;
      border: solid #16cf82;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute; }
  .month-block .title-row .pill-mod {
    padding: 5px 0;
    border-radius: 25px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px; }
    .month-block .title-row .pill-mod.pill-Added {
      background: #16cf82; }
    .month-block .title-row .pill-mod.pill-Removed {
      background: #d0021b; }
    .month-block .title-row .pill-mod.pill-Updated {
      background: #8dd2ff;
      color: #222; }
    .month-block .title-row .pill-mod.pill-Upcoming {
      background: #636c77; }
  .month-block .title-row .pill-added {
    padding: 5px 0;
    background: #16cf82;
    border-radius: 25px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px; }
/**** PROJECTS ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.grey-card {
  background: #f5f5f5 !important; }
  .grey-card .card-header {
    background: none !important; }
  .grey-card .card-footer {
    background: none !important; }

.figma_icon {
  height: 45px;
  width: 45px; }

.figma-embed iframe {
  width: 100% !important;
  height: 400px !important; }
/**** LEVEL TWO TEMPLATE ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.level-two .bg-dark {
  background-color: #404b67 !important; }
  .level-two .bg-light {
    background: #f5f5f5 !important; }
  .level-two #editpage {
    background: #196ae3;
    color: #fff !important; }
  .level-two #editpage:hover {
    background: #08517a;
    text-decoration: none; }
    .level-two #editpage:hover::after {
      display: none; }
  .level-two body {
    background: #fff; }
  .level-two body, .level-two html {
    height: 100% !important; }
  .level-two a {
    position: relative; }
  .level-two a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  .level-two a:hover {
    text-decoration: none; }
    .level-two a:hover:after {
      height: 2px; }
  @media screen and (min-width: 1400px) and (max-width: 1600px) {
  .level-two .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }
  .level-two .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }
  .level-two .section-list {
    /*font-family: 'Ubuntu-Medium', sans-serif;*/ }
  .level-two .section-list h2 {
    color: #222 !important;
    font-size: 24px !important; }
    .level-two .section-list h2 a {
      color: #196ae3 !important;
      font-size: 15px !important; }
    .level-two .section-list h2 a:after {
      right: 0;
      left: unset; }
  .level-two .section-list p {
    line-height: 26px; }
  .level-two .col-3-cats:nth-child(1) {
    padding-right: 15px !important; }
  .level-two .col-3-cats:nth-child(2) {
    padding: 0 15px 0 7.5px !important; }
  .level-two .col-3-cats:nth-child(3) {
    padding: 0 7.5px !important; }
  .level-two .col-3-cats:nth-child(4) {
    padding: 0 7.5px 0 15px !important; }
  .level-two .col-3-cats:nth-child(5) {
    margin-top: 10px;
    padding: 15px 15px 15px 0 !important; }
  .level-two .col-3-cats:nth-child(6) {
    margin-top: 10px;
    padding: 15px 15px 15px 7.5px !important; }
  .level-two .col-3-cats:nth-child(7) {
    margin-top: 10px;
    padding: 15px 7.5px !important; }
  .level-two .col-3-cats:nth-child(8) {
    margin-top: 10px;
    padding: 15px 7.5px 15px 15px !important; }
  .level-two .col-3-cats .cat-card-col {
    background: #fff;
    height: 100%;
    border: solid 1px rgba(139, 139, 139, 0.2);
    box-shadow: 2px 2px 7px 0 rgba(157, 157, 157, 0.5);
    padding: 28px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222 !important;
    font-size: 15px;
    text-align: center; }
    .level-two .col-3-cats .cat-card-col .cat-card:hover {
      text-decoration: none; }
    .level-two .col-3-cats .cat-card-col a:hover:after {
      display: none !important; }
    .level-two .col-3-cats .cat-card-col .view-all-link {
      display: block;
      text-align: center;
      padding-top: 10px; }

.text-block img {
  max-width: 100%; }

.img-block {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 20px; }
  .img-block img {
    max-height: 100%;
    max-width: 100%; }

.card-link {
  box-shadow: 0 2px 7px 0 #e8e8e8;
  transition: all 0.3s ease;
  border: none; }
  .card-link::after {
    display: none !important; }
  .card-link:hover {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  .card-link h4 {
    color: #222 !important; }
  .card-link .bg-for-icon {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    overflow: hidden; }
  .card-link .bg-for-icon img {
    width: 100%; }
  .card-link .bg-for-icon.tools-bg {
    background: #ff474e; }
  .card-link .bg-for-icon.resources-bg {
    background: #31db91; }
  .card-link .resource-intro-card p {
    margin-bottom: 0px !important;
    font-size: 15px;
    color: #b3b3b3; }

.level-two .section-list .section-category-corntainer {
  margin-left: -15px; }
  .level-two .section-list .section-category-corntainer .col-md-4::after {
    display: none !important; }
  .level-two .section-list .section-category-corntainer .col-md-4 .categories {
    box-shadow: 0 2px 7px 0 #e8e8e8;
    transition: all 0.3s ease;
    padding: 1.75rem; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories:hover {
      box-shadow: 4px 4px 17px 0 #cbcbcb; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories .category-icon {
      height: 60px; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories .category-icon img {
      height: 100%; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories .category-icon .circle {
      background: #ff474e;
      height: 60px;
      width: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 26px;
      font-weight: 700;
      overflow: hidden; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories h2 {
      font-size: 18px !important;
      margin-bottom: 0px !important; }
    .level-two .section-list .section-category-corntainer .col-md-4 .categories p {
      margin-bottom: 0px !important;
      opacity: 0.6;
      line-height: 24px;
      font-size: 15px; }
/**** LEVEL TWO CATEGORY TEMPLATE ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.atom-card {
  box-shadow: 2px 2px 10px 0 #dbdbdb;
  border: solid 1px rgba(139, 139, 139, 0.2); }
  .atom-card h3 {
    color: #222;
    font-size: 18px;
    line-height: 21px; }
/**** LEVEL THREE TEMPLATE ****/
.atom-view-card {
  background: #f5f5f5;
  padding: 2rem !important;
  border: none; }
  .atom-view-card.White {
    box-shadow: 1px 0 12px 1px rgba(115, 115, 115, 0.28);
    background: #fff !important; }
  .atom-view-card.Grey {
    background: #f5f5f5; }
  .atom-view-card.white-list-card {
    padding: 0 !important; }
  .atom-view-card h3 {
    color: #2f4248;
    font-size: 24px;
    line-height: 21px;
    margin-bottom: 0; }
  .atom-view-card hr {
    margin-top: 0.5rem;
    margin-bottom: 0; }
  .atom-view-card .text-label {
    display: none; }

.search-container {
  border-radius: 30px;
  display: flex;
  flex-wrap: wrap;
  height: 50px; }
  .search-container .search-bar {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 8px 1px #dcdcdc;
    border: 0;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Umbraco-Regular', sans-serif;
    padding: 0 0 0 20px;
    transition: all 0.3s ease; }
  .search-container .search-bar:focus {
    outline: none;
    box-shadow: 0 2px 8px 1px #b7b7b7; }
  .search-container .search-bar:hover, .search-container .search-bar::-webkit-search-decoration, .search-container .search-bar::-webkit-search-cancel-button {
    -webkit-appearance: none !important; }
  .search-container .search-bar::placeholder {
    color: #c7c7c7; }

.search-btn-wrapper {
  background: transparent;
  width: 55px;
  height: 50px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
  display: flex; }
  .search-btn-wrapper .search-submit {
    -webkit-appearance: none;
    border: none;
    background: transparent;
    flex-grow: 0;
    padding: 0 20px 0 13px;
    cursor: pointer;
    transition: all 0.3s ease; }
  .search-btn-wrapper .search-submit svg path {
    fill: #0b9fe9; }

.search-placeholder {
  border: 0;
  background: transparent;
  width: 100%;
  height: 50px;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease; }
  .search-placeholder:focus {
    outline: none; }
  .search-placeholder:focus::placeholder {
    color: transparent; }
  .search-placeholder::placeholder {
    color: #c7c7c7; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.clear-search {
  display: flex;
  flex-grow: 0;
  padding: 0 15px;
  align-items: center;
  opacity: 1;
  transition: opacity 0.4s ease;
  height: 50px;
  color: #196ae3; }
  .clear-search::after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: #196ae3;
    right: 0; }

.reset-search-btn-wrapper {
  background: transparent;
  width: 105px;
  height: 50px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
  display: flex; }
  .reset-search-btn-wrapper .search-submit {
    -webkit-appearance: none;
    border: none;
    background: #0f9fe9;
    flex-grow: 0;
    padding: 0 20px 0 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }

.badge-tag {
  background-color: #e88f53;
  color: #fff;
  /*font-family: 'Ubuntu-Light', sans-serif;*/
  font-weight: 300;
  font-size: 12px;
  position: relative;
  padding-left: 1rem;
  padding-right: 2rem !important;
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease; }
  .badge-tag .close-tag {
    position: absolute;
    right: 1rem;
    /*font-family: 'Ubuntu-Light', sans-serif;*/
    font-weight: 300;
    top: 6px;
    cursor: pointer; }
  .badge-tag .close-tag:hover::after {
    display: none; }
  .badge-tag.close-tag {
    top: 10px;
    opacity: 0;
    width: 0;
    visibility: hidden;
    padding: 0 !important;
    margin-right: 0 !important; }

.pill-row {
  margin-top: 1.5rem; }
  .pill-row .tag-pill {
    margin: 0.5rem 0; }

@keyframes changewidth {
  0% {
    width: 100%;
    padding: 0 2rem 0 1rem;
    margin-right: 1rem; }

  100% {
    width: 0;
    padding: 0;
    margin-right: 0; } }

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 25px; }
  .radio-container .text-label {
    font-size: 15px;
    margin-top: -5px;
    display: block; }
  .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .radio-container input:checked ~ .checkmark {
    background-color: #196ae3; }
  .radio-container input:checked ~ .checkmark:after {
    display: block; }
  .radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%; }
  .radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white; }
  .radio-container:hover input ~ .checkmark {
    background-color: #ccc; }

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 25px; }
  .checkbox-container .text-label {
    font-size: 15px;
    padding-top: 2px;
    display: block; }
  .checkbox-container .text-label.disabled {
    opacity: 0.3; }
  .checkbox-container:hover input ~ .checkmark {
    background-color: #fff; }
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .checkbox-container input:checked ~ .checkmark {
    background-color: #196ae3;
    border: solid 1px #196ae3; }
  .checkbox-container input:checked ~ .checkmark:after {
    display: block; }
  .checkbox-container input[disabled] ~ .checkmark {
    opacity: 0.3; }
  .checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 2px;
    border: solid 1px #d1d1d1; }
  .checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.checkbox-container-circle {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 25px;
  width: 25px; }
  .checkbox-container-circle .text-label {
    font-size: 15px;
    padding-top: 2px;
    display: block; }
  .checkbox-container-circle .text-label.disabled {
    opacity: 0.3; }
  .checkbox-container-circle:hover input ~ .checkmark {
    background-color: #fff; }
  .checkbox-container-circle input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .checkbox-container-circle input:checked ~ .checkmark {
    background-color: #196ae3;
    border: solid 1px #196ae3; }
  .checkbox-container-circle input:checked ~ .checkmark:after {
    display: block; }
  .checkbox-container-circle input[disabled] ~ .checkmark {
    opacity: 0.3; }
  .checkbox-container-circle .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 1px #d1d1d1; }
  .checkbox-container-circle .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 3px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.proposal-nav-tabs-container {
  box-shadow: inset 0px -2px 3px 0 #dcdcdc;
  background: #ebebeb;
  border-radius: 4px 4px 0 0; }
  .proposal-nav-tabs-container .proposal-nav-tabs {
    position: relative;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0; }
  .proposal-nav-tabs-container .proposal-nav-tabs .bg-dark {
    background-color: #404b67 !important; }
  .proposal-nav-tabs-container .proposal-nav-tabs .bg-light {
    background: #f5f5f5 !important; }
  .proposal-nav-tabs-container .proposal-nav-tabs #editpage {
    background: #196ae3;
    color: #fff !important; }
  .proposal-nav-tabs-container .proposal-nav-tabs #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  .proposal-nav-tabs-container .proposal-nav-tabs #editpage:hover::after {
    display: none; }
  .proposal-nav-tabs-container .proposal-nav-tabs body {
    background: #fff; }
  .proposal-nav-tabs-container .proposal-nav-tabs body, .proposal-nav-tabs-container .proposal-nav-tabs html {
    height: 100% !important; }
  .proposal-nav-tabs-container .proposal-nav-tabs a {
    position: relative; }
  .proposal-nav-tabs-container .proposal-nav-tabs a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  .proposal-nav-tabs-container .proposal-nav-tabs a:hover {
    text-decoration: none; }
  .proposal-nav-tabs-container .proposal-nav-tabs a:hover:after {
    height: 2px; }
  @media screen and (min-width: 1400px) and (max-width: 1600px) {
    .proposal-nav-tabs-container .proposal-nav-tabs .col-mb-9 {
      -ms-flex: 0 0 50%;
      flex: 0 0 70%;
      max-width: 70%; }

    .proposal-nav-tabs-container .proposal-nav-tabs .col-mb-10 {
      flex: 0 0 83%;
      max-width: 83%; } }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item {
    flex-grow: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link {
    color: #222 !important;
    font-size: 14px;
    padding: 15px 0;
    position: relative;
    background: transparent;
    transition: background 0.2s ease, padding-top 0.2s ease, padding-bottom 0.2s ease, margin-top 0.2s ease;
    margin-top: 0;
    border: 0;
    border-bottom: solid 1px #fff; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link:hover {
    background: #e4e4e4; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link::before {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    top: 0;
    left: 0; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link::after {
    content: '';
    display: block;
    position: absolute;
    height: 20px;
    right: -1px;
    width: 1px;
    background: rgba(169, 169, 169, 0.5);
    top: 14px; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link.active {
    background: #fff;
    color: #222 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    z-index: 10;
    box-shadow: 0 1px 8px 3px #dcdcdc;
    overflow: hidden;
    margin-top: -2px;
    padding-bottom: 14px;
    padding-top: 17px; }
    .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item .nav-link.active::after {
      background: transparent; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item:nth-last-child(1) .nav-link::after {
    background: transparent; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item:nth-child(1) .nav-link.active {
    box-shadow: 6px 1px 8px 0 #dcdcdc !important; }
  .proposal-nav-tabs-container .proposal-nav-tabs li.nav-item:nth-last-child(1) .nav-link.active {
    box-shadow: -2px 1px 8px 0 #dcdcdc !important; }

.proposal-container {
  box-shadow: 0 2px 8px 0 #dcdcdc; }
  .proposal-container .proposal-tab-content {
    position: relative;
    z-index: 20;
    background: #fff; }

.navigation-tabs {
  border-bottom: solid 1px rgba(169, 169, 169, 0.4); }
  .navigation-tabs .in-page-nav {
    list-style: none;
    padding-left: 0;
    display: -webkit-inline-box;
    margin-bottom: 0; }
  .navigation-tabs .in-page-nav li {
    padding: 10px 20px 5px;
    position: relative; }
  .navigation-tabs .in-page-nav li a {
    color: #222 !important;
    position: relative;
    padding: 0 1px;
    font-family: "Ubuntu-Regular", sans-serif; }
  .navigation-tabs .in-page-nav li a:hover {
    text-decoration: none; }
  .navigation-tabs .in-page-nav li a::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -9px;
    background: transparent; }
  .navigation-tabs .in-page-nav li.active a {
    font-family: "Ubuntu-Medium", sans-serif; }
    .navigation-tabs .in-page-nav li.active a::after {
      background: #0b9fe9; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.standard-list ul {
  padding-left: 0;
  list-style: none; }
  .standard-list ul li {
    padding: 5px 0 !important;
    font-size: 15px !important; }

.input-example {
  border-radius: 2px;
  border: 1px solid #c6c6c6;
  padding: 10px;
  display: block;
  font-size: 15px;
  font-family: "Umbraco-Medium", sans-serif;
  width: 100%; }
  .input-example::placeholder {
    color: #c7c7c7; }

.proposal-table {
  margin-bottom: 3rem; }
  .proposal-table thead th {
    font-size: 12px;
    opacity: 0.6;
    padding: 30px 0.75rem 5px;
    border-top: 0; }
  .proposal-table tbody {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  .proposal-table tbody tr {
    transition: background 0.3s ease;
    cursor: pointer; }
  .proposal-table tbody tr:hover {
    background: #eee; }
  .proposal-table tbody tr td {
    height: 100%; }
  .proposal-table tbody tr td p {
    font-size: 14px !important;
    font-weight: 400 !important; }
  .proposal-table tbody tr td .duplicate-this {
    box-shadow: 0 2px 8px 0 #dcdcdc;
    margin: auto;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s ease; }

.sort-dropdown-wrapper {
  position: relative;
  border-radius: 30px;
  width: 215px; }
  .sort-dropdown-wrapper select {
    display: none;
    /*hide original SELECT element:*/ }
  .sort-dropdown-wrapper .select-selected {
    color: #222;
    background: #fff;
    padding: 0 50px 0 15px;
    cursor: pointer;
    user-select: none;
    border-radius: 2px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 14px;
    box-shadow: 0 2px 8px 1px #dcdcdc; }
  .sort-dropdown-wrapper .select-selected.select-close {
    border-radius: 2px; }
  .sort-dropdown-wrapper .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0; }
  .sort-dropdown-wrapper .dropdown-chevron {
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(90deg); }
  .sort-dropdown-wrapper .select-items {
    position: absolute;
    background-color: #196ae3;
    top: 115%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 2px;
    box-shadow: 0 2px 8px 1px #dcdcdc;
    overflow: hidden;
    transition: all 0.3s ease; }
  .sort-dropdown-wrapper .select-items div {
    color: #222;
    background: #fff;
    padding: 10px 15px;
    font-size: 14px; }
  .sort-dropdown-wrapper .select-items div .checkbox-container .option-name {
    padding-left: 20px;
    display: block;
    margin-top: -8px; }
  .sort-dropdown-wrapper .select-hide {
    display: none; }
  .sort-dropdown-wrapper .select-items div:hover, .sort-dropdown-wrapper .same-as-selected {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer; }

.multi-sort-drop .select-items div:hover {
  background: #fff;
  color: #222; }

.btn-primary {
  padding: 15px 30px;
  display: -webkit-inline-box;
  background-color: #da0d15;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer; }
  .btn-primary:hover {
    background-color: #ae0a10 !important; }
  .btn-primary:active {
    background-color: #980005 !important; }
  .btn-primary:after {
    display: none !important; }

.secondary-button {
  padding: 15px 30px;
  display: -webkit-inline-box;
  background: #37474f;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer; }
  .secondary-button:hover {
    background-color: #10171d !important; }
  .secondary-button:active {
    background-color: #10171d !important; }
  .secondary-button:after {
    display: none !important; }

.btn-ghost {
  padding: 15px 30px;
  display: -webkit-inline-box;
  background-color: transparent;
  color: #da0d15 !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  border: solid 1px #da0d15; }
  .btn-ghost:hover {
    background-color: #da0d15;
    color: #fff !important; }
  .btn-ghost:active {
    background-color: #980005 !important; }
  .btn-ghost:after {
    display: none !important; }

.btn-ghost-white-blue {
  padding: 10px 35px;
  display: -webkit-inline-box;
  background-color: transparent;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  border: solid 1px #fff; }
  .btn-ghost-white-blue:hover {
    background-color: #fff;
    color: #007bff !important; }
  .btn-ghost-white-blue:active {
    background-color: #007bff !important; }
  .btn-ghost-white-blue:after {
    display: none !important; }

.btn-ghost-white-orange {
  padding: 10px 35px;
  display: -webkit-inline-box;
  background-color: transparent;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  border: solid 1px #fff; }
  .btn-ghost-white-orange:hover {
    background-color: #fff;
    color: #f1810d !important; }
  .btn-ghost-white-orange:active {
    background-color: #f1810d !important; }
  .btn-ghost-white-orange:after {
    display: none !important; }

.btn-ghost-white-red {
  padding: 10px 35px;
  display: -webkit-inline-box;
  background-color: transparent;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  border: solid 1px #fff; }
  .btn-ghost-white-red:hover {
    background-color: #fff;
    color: #ed2c2c !important; }
  .btn-ghost-white-red:active {
    background-color: #ed2c2c !important; }
  .btn-ghost-white-red:after {
    display: none !important; }

.btn-ghost-white-green {
  padding: 10px 35px;
  display: -webkit-inline-box;
  background-color: transparent;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  border: solid 1px #fff; }
  .btn-ghost-white-green:hover {
    background-color: #fff;
    color: #04bb60 !important; }
  .btn-ghost-white-green:active {
    background-color: #04bb60 !important; }
  .btn-ghost-white-green:after {
    display: none !important; }

.btn-tertiary {
  padding: 15px 30px;
  display: -webkit-inline-box;
  background-color: #e6e6e6;
  color: #222 !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer; }
  .btn-tertiary:hover {
    background-color: rgba(0, 0, 0, 0.15); }
  .btn-tertiary:active {
    background-color: #a0a0a0 !important; }
  .btn-tertiary:after {
    display: none !important; }

.small-button {
  padding: 10px 25px;
  display: -webkit-inline-box;
  background-color: #da0d15;
  color: #fff !important;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer; }
  .small-button:hover {
    background-color: #ae0a10 !important; }
  .small-button:active {
    background-color: #980005 !important; }
  .small-button:after {
    display: none !important; }
/*font-family: 'Ubuntu-Medium', sans-serif;*/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.basic-text-input {
  padding: 8px;
  border-radius: 2px;
  background: transparent;
  border: 1px solid #c6c6c6;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  font-size: 14px; }
  .basic-text-input::placeholder {
    color: #dadada;
    transition: all 0.3s ease; }
  .basic-text-input:focus {
    outline: none;
    color: #222; }
  .basic-text-input:focus::placeholder {
    color: #fff; }

.basic-dropdown-wrapper {
  position: relative;
  width: 215px; }
  .basic-dropdown-wrapper select {
    display: none;
    /*hide original SELECT element:*/ }
  .basic-dropdown-wrapper .select-selected {
    color: #222;
    background: transparent;
    padding: 0 50px 0 0;
    cursor: pointer;
    user-select: none;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border: solid 1px;
    border-color: transparent transparent #e0e0e0 transparent; }
  .basic-dropdown-wrapper .select-selected.select-close {
    border-radius: 0; }
  .basic-dropdown-wrapper .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0; }
  .basic-dropdown-wrapper .dropdown-chevron {
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(90deg); }
  .basic-dropdown-wrapper .select-items {
    position: absolute;
    background-color: #196ae3;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 0;
    box-shadow: 0 2px 8px 1px #dcdcdc;
    overflow: hidden;
    transition: all 0.3s ease; }
  .basic-dropdown-wrapper .select-items div {
    color: #222;
    background: #fff;
    padding: 10px 15px;
    font-size: 14px; }
  .basic-dropdown-wrapper .select-items div .checkbox-container .option-name {
    padding-left: 20px;
    display: block;
    margin-top: -8px; }
  .basic-dropdown-wrapper .select-hide {
    display: none; }
  .basic-dropdown-wrapper .select-items div:hover, .basic-dropdown-wrapper .same-as-selected {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer; }

.basic-text-area {
  padding: 10px;
  background: transparent;
  border: solid 1px #e0e0e0;
  /*font-family: 'Ubuntu-Regular', sans-serif;*/
  font-weight: 600;
  font-size: 15px;
  border-radius: 2px; }
  .basic-text-area::placeholder {
    color: #dadada; }
  .basic-text-area:focus {
    outline: none;
    color: #222; }

.float-label {
  background: #fff;
  margin-bottom: 0;
  padding: 5px;
  line-height: 1;
  font-size: 12px !important; }

.system-notification-banner {
  font-family: 'Ubuntu-Regular', sans-serif !important;
  font-size: 15px; }
  .system-notification-banner p {
    font-family: 'Ubuntu-Regular', sans-serif !important;
    font-size: 15px !important; }

.avatar {
  height: 60px;
  width: 60px;
  background: #222;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .avatar span {
    font-size: 28px;
    color: #fff;
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }

.small-text {
  font-size: 12px; }

.display-1 {
  font-size: 50px !important; }
/**** LEVEL ATOMS TEMPLATE ****/
/**** LEVEL MOLECULES TEMPLATE ****/
.atom-view-card .pull-atoms {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
  .atom-view-card .pull-atoms li {
    padding: 0 10px; }
  .atom-view-card .pull-atoms li:nth-child(1) {
    padding-left: 0; }
  .atom-view-card .pull-atoms li:nth-last-child(1) {
    padding-right: 0; }
  .atom-view-card .pull-atoms li .search-container .search-bar::placeholder {
    color: #c7c7c7; }
  .atom-view-card .pull-atoms li .radio-container .text-label {
    display: none; }
  .atom-view-card .pull-atoms li .text-label {
    display: block;
    height: 25px;
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important; }
  .atom-view-card .buttons-div:nth-child(1) {
    margin-top: 0 !important; }
  .atom-view-card .buttons-div:nth-last-child(1) {
    margin-bottom: 0 !important; }

.Standard-Search-molecule .search-container .search-bar::placeholder {
  color: #c7c7c7; }
  .Standard-Search-molecule .search-container .search-bar:focus {
    outline: none; }
  .Standard-Search-molecule .search-container .search-bar:focus::placeholder {
    color: transparent; }
  .Standard-Search-molecule .search-btn-wrapper {
    float: right;
    top: 0;
    position: absolute;
    right: 0;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .Standard-Search-molecule .clear-search {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    float: right;
    top: 0;
    position: absolute;
    right: 60px;
    opacity: 0;
    transition: all 0.4s ease; }
  .Standard-Search-molecule .clear-search.active {
    opacity: 1; }
  .Standard-Search-molecule .search-placeholder-container {
    display: none; }

.tag-search-bar-wrapper .tag-search-bar {
  background: #fff;
  box-shadow: 0 2px 8px 1px #dcdcdc;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  height: 50px;
  padding: 0 0 0 20px; }
  .tag-search-bar-wrapper .tag-search-bar input.search-bar {
    border: 0;
    flex-grow: 1;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Umbraco-Regular', sans-serif; }
  .tag-search-bar-wrapper .tag-search-bar .search-bar::placeholder {
    color: #c7c7c7; }
  .tag-search-bar-wrapper .tag-search-bar .search-bar:focus {
    outline: none; }
  .tag-search-bar-wrapper .tag-search-bar .search-bar:focus::placeholder {
    color: transparent; }

.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.pagination-container {
  padding-bottom: 2.5rem !important;
  padding-top: 1.5rem !important; }
  .pagination-container .pagination {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin-bottom: 0; }
  .pagination-container .pagination li {
    padding: 0 5px;
    font-size: 14px !important;
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }
  .pagination-container .pagination li.prev {
    opacity: 0.6;
    padding-right: 15px; }
  .pagination-container .pagination li.next {
    color: #222 !important;
    padding-left: 15px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease; }
  .pagination-container .pagination li.next:hover {
    text-decoration: underline; }
  .pagination-container .pagination li a.number {
    color: #222 !important;
    padding: 0 10px;
    cursor: pointer;
    transition: color 0.3s ease; }
  .pagination-container .pagination li a.number:hover {
    color: #0b9fe9; }
  .pagination-container .pagination li a.number.active {
    background: #0b9fe9;
    color: #fff !important;
    padding: 5px 8px;
    border-radius: 4px; }

.actionable-table tbody tr td .origin-span {
  padding-top: 12px;
  display: block; }
  .actionable-table tbody tr td p {
    padding-top: 10px; }

.navigation-tabs-inline ul {
  padding-left: 0;
  list-style: none;
  display: inline-flex; }
  .navigation-tabs-inline ul li {
    padding: 0 10px !important;
    font-size: 15px !important; }

.table-selection tbody tr td {
  padding: 20px 0.75rem 5px !important;
  line-height: 1;
  margin-bottom: 0; }

.toggle-view {
  /*font-family: 'Ubuntu-Medium', sans-serif;*/ }
  .toggle-view .title-label {
    font-weight: 600; }
  .toggle-view label {
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600; }
  .toggle-view label.active {
    color: #ffa726; }

.float-label-text-input .float-label {
  position: absolute;
  top: -11px;
  z-index: 10;
  left: 10px;
  opacity: 0;
  transition: all 0.3s ease; }
  .float-label-text-input .basic-text-input {
    padding: 12px;
    transition: all 0.3s ease;
    height: 50px; }
  .float-label-text-input .basic-text-input:focus {
    border: solid 2px #0f9fe9; }
  .float-label-text-input .basic-text-input:focus ~ .float-label {
    color: #0f9fe9 !important;
    opacity: 1; }

.float-label-text-area .float-label {
  position: absolute;
  top: -12px;
  z-index: 10;
  left: 10px;
  opacity: 0;
  transition: all 0.3s ease; }
  .float-label-text-area .basic-text-area {
    padding: 12px;
    transition: all 0.3s ease; }
  .float-label-text-area .basic-text-area:focus {
    border: solid 2px #0f9fe9; }
  .float-label-text-area .basic-text-area:focus ~ .float-label {
    color: #0f9fe9 !important;
    opacity: 1; }
/**** LEVEL ORGANISMS TEMPLATE ****/
.menu-left {
  background-color: #1f1f1f;
  width: 75px !important;
  height: 100vh !important;
  transition: all 0.2s ease-in;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative !important;
  z-index: 90000;
  box-shadow: 1px 1px 5px #a6a6a6;
  top: 0; }
  .menu-left.open {
    width: 220px !important; }
  .menu-left ul.top-menu {
    list-style: none;
    padding: 0 0 0 !important;
    margin-bottom: 0; }
  .menu-left ul.top-menu li {
    position: relative; }
  .menu-left ul.top-menu li:nth-child(1) {
    padding-bottom: 20px;
    padding-top: 15px;
    background: #414141; }
  .menu-left ul.top-menu li hr {
    border-top: 1px solid rgba(228, 228, 228, 0.8);
    margin-bottom: 0;
    margin-top: 20px; }
  .menu-left ul.top-menu li .hidden {
    transition: left 0.3s ease-in;
    margin: -5px 0 0 16px; }
  .menu-left ul.top-menu li .show-on-open {
    position: absolute;
    z-index: 9;
    font-size: 14px;
    left: 75px;
    width: 90px;
    transition: all 0.3s ease-in;
    top: 5px; }
  .menu-left ul.top-menu li .close-section .shown {
    display: block; }
    .menu-left ul.top-menu li .close-section .menu-burger {
      position: relative;
      height: 20px;
      width: 60px;
      margin-top: -5px;
      transition: margin-left 0.3s ease-in, margin-top 0.3s ease-in;
      cursor: pointer; }
    .menu-left ul.top-menu li .close-section .menu-burger .close-line {
      height: 2px;
      width: 20px;
      background: #fff;
      display: block;
      position: absolute;
      left: 26px;
      opacity: 1; }
    .menu-left ul.top-menu li .close-section .menu-burger .top-line {
      top: 8px; }
      .menu-left ul.top-menu li .close-section .menu-burger .top-line.open {
        animation: topline 0.4s forwards; }
      .menu-left ul.top-menu li .close-section .menu-burger .top-line.close {
        animation: toplineclose 0.4s forwards; }
    .menu-left ul.top-menu li .close-section .menu-burger .mid-line {
      top: 14px; }
      .menu-left ul.top-menu li .close-section .menu-burger .mid-line.open {
        animation: midline 0.4s forwards; }
      .menu-left ul.top-menu li .close-section .menu-burger .mid-line.close {
        animation: midlineclose 0.4s forwards; }
    .menu-left ul.top-menu li .close-section .menu-burger .bottom-line {
      top: 20px; }
      .menu-left ul.top-menu li .close-section .menu-burger .bottom-line.open {
        animation: bottomline 0.4s forwards; }
      .menu-left ul.top-menu li .close-section .menu-burger .bottom-line.close {
        animation: bottomlineclose 0.4s forwards; }
    .menu-left ul.top-menu li .close-section .close-text {
      position: absolute;
      top: 5px;
      left: 75px;
      font-size: 14px;
      font-weight: 700; }
    .menu-left ul.top-menu li .close-section .close-text p {
      color: #fff; }
  .menu-left ul.main-menu {
    list-style: none;
    padding-left: 0;
    width: 75px;
    padding-top: 0; }
  .menu-left ul.main-menu li {
    position: relative;
    padding: 13px 25px;
    width: 240px; }
  .menu-left ul.main-menu li.active {
    background: #0b9fe9; }
    .menu-left ul.main-menu li.active svg path, .menu-left ul.main-menu li.active svg p {
      fill: #fff; }
  .menu-left ul.main-menu li svg {
    position: relative;
    z-index: 10; }
    .menu-left ul.main-menu li svg path, .menu-left ul.main-menu li svg p {
      fill: #fff; }
  .menu-left ul.main-menu li .menu-text {
    position: absolute;
    z-index: 9;
    top: 14px;
    font-size: 14px;
    left: 75px;
    width: 90px;
    transition: all 0.3s ease-in;
    color: #fff; }
  .menu-left ul.main-menu li .arrow-down {
    position: absolute;
    z-index: 9;
    top: 22px;
    left: 195px;
    height: 15px;
    width: 20px; }
    .menu-left ul.main-menu li .arrow-down .left-line {
      display: block;
      width: 7px;
      height: 2px;
      background: #222;
      transform: rotate(45deg) translateY(-1px); }
    .menu-left ul.main-menu li .arrow-down .right-line {
      display: block;
      width: 7px;
      height: 2px;
      background: #222;
      transform: rotate(-45deg) translateX(5px) translateY(1px); }
  .menu-left ul.main-menu li .hidden-menu {
    position: relative;
    width: 170px;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in; }

.search-and-sort .search-container .search-bar {
  width: 100%;
  height: 50px; }
  .search-and-sort .search-container .clear-search {
    position: absolute;
    right: 60px; }
  .search-and-sort .search-container .search-btn-wrapper {
    position: absolute;
    right: 20px; }
/**** LEVEL 404 TEMPLATE ****/
.error-404 {
  box-shadow: 0 5px 24px 0 rgba(190, 190, 190, 0.49);
  background: #fff; }
  .error-404 .circle-image-container {
    border-radius: 50%;
    overflow: hidden; }
  .error-404 .circle-image-container img {
    width: 100%; }
  .error-404 h1 {
    /*font-family: 'Ubuntu-Regular', sans-serif;*/
    font-weight: 600;
    font-size: 48px; }
  .error-404 h3 {
    font-size: 18px; }
  .error-404 h3 a {
    font-size: 18px;
    /*font-family: "Ubuntu-Medium", sans-serif;*/ }
  .error-404 h3 a:hover:after {
    display: none !important; }
  .error-404 input {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 25px;
    font-size: 15px;
    padding: 10px;
    width: 80%;
    height: 45px; }
  .error-404 input:focus {
    outline: none; }
  .error-404 .search-submit {
    width: 20%;
    -webkit-appearance: none;
    background: #0b9fe9;
    border: solid 1px #0b9fe9;
    margin-top: 10px;
    padding: 10px;
    color: #fff;
    border-radius: 2px; }
/**** LEVEL Prototypes TEMPLATE ****/
.content-card-home {
  box-shadow: 2px 2px 7px 0 rgba(115, 115, 115, 0.5);
  border-radius: 2px;
  background: #fff;
  transition: all 0.4s ease-in-out; }
  .content-card-home .small-icon {
    height: 80px;
    width: auto; }
  .content-card-home .card-link {
    background: #fff;
    transition: background 0.3s ease; }
  .content-card-home .card-link:hover {
    background: #eee; }
  .content-card-home .bg-green, .content-card-home .bg-primary, .content-card-home .bg-red, .content-card-home .bg-indigo, .content-card-home .bg-purple {
    transition: all 0.4s ease-in-out; }
  .content-card-home .bg-green {
    background: #00d189; }
  .content-card-home .bg-red {
    background: #f04242; }
  .content-card-home .bg-purple {
    background: #3e4cb0 !important; }
  .content-card-home:hover {
    box-shadow: none; }
  .content-card-home:hover .bg-green {
    background: #04a870 !important; }
  .content-card-home:hover .bg-primary {
    background: #0a84c1 !important; }
  .content-card-home:hover .bg-red {
    background: #c13636 !important; }
  .content-card-home:hover .bg-indigo {
    background: #7f3fc1 !important; }
  .content-card-home:hover .bg-purple {
    background-color: #3e4cb0 !important; }
  .content-card-home:hover .bg-blue {
    background-color: #0b9fe9 !important; }
  .content-card-home a:hover:after {
    display: none !important; }

.content-card-parent {
  flex-direction: column;
  width: 100%; }
  .content-card-parent .content-card {
    box-shadow: 2px 2px 7px 0 rgba(115, 115, 115, 0.5);
    border-radius: 2px;
    flex: 1 0 auto;
    background-color: #fff;
    padding: 1.5rem; }
  .content-card-parent .content-card .small-icon {
    height: 80px;
    width: auto; }
  .content-card-parent .content-card h3, .content-card-parent .content-card p {
    color: #333; }

.header-inner {
  padding: 36px; }
  .header-inner .card-icon {
    font-size: 48px !important;
    padding: 24px 0; }

.current-prototype-row:nth-child(odd) {
  background: #f2f2f2; }
  .current-prototype-row:nth-child(even) {
    background: #fff; }

.resources-block {
  background-color: rgba(75, 80, 92, 0.05); }
  .resources-block .resource-links a {
    color: #222 !important; }
  .resources-block .resource-links a img {
    height: 30px;
    width: 30px;
    margin-right: 4px; }
  .resources-block .resource-links a:after {
    display: none; }
  .resources-block .resource-links a:nth-child(2) {
    padding-left: 15px; }

.card-col-4:nth-child(3n + 4), .card-col-4:nth-child(1) {
  padding-left: 0; }
  .card-col-4:nth-child(3n+2) {
    padding-left: 7.5px;
    padding-right: 7.5px; }
  .card-col-4:nth-child(3n) {
    padding-right: 0; }
  .card-col-4 .prototype-card {
    height: 100%; }
  .card-col-4 .prototype-card .inner-prototype-card h4 {
    font-size: 18px; }
  .card-col-4 .prototype-card .inner-prototype-card-img {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
  .card-col-4 .prototype-card .inner-prototype-card-img img {
    min-height: 100%;
    width: auto;
    height: 100%; }
  .card-col-4 .prototype-card .icon-link {
    height: 30px;
    width: 30px;
    display: inline-block; }
  .card-col-4 .prototype-card .icon-link img {
    width: 100%; }
  .card-col-4 .prototype-card .icon-link:nth-child(2) {
    margin-left: 15px; }
  .card-col-4 .prototype-card .icon-link:after {
    display: none; }

.select-label {
  position: relative;
  width: 100%; }
  .select-label .select-dropdown {
    -webkit-appearance: none;
    padding: 0.65rem 0.65rem;
    font-size: 1rem;
    background: #fff;
    border: 1px solid #cbcbcb;
    width: 100%; }
  .select-label .select-dropdown:focus {
    outline: none; }
  .select-label .chev-down {
    position: absolute;
    right: 10px;
    top: 15px;
    transform: rotate(90deg); }

.accordion-button:hover, .accordion-button:focus {
  text-decoration: none; }
  .accordion-button .chevron-down {
    transform: rotate(90deg);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; }
  .accordion-button[aria-expanded="true"] .chevron-down {
    transform: rotate(270deg); }

.accordion:nth-child(odd) .card {
  border: none; }
  .accordion:nth-child(odd) .card .card-header {
    background: #f2f2f2;
    border: none; }
  .accordion:nth-child(odd) .card .card-body {
    background: #f2f2f2; }
  .accordion:nth-child(even) .card {
    border: none; }
  .accordion:nth-child(even) .card .card-header {
    background: #fff;
    border: none; }

.archive-links a img {
  height: 35px;
  width: 35px; }
  .archive-links a:nth-child(2) {
    margin-left: 10px; }
  .archive-links a:after {
    display: none; }

.sort-nav .nav-item .nav-link {
  border: none;
  background: transparent;
  margin: 0.75rem 4.5rem 0.75rem 0;
  padding: 0;
  font-size: 16px;
  color: #222 !important;
  font-weight: 500;
  width: auto;
  display: inline-block; }
  .sort-nav .nav-item .nav-link::after {
    bottom: -0.75rem;
    background-color: #fa5c5c !important; }
  .sort-nav .nav-item .nav-link.active {
    color: #fa5c5c !important;
    font-weight: 700; }
  .sort-nav .nav-item .nav-link.active::after {
    height: 5px; }
  .sort-nav .nav-item .nav-link.disabled {
    opacity: 0.4; }
/**** LEVEL SEARCH TEMPLATE ****/
.search-bar-in-page .navbar-search {
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 8px 1px #dcdcdc;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  height: 55px;
  padding: 0 0 0 20px;
  border: none; }
  .search-bar-in-page .navbar-search:focus {
    outline: none;
    box-shadow: 0 2px 8px 1px #b7b7b7; }
  .search-bar-in-page .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 30px 30px 0;
    height: 55px;
    border: none;
    width: 55px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center; }

.broken-line {
  height: 1px;
  background-image: linear-gradient(to left, #e2e1e1 50%, rgba(255, 255, 255, 0) 0%);
  background-position: center;
  background-size: 10px 1px;
  background-repeat: repeat-x; }

.font-end-comps {
  margin-top: 3rem; }
  .font-end-comps h3 {
    font-size: 18px !important; }

.search-navigation {
  list-style: none;
  padding-left: 0; }
  .search-navigation li {
    padding: 15px 0 15px; }
  .search-navigation li:nth-last-child(1) {
    border-bottom: none; }
  .search-navigation li h4 {
    color: #222 !important;
    margin-bottom: 0px; }
  .search-navigation li .search-icon {
    height: 100px;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .search-navigation li .search-icon img {
    max-width: 100%;
    max-height: 100%; }
  .search-navigation li a:hover:after {
    display: none !important; }
  .search-navigation li h3 {
    color: #222;
    font-size: 16px;
    margin-bottom: 0.2rem; }
  .search-navigation li p {
    font-size: 14px;
    margin-top: 4px; }
  .search-navigation li .text-box {
    padding-left: 20px; }
  .search-navigation li .atom-box {
    background-color: #ff8e54;
    border-radius: 4px;
    color: #fff;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.3s ease;
    min-width: 70px; }
  .search-navigation li .atom-box:hover {
    background-color: #e1764d; }
  .search-navigation li .molecule-box {
    background-color: #2db0da;
    border-radius: 4px;
    color: #fff;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.3s ease;
    min-width: 70px; }
  .search-navigation li .molecule-box:hover {
    background-color: #2c93bc; }
  .search-navigation li .organism-box {
    background-color: #9e54ff;
    border-radius: 4px;
    color: #fff;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: all 0.3s ease;
    min-width: 70px; }
  .search-navigation li .organism-box:hover {
    background-color: #8849dc; }
  .search-navigation li p {
    margin-bottom: 0; }
  .search-navigation li ul {
    padding-left: 0;
    margin-bottom: 0; }
  .search-navigation li ul li {
    list-style: none;
    padding: 2px 0; }
/**** LEVEL ICON TOOL ****/
.middle-row {
  background-color: #fafbfe !important;
  padding-top: 5rem;
  min-height: 100vh; }

.pcr-app {
  padding: 15px; }
  .pcr-app .pcr-interaction {
    padding: 0px !important; }
  .pcr-app .pcr-save {
    width: 50% !important;
    padding: 0.7em 0.5em !important; }
  .pcr-app .pcr-clear {
    width: 46% !important;
    padding: 0.7em 0.5em !important; }

#icon-container {
  list-style: none; }
  #icon-container li.no_results {
    padding: 1rem 10px 1rem 15px !important; }
  #icon-container .icon-wrap {
    flex: 0 0 10% !important;
    max-width: 10% !important;
    padding: 1rem 10px 1rem !important; }
  #icon-container .icon-wrap:hover .icon-container {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  #icon-container .icon-wrap .label-container {
    margin-bottom: 0 !important;
    cursor: pointer; }
  #icon-container .icon-wrap .label-container .span-checkbox {
    display: block;
    position: absolute;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0;
    top: 40px;
    height: 95px;
    width: 100%; }
  #icon-container .icon-wrap .label-container .span-checkbox:hover input ~ .checkmark {
    background-color: #ccc; }
  #icon-container .icon-wrap .label-container .span-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    #icon-container .icon-wrap .label-container .span-checkbox input:checked ~ .checkmark {
      background-color: #18d891;
      border: 1px solid #18d891; }
    #icon-container .icon-wrap .label-container .span-checkbox input:checked ~ .checkmark:after {
      display: block; }
  #icon-container .icon-wrap .label-container .span-checkbox .checkmark {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #bebebe; }
    #icon-container .icon-wrap .label-container .span-checkbox .checkmark::after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 1px;
      width: 5px;
      height: 11px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #icon-container .icon-wrap .icon-container {
    height: 95px;
    background: #fff;
    box-shadow: 0 2px 7px 0 #e8e8e8;
    border: solid 1px rgba(232, 232, 232, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease; }
  #icon-container .icon-wrap .icon-container span svg {
    height: 38px;
    width: auto; }
  #icon-container .icon-wrap .icon-container:hover {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  #icon-container .icon-wrap .text-container h3 {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 10px; }
  #icon-container .icon-wrap.no-click {
    pointer-events: none; }
  #icon-container .icon-wrap.no-click .icon-container {
    pointer-events: none; }
  #icon-container .icon-wrap.selected .icon-container {
    border: solid 2px #18d891; }
  #icon-container .icon-wrap.tick-selected .icon-container {
    border: solid 2px #18d891; }

@media screen and (max-width: 1450px) {
  #icon-container .icon-wrap {
    flex: 0 0 16.666% !important;
    max-width: 16.666% !important;
    padding: 1rem 15px 1rem !important; }
    #icon-container .icon-wrap .icon-container {
      height: 100px; }
      #icon-container .icon-wrap .icon-container .span-checkbox {
        right: 40px !important; }

  .pcr-app .pcr-save {
    width: 48% !important; } }

.result-p {
  opacity: 0;
  transition: all 0.3s ease; }
  .result-p span {
    font-weight: 700; }

.color-picker-container .pickr {
  height: 100%; }
  .color-picker-container .pickr .pcr-button {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .color-picker-container .before-label {
    position: absolute;
    height: 100%;
    width: 30px;
    background: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px 0 0 2px;
    border: 1px solid #c6c6c6;
    color: #636363;
    font-size: 16px; }
  .color-picker-container .form-colour {
    background-color: #fcfdff;
    border: 1px solid #c6c6c6;
    padding: 15px 10px 15px 35px;
    width: 100%;
    border-radius: 2px;
    font-size: 15px; }
  .color-picker-container .form-colour:focus {
    outline: none; }

.selected-container {
  padding: 1.5rem 15px !important; }
  .selected-container .icon-stage {
    padding: 30px 20px;
    width: 100%;
    border: solid 1px #e9e9e9; }
  .selected-container .icon-stage p {
    font-size: 16px !important;
    font-weight: 600 !important; }
  .buttons-row input[type='radio'] {
    display: none; }
  .buttons-row input[type='radio']:checked ~ .white-btn {
    background: #449ee9;
    color: #fff !important;
    border: solid 1px #449ee9; }
  .buttons-row .white-btn {
    border: 1px solid #c6c6c6;
    display: block;
    text-align: center;
    padding: 10px;
    border: 1px solid #c6c6c6;
    color: #2b2b2b !important;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease; }
  .buttons-row .white-btn:after {
    display: none; }
  .buttons-row .after-label {
    position: absolute;
    height: 100%;
    width: 45px;
    background: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2px 2px 0;
    border: 1px solid #c6c6c6;
    color: #636363;
    font-size: 16px;
    right: 15px; }
  .buttons-row .custom-size {
    width: 100%;
    background-color: #fcfdff;
    border: 1px solid #c6c6c6;
    padding: 15px 10px;
    border-radius: 2px;
    font-size: 15px; }
  .buttons-row .custom-size:focus {
    outline: none; }

.download-container {
  padding: 0.75rem 15px 2rem !important; }
  .download-container .greeb-btn {
    background-color: #18d891;
    border-radius: 2px;
    display: block !important;
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #093827 !important;
    cursor: pointer; }
  .download-container .greeb-btn:after {
    display: none; }
  .download-container .greeb-btn.size-disabled {
    opacity: 0.6;
    pointer-events: none; }
  .download-container .greeb-btn.type-icons {
    opacity: 0.6;
    pointer-events: none; }
  .download-container .greeb-btn.type-disabled {
    opacity: 0.6;
    pointer-events: none; }
  .download-container .greeb-btn.none-selected {
    opacity: 0.6;
    pointer-events: none; }

.select-all-container label {
  display: block;
  position: relative;
  padding-left: 25px !important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .select-all-container label.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .select-all-container label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .select-all-container label input[type="checkbox"]:checked ~ .checkmark {
    background-color: #2196f3;
    border: 1px solid #2196f3; }
  .select-all-container label input[type="checkbox"]:checked ~ .checkmark:after {
    display: block; }
  .select-all-container label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #d1d1d1; }
  .select-all-container label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5.5px;
    top: 1px;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .select-all-container label:hover input ~ .checkmark {
    background-color: #ccc; }

.search-icons {
  padding: 15px 15px;
  font-size: 15px;
  border-radius: 4px;
  box-shadow: 2px 2px 12px 0 #dedede;
  border: none; }
  .search-icons::placeholder {
    color: #a7a7a7; }

#clear-search {
  position: absolute;
  right: 25px;
  width: 20px;
  height: 20px;
  top: 15px;
  opacity: 0;
  cursor: pointer; }
  #clear-search .search-line {
    height: 1px;
    width: 20px;
    background: #222;
    display: block;
    position: absolute;
    top: 50%;
    left: 0; }
  #clear-search .search-line.line-1 {
    transform: rotate(45deg); }
  #clear-search .search-line.line-2 {
    transform: rotate(-45deg); }

.icon-copy {
  position: absolute;
  top: 38px;
  right: 15px;
  z-index: 30;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-copy .btn-copy {
    -webkit-appearance: none;
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%; }
  .icon-copy .btn-copy:focus {
    outline: none; }

.sub-name h2 {
  font-size: 18px; }
  .sub-name h2 .grey {
    color: #d2d2d4; }

.grey {
  color: #a5a5a5; }

.icons-main-container {
  min-height: 100vh; }

.icon-rules-right-container .inner-container {
  padding-right: 5rem !important; }

@media screen and (min-width: 1500px) {
  .icon-rules-right-container .inner-container {
    -ms-flex: 0 0 78.66666%;
    flex: 0 0 78.66666%;
    max-width: 78.66666%;
    padding-right: 0rem !important; }

  .icon-wrap .icon-copy {
    right: 10px; } }

.icon-rules-container {
  padding-left: 2rem; }

.side-bar-icon-editor {
  overflow: hidden; }
  .side-bar-icon-editor .inner-sidebar {
    overflow-y: auto; }

.top-notification-bar-blue {
  top: -73px;
  width: 100%;
  left: 0;
  background: #0b9fe9;
  z-index: 100;
  transition: all 0.3s ease;
  height: 73px; }
  .top-notification-bar-blue .select-all {
    background: transparent;
    border: solid 1px #fff;
    padding: 10px;
    cursor: pointer;
    max-width: 140px !important;
    transition: all 0.3s ease;
    width: 140px;
    display: block;
    text-align: center; }
  .top-notification-bar-blue .select-all.select-all-illustrations {
    max-width: 180px !important;
    width: 180px !important; }
  .top-notification-bar-blue .select-all.clicked {
    background: #fff;
    color: #0b9fe9 !important; }
  .top-notification-bar-blue.active {
    top: 0; }

.top-notification-bar-green {
  top: -73px;
  width: 100%;
  left: 0;
  background: #4ebb60;
  z-index: 101;
  transition: all 0.3s ease;
  height: 73px; }
  .top-notification-bar-green.active {
    top: 0; }
/**** LEVEL ILLUSTRATION TOOL ****/
#illustration-container {
  list-style: none; }
  #illustration-container li.no_results {
    padding: 1rem 10px 1rem 15px !important; }
  #illustration-container .icon-wrap {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 1rem 10px 1rem !important; }
  #illustration-container .icon-wrap:hover .icon-container {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  #illustration-container .icon-wrap .label-container {
    margin-bottom: 0 !important;
    cursor: pointer; }
  #illustration-container .icon-wrap .label-container .span-checkbox {
    display: block;
    position: absolute;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 0;
    top: 40px;
    height: 200px;
    width: 100%; }
  #illustration-container .icon-wrap .label-container .span-checkbox:hover input ~ .checkmark {
    background-color: #ccc; }
  #illustration-container .icon-wrap .label-container .span-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    #illustration-container .icon-wrap .label-container .span-checkbox input:checked ~ .checkmark {
      background-color: #18d891;
      border: 1px solid #18d891; }
    #illustration-container .icon-wrap .label-container .span-checkbox input:checked ~ .checkmark:after {
      display: block; }
  #illustration-container .icon-wrap .label-container .span-checkbox .checkmark {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #bebebe; }
    #illustration-container .icon-wrap .label-container .span-checkbox .checkmark::after {
      content: "";
      position: absolute;
      display: none;
      left: 5px;
      top: 1px;
      width: 5px;
      height: 11px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #illustration-container .icon-wrap .icon-container {
    height: 200px;
    background: #fff;
    box-shadow: 0 2px 7px 0 #e8e8e8;
    border: solid 1px rgba(232, 232, 232, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease; }
  #illustration-container .icon-wrap .icon-container span svg {
    height: 160px;
    width: auto; }
  #illustration-container .icon-wrap .icon-container:hover {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  #illustration-container .icon-wrap .text-container h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.2;
    margin-top: 10px; }
  #illustration-container .icon-wrap.no-click {
    pointer-events: none; }
  #illustration-container .icon-wrap.no-click .icon-container {
    pointer-events: none; }
  #illustration-container .icon-wrap.selected .icon-container {
    border: solid 2px #18d891; }
  #illustration-container .icon-wrap.tick-selected .icon-container {
    border: solid 2px #18d891; }

@media screen and (max-width: 1450px) {
  #illustration-container .icon-wrap {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 1rem 15px 1rem !important; }
    #illustration-container .icon-wrap .icon-container {
      height: 170px; }
      #illustration-container .icon-wrap .icon-container .span-checkbox {
        height: 170px;
        right: 40px !important; }
      #illustration-container .icon-wrap .icon-container span svg {
        height: 120px; }

  .pcr-app .pcr-save {
    width: 48% !important; } }
/**** LEVEL COMPONENTS ****/
/**** LEVEL INTERNAL BLOG ****/
#blogs-container {
  width: 1230px !important;
  margin-left: -15px !important; }

.blog-post-container {
  /*&:nth-child(3n + 4), &:nth-child(1) {
   padding-left: 0;
   }
   &:nth-child(3n+2) {
   padding-left: 7.5px;
   padding-right: 7.5px;
   }
   &:nth-child(3n) {
   padding-right: 0;
   } */ }

.blog-post {
  background: #fff;
  box-shadow: 0 2px 7px 0 #e8e8e8;
  transition: all 0.3s ease;
  border-radius: 4px;
  overflow: hidden;
  height: 100%; }
  .blog-post .blog-image {
    height: 180px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
  .blog-post .blog-text {
    padding: 1.75rem 1.5rem; }
  .blog-post .blog-text h2 {
    color: #222 !important;
    font-size: 22px;
    line-height: 34px; }
  .blog-post .blog-text .gray {
    color: #a7a7a7 !important;
    font-size: 16px !important; }
  .blog-post::after {
    display: none; }
  .blog-post:hover {
    box-shadow: 3px 7px 7px 0 #dedede; }

.blog-pagination .blog-pag {
  padding-left: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .blog-pagination .blog-pag li {
    padding: 5px 10px; }
  .blog-pagination .blog-pag li a {
    color: #222 !important; }
  .blog-pagination .blog-pag li a::after {
    display: none; }
  .blog-pagination .blog-pag li.active {
    background-color: #18d891;
    border-radius: 2px; }

.search-bar-in-blog {
  width: 80%; }
  .search-bar-in-blog .navbar-search {
    border-radius: 4px;
    padding: 0 10px 0 50px; }
  .search-bar-in-blog .search-submit {
    right: unset;
    left: 0; }
  .search-bar-in-blog .clear-search-blog {
    position: absolute;
    right: 0;
    width: 50px;
    height: 55px;
    top: 0; }
  .search-bar-in-blog .clear-search-blog .line {
    height: 20px;
    width: 2px;
    background-color: #0b9fe9;
    display: block;
    position: absolute;
    left: 25px;
    top: 18px; }
  .search-bar-in-blog .clear-search-blog .line.line-1 {
    transform: rotate(45deg); }
  .search-bar-in-blog .clear-search-blog .line.line-2 {
    transform: rotate(-45deg); }

.blog-container {
  border: 1px solid #ddd;
  padding: 4rem; }
  .blog-container h2 {
    font-size: 32px !important;
    font-weight: 700;
    display: inline-block; }
  .blog-container h3 {
    font-size: 26px !important;
    font-weight: 700;
    display: inline-block;
    margin-top: 15px; }
  .blog-container p {
    font-size: 18px !important;
    line-height: 34px !important;
    display: inline-block;
    width: 100%; }
  .blog-container p a {
    display: inline;
    position: relative;
    font-size: 18px !important;
    line-height: 34px !important; }
  .blog-container p a::after {
    left: 0; }
  .blog-container img.full_width {
    margin: 25px 0; }

.next-and-prev-boxes .left-box {
  box-shadow: 2px 2px 7px 0 #dedede;
  padding: 2rem;
  flex: 0 0 25%;
  transition: all 0.3s ease;
  background-color: #fff; }
  .next-and-prev-boxes .left-box:hover {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  .next-and-prev-boxes .left-box.hide {
    opacity: 0;
    visibility: hidden; }
  .next-and-prev-boxes .left-box a {
    display: block;
    text-align: center;
    font-size: 18px; }
  .next-and-prev-boxes .left-box a::after {
    display: none; }
  .next-and-prev-boxes .left-box a span {
    position: relative;
    display: inline-flex;
    top: 1px; }
  .next-and-prev-boxes .left-box a span svg {
    transform: rotate(-180deg); }
  .next-and-prev-boxes .right-box {
    box-shadow: 2px 2px 7px 0 #dedede;
    padding: 2rem;
    flex: 0 0 25%;
    margin-left: 50%;
    transition: all 0.3s ease;
    background-color: #fff; }
  .next-and-prev-boxes .right-box.hide {
    opacity: 0;
    visibility: hidden; }
  .next-and-prev-boxes .right-box:hover {
    box-shadow: 4px 4px 17px 0 #cbcbcb; }
  .next-and-prev-boxes .right-box a {
    display: block;
    text-align: center;
    font-size: 18px; }
  .next-and-prev-boxes .right-box a::after {
    display: none; }
  .next-and-prev-boxes .right-box a span {
    position: relative;
    display: inline-flex;
    top: 1px; }

#dropdown-category {
  float: right;
  width: 100%; }
  #dropdown-category::after {
    content: '';
    display: inline-block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjxwb2x5Z29uIHBvaW50cz0iNDcuMjUsMTUgNDUuMTY0LDEyLjkxNCAyNSwzMy4wNzggNC44MzYsMTIuOTE0IDIuNzUsMTUgMjUsMzcuMjUgIi8+PC9zdmc+)
             no-repeat left center;
    height: 20px;
    width: 20px;
    background-size: 100%;
    position: absolute;
    right: 25px;
    top: 15px; }
  #dropdown-category label {
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    padding: 2.5px;
    position: absolute;
    left: 25px;
    top: -12px;
    margin-bottom: 0; }
  #dropdown-category select {
    -webkit-appearance: none;
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #cbcbcb;
    width: 100%;
    border-radius: 4px; }

.content-container-int-login {
  height: 100vh !important; }

.bg-for-login {
  background: #1e2534; }

.PageProtectorForm {
  width: 55%;
  margin: 2rem auto 5rem;
  text-align: center;
  flex-wrap: wrap; }
  .PageProtectorForm label {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    width: 55%;
    margin: 0.5rem auto;
    position: relative;
    height: 50px; }
  .PageProtectorForm label input {
    width: 100%;
    border: 1px solid #c6c6c6;
    background-color: #fcfdff;
    padding: 0.5rem;
    border-radius: 2px;
    font-size: 1rem;
    width: 100%;
    color: #222 !important;
    height: 42px; }
  .PageProtectorForm label input:-webkit-autofill {
    font: 400 1rem 'Muli', sans-serif;
    background: #fff !important;
    -webkit-appearance: none; }
  .PageProtectorForm label input:-internal-autofill-selected {
    font: 400 1rem 'Muli', sans-serif;
    background: #fff !important; }
  .PageProtectorForm label input::placeholder {
    color: transparent; }
  .PageProtectorForm label input:focus {
    outline: none;
    border: 2px solid #0f9fe9; }
  .PageProtectorForm label input:focus + .title {
    color: #0f9fe9;
    font-weight: bold;
    opacity: 1;
    font-size: 12px;
    top: -10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,fcfdff+50,fcfdff+100 */
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #fff 50%, #fcfdff 50%, #fcfdff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #fcfdff 50%, #fcfdff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #fcfdff 50%, #fcfdff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfdff',GradientType=0);
    /* IE6-9 */ }
  .PageProtectorForm label input.input-active {
    border: 2px solid #0f9fe9; }
  .PageProtectorForm label .title {
    font-size: 14px;
    position: absolute;
    left: 0.5rem;
    top: 0.7rem;
    opacity: 0.5;
    transition: all 0.3s ease;
    background: #fcfdff;
    padding: 0 0.25rem; }
  .PageProtectorForm label .title.username-title.input-active {
    color: #0f9fe9;
    font-weight: bold;
    opacity: 1;
    font-size: 12px;
    top: -10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,ffffff+64,ffffff+64,ffffff+100&1+0,1+64,1+64,0+65,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);
    /* IE6-9 */ }
  .PageProtectorForm label .title.password-title.input-active {
    color: #0f9fe9;
    font-weight: bold;
    opacity: 1;
    font-size: 12px;
    top: -10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,ffffff+64,ffffff+64,ffffff+100&1+0,1+64,1+64,0+65,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);
    /* IE6-9 */ }
  .PageProtectorForm .login-btn {
    width: 100%;
    margin-top: 1rem; }
  .PageProtectorForm .login-btn button {
    background: #0f9fe9;
    border-radius: 2px;
    padding: 0.8rem 2.5rem;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 15px;
    -webkit-appearance: none;
    border: none;
    width: 100%;
    color: #fff !important; }
  .PageProtectorForm .login-btn button:hover {
    background: #0e8dcc; }

.blog-post-container-fluid {
  background: #f5f5f5; }
/**** LEVEL BRAND GUIDELINES ****/
.text-block-container p {
  width: 100%; }
  .text-block-container p img.align_center {
    max-width: 80%; }
  .text-block-container p img.three_image {
    width: 33.3333%; }
  .text-block-container hr {
    width: 100%;
    display: block;
    border-top: 1px solid #dadada; }
  .text-block-container .alert.lets-do-this {
    border: solid 1px #3ddba0;
    background: #d9f8ed !important;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    color: #222 !important;
    font-weight: 700;
    padding: 1rem 1rem 1rem 3rem;
    border-radius: 4px; }
  .text-block-container .alert.lets-do-this::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 17px;
    width: 9px;
    height: 18px;
    border: solid #3ddba0;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .text-block-container .alert.lets-not-do-this {
    border: solid 1px #fa5c5c;
    background: #fadedf !important;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    color: #222 !important;
    font-weight: 700;
    padding: 1rem 1rem 1rem 3rem;
    border-radius: 4px; }
  .text-block-container .alert.lets-not-do-this::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 20px;
    left: 25px;
    width: 2px;
    background: #fa5c5c;
    transform: rotate(45deg);
    top: 18px; }
  .text-block-container .alert.lets-not-do-this::after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 20px;
    left: 25px;
    width: 2px;
    background: #fa5c5c;
    transform: rotate(-45deg);
    top: 18px; }

.logo-download-container {
  padding: 1.75rem;
  background: #f0f0f0;
  border: solid 1px #d9d9d9;
  border-radius: 4px;
  height: 250px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .logo-download-container img {
    max-width: 100%; }

.accept-guidelines {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
  line-height: 1.2; }

.accept-guidelines input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.accept-guidelines input:checked ~ .checkmark {
  background-color: #0f9fe9;
  border: solid 1px #0f9fe9; }

.accept-guidelines input:checked ~ .checkmark:after {
  display: block; }

.accept-guidelines .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #f5f5f5;
  border-radius: 2px;
  border: 1px solid #d1d1d1; }

.accept-guidelines .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.accept-guidelines.locked {
  pointer-events: none; }

.primary-download-button {
  background: #48aaeb;
  display: inline-block;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  color: #fff !important;
  cursor: pointer;
  opacity: 1; }
  .primary-download-button.locked {
    pointer-events: none;
    opacity: 0.5; }
  .primary-download-button svg {
    margin-left: 15px; }
  .primary-download-button::after {
    display: none !important; }
/**** LEVEL INTERNAL LOGIN ****/
.col-log-3 {
  max-width: 20%;
  position: absolute;
  z-index: 100;
  margin: auto;
  left: 0;
  right: 0;
  height: auto !important;
  top: 0;
  bottom: 0; }
  .col-log-3 .login-center {
    background: #fff;
    padding: 3rem 0; }
  .col-log-3 .login-center .PageProtectorForm {
    margin-bottom: 0 !important;
    width: 70%; }
  .col-log-3 .login-center .testbed-logo {
    width: 70%; }

.col-log-9 {
  flex: 0 0 100%;
  max-width: 100%; }
/*.col-log-3 {
 flex: 0 0 30%;
 max-width: 30%;
 }
 .col-log-9 {
 flex: 0 0 70%;
 max-width: 70%;
 }
 */
@media screen and (max-width: 1450px) {
  .col-log-3 {
    max-width: 30%; } }

@media screen and (min-width: 1450px) {
  /*
   .col-log-3 {
   flex: 0 0 25%;
   max-width: 25%;
   }
   .col-log-9 {
   flex: 0 0 75%;
   max-width: 75%;
   }
   */
    .col-log-3 {
      max-width: 20%;
      position: absolute;
      z-index: 100;
      margin: auto;
      left: 0;
      right: 0;
      height: auto !important;
      top: 0;
      bottom: 0; }
      .col-log-3 .login-center {
        background: #fff;
        padding: 3rem 0; }
    .col-log-9 {
      flex: 0 0 100%;
      max-width: 100%; } }

.bg-for-login {
  position: relative;
  padding: 5rem !important; }
  .bg-for-login .dots-container {
    position: relative;
    height: 100%;
    width: 100%; }
  .bg-for-login .dots-container .dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffe036;
    position: absolute;
    transition: background 0.5s ease;
    animation: bgColours 30s infinite; }
  .bg-for-login .dots-container .dot.dot-1 {
    left: 0%; }
  .bg-for-login .dots-container .dot.dot-2 {
    left: 16.66%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-3 {
    left: 33.32%; }
  .bg-for-login .dots-container .dot.dot-4 {
    left: 49.98%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-5 {
    left: 66.66%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-6 {
    left: 83.3%; }
  .bg-for-login .dots-container .dot.dot-7 {
    left: 97%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-8 {
    left: 0%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-9 {
    left: 16.66%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-10 {
    left: 33.32%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-11 {
    left: 49.98%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-12 {
    left: 66.66%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-13 {
    left: 83.3%;
    top: 19%; }
  .bg-for-login .dots-container .dot.dot-14 {
    left: 97%;
    top: 19%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-15 {
    left: 0%;
    top: 38%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-16 {
    left: 16.66%;
    top: 38%; }
  .bg-for-login .dots-container .dot.dot-17 {
    left: 33.32%;
    top: 38%; }
  .bg-for-login .dots-container .dot.dot-18 {
    left: 49.98%;
    top: 38%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-19 {
    left: 66.66%;
    top: 38%; }
  .bg-for-login .dots-container .dot.dot-20 {
    left: 83.3%;
    top: 38%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-21 {
    left: 97%;
    top: 38%; }
  .bg-for-login .dots-container .dot.dot-22 {
    left: 0%;
    top: 58%; }
  .bg-for-login .dots-container .dot.dot-23 {
    left: 16.66%;
    top: 58%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-24 {
    left: 33.32%;
    top: 58%; }
  .bg-for-login .dots-container .dot.dot-25 {
    left: 49.98%;
    top: 58%; }
  .bg-for-login .dots-container .dot.dot-26 {
    left: 66.66%;
    top: 58%; }
  .bg-for-login .dots-container .dot.dot-27 {
    left: 83.3%;
    top: 58%; }
  .bg-for-login .dots-container .dot.dot-28 {
    left: 97%;
    top: 58%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-29 {
    left: 0%;
    top: 78%; }
  .bg-for-login .dots-container .dot.dot-30 {
    left: 16.66%;
    top: 78%; }
  .bg-for-login .dots-container .dot.dot-31 {
    left: 33.32%;
    top: 78%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-32 {
    left: 49.98%;
    top: 78%; }
  .bg-for-login .dots-container .dot.dot-33 {
    left: 66.66%;
    top: 78%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-34 {
    left: 83.3%;
    top: 78%; }
  .bg-for-login .dots-container .dot.dot-35 {
    left: 97%;
    top: 78%; }
  .bg-for-login .dots-container .dot.dot-36 {
    left: 0%;
    top: 97%; }
  .bg-for-login .dots-container .dot.dot-37 {
    left: 16.66%;
    top: 97%; }
  .bg-for-login .dots-container .dot.dot-38 {
    left: 33.32%;
    top: 97%;
    opacity: 0;
    visibility: hidden; }
  .bg-for-login .dots-container .dot.dot-39 {
    left: 49.98%;
    top: 97%; }
  .bg-for-login .dots-container .dot.dot-40 {
    left: 66.66%;
    top: 97%; }
  .bg-for-login .dots-container .dot.dot-41 {
    left: 83.3%;
    top: 97%; }
  .bg-for-login .dots-container .dot.dot-42 {
    left: 97%;
    top: 97%; }
  .bg-for-login .dots-container .line {
    position: absolute;
    height: 170px;
    width: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fadf36+0,e5e5e5+100&1+0,0+100 */
    background: -moz-linear-gradient(left, rgba(250, 223, 54, 1) 0%, rgba(229, 229, 229, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(250, 223, 54, 1) 0%, rgba(229, 229, 229, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(250, 223, 54, 1) 0%, rgba(229, 229, 229, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fadf36', endColorstr='#00e5e5e5',GradientType=1);
    /* IE6-9 */ }
  .bg-for-login .dots-container .line.line-1 {
    opacity: 0; }
  .bg-for-login .dots-container .line.line-2 {
    opacity: 0; }
  .bg-for-login .dots-container .line.line-3 {
    opacity: 0; }
  .bg-for-login .dots-container .line.line-4 {
    opacity: 0; }

@keyframes bgColours {
  0% {
    background: #ffe036; }

  25% {
    background: #5cdba0; }

  50% {
    background: #ef5b5d; }

  75% {
    background: #51aef9; }

  100% {
    background: #ffe036; } }

.interactive-box {
  border-radius: 4px; }
  .interactive-box .tab-content {
    padding: 0.5rem; }
  .interactive-box .tab-content iframe {
    width: 100%; }
  .interactive-box .tab-content .tab-pane.tablet {
    max-width: 768px;
    margin: auto; }
  .interactive-box .tab-content .tab-pane.mobile {
    max-width: 480px;
    margin: auto; }
  .interactive-box .tab-content .tab-pane .tab-pane-inner {
    display: flex;
    align-items: center; }
  .interactive-box .int-box-body {
    background: #fcfdff; }
  .interactive-box .int-box-body iframe {
    margin: 80px auto; }
  .interactive-box .int-box-body iframe.input-field {
    max-width: 280px; }
  .interactive-box .int-box-body iframe body {
    background: #fcfdff !important; }
  .interactive-box .nav-tabs {
    border-bottom: none !important; }
  .interactive-box .nav-tabs .nav-item .nav-link {
    border: none !important;
    margin: 0.5rem 1rem;
    padding: 0 0.5rem 0 0.5rem; }
  .interactive-box .nav-tabs .nav-item .nav-link::after {
    left: 0;
    bottom: -24px;
    border-radius: 2px;
    background: #fa5c5c; }
  .interactive-box .nav-tabs .nav-item .nav-link:hover::after {
    height: 3px; }
  .interactive-box .nav-tabs .nav-item .nav-link.active svg path {
    fill: #fa5c5c; }
    .interactive-box .nav-tabs .nav-item .nav-link.active::after {
      height: 3px; }
  .interactive-box .nav-tabs .nav-item:nth-child(1) .nav-link {
    margin-right: 0; }

.image-row img {
  max-width: 280px;
  width: auto !important;
  padding: 6rem 0 !important; }

.rules-text ol {
  padding-left: 30px; }
  .rules-text ol li {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 28px;
    padding: 3px 0; }
  .rules-text ul {
    padding-left: 30px; }
  .rules-text ul li {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 28px;
    padding: 3px 0; }

.alert-success {
  background-color: #daf8ec;
  border: 1px solid #3ddba0;
  border-radius: 4px; }
  .alert-success h3 {
    color: #222;
    font-size: 18px;
    display: flex;
    align-items: center; }
  .alert-danger {
    background-color: #f8cfd0;
    border: 1px solid #da0d15;
    border-radius: 4px; }
  .alert-danger h3 {
    color: #222;
    font-size: 18px;
    display: flex;
    align-items: center; }
  .colour-table tbody tr {
    vertical-align: middle;
    border: none;
    padding: 0.9rem; }
  .colour-table tbody tr.clickable-row {
    cursor: pointer; }
  .colour-table tbody tr:nth-of-type(odd) {
    background-color: #f2f2f2 !important; }
  .colour-table tbody tr td {
    vertical-align: middle;
    border: none;
    padding: 0.9rem; }

.colour-block {
  height: 35px;
  width: 35px;
  display: block;
  border-radius: 2px; }
/**** BRAND GUIDELINES ****/
.bg-dark {
  background-color: #404b67 !important; }

.bg-light {
  background: #f5f5f5 !important; }

#editpage {
  background: #196ae3;
  color: #fff !important; }
  #editpage:hover {
    background: #08517a;
    text-decoration: none; }
  #editpage:hover::after {
    display: none; }

body {
  background: #fff; }

body, html {
  height: 100% !important; }

a {
  position: relative; }
  a:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background: #196ae3;
    transition: all 0.3s ease;
    bottom: -3px; }
  a:hover {
    text-decoration: none; }
  a:hover:after {
    height: 2px; }

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .col-mb-9 {
    -ms-flex: 0 0 50%;
    flex: 0 0 70%;
    max-width: 70%; }

  .col-mb-10 {
    flex: 0 0 83%;
    max-width: 83%; } }

.py-10 {
  padding-bottom: 6rem !important;
  padding-top: 6rem !important; }

.bg-brand-guidelines {
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: 38% !important; }

.no-border {
  border: none !important;
  width: 100%;
  margin-top: 2rem !important; }
  .no-border tbody tr td {
    border: none !important; }
  .no-border tbody tr td:nth-child(1) {
    width: 30%;
    padding: 1rem 1rem 1rem 0 !important; }
  .no-border tbody tr td:nth-child(2) {
    width: 70%; }

.accordion-container .accordion-branding {
  border-bottom: solid 1px #ddd; }
  .accordion-container .accordion-branding:nth-child(1) {
    border-top: solid 1px #ddd; }
  .accordion-container .accordion-branding .card .card-header {
    background: #fff !important; }
  .accordion-container .accordion-branding .card .card-header h3 {
    margin-bottom: 0 !important; }
  .accordion-container .accordion-branding .card .card-header .btn-header {
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    background: #fff !important; }
    .accordion-container .accordion-branding .card .card-header .btn-header:focus {
      outline: none !important; }
    .accordion-container .accordion-branding .card .card-header .btn-header #chevron-down {
      transition: all 0.3s ease; }
    .accordion-container .accordion-branding .card .card-header .btn-header[aria-expanded="true"] #chevron-down {
      transform: rotate(-180deg); }
  .accordion-container .accordion-branding .card .collapse-block .card-body {
    background: #fff !important; }

.body_text img {
  max-width: 100%; }
  .body_text h2, .body_text h3, .body_text h4, .body_text h5, .body_text h6 {
    margin-bottom: 16px; }
  .body_text ul li {
    padding: 8px 0; }

.hr-line {
  margin-top: 2.5rem; }

.bg-colour-boxes .small {
  font-size: 13px !important;
  font-weight: 600 !important; }
/* LOGIN */
body {
  font-family: 'Muli', sans-serif; }

.login-box {
  width: 300px;
  position: absolute;
  left: 50px;
  top: 50px;
  color: #fff;
  z-index: 40;
  background: transparent;
  box-shadow: none; }

.day .login-box {
  color: #222; }

.login-box h1 {
  font-weight: bold;
  font-size: 60px;
  line-height: 50px;
  color: #fff; }

.login-box h2 {
  font-size: 40px;
  line-height: 30px;
  font-weight: normal;
  color: #fff; }

.day .login-box h1, .day .login-box h2 {
  color: #222; }

.login-box p {
  font-weight: normal;
  font-size: 18px;
  line-height: 18px; }

.login-box .sign-in {
  width: 100%;
  background: #fff;
  color: #222 !important;
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.3s ease;
  cursor: pointer; }

.day .login-box .sign-in {
  background: #222;
  color: #fff !important; }

.login-box .sign-in:hover {
  background: #222;
  color: #fff !important; }

.login-box .sign-in:hover::after, .login-box .cms-sign-in::after {
  display: none !important; }

.day .login-box .sign-in:hover {
  background: #fff;
  color: #222 !important; }

.login-box .cms-sign-in {
  width: 100%;
  border: solid 1px #fff;
  color: #fff !important;
  display: block;
  padding: 20px;
  text-align: center;
  margin-top: 1.5rem;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.3s ease;
  cursor: pointer; }

.day .login-box .cms-sign-in {
  border: solid 1px #222;
  color: #222 !important; }

.login-box .cms-sign-in:hover {
  border: solid 1px #e0e0e0;
  background: rgba(0, 0, 0, 0.2);
  color: #e0e0e0 !important; }

.day .login-box .cms-sign-in:hover {
  border: solid 1px #343434;
  color: #fff; }

.bg {
  position: relative;
  overflow: hidden; }

.night {
  background: linear-gradient(#012944, #0079cb); }

.morning {
  background: linear-gradient(270deg, #fbe2a1 1.18%, #27357c 93.36%); }

.day {
  background: linear-gradient(360deg, #d9efff 30.38%, #589bcc 98.88%); }

.evening {
  background: linear-gradient(57.99deg, #ffc123 0%, #813644 45.31%, #27357c 85.18%); }

.bg .mountains svg {
  position: absolute;
  bottom: -5%;
  width: 100%; }

.morning .bg .mountains svg {
  z-index: 2; }

.day .bg .mountains svg {
  z-index: 20; }

.evening .bg .mountains svg {
  z-index: 20; }

.night .bg .stars svg {
  position: absolute;
  top: 2%;
  left: 28%;
  width: 31%; }

.night .bg .moon {
  position: absolute;
  height: 50%;
  right: 5%;
  top: 3%; }

.night .bg .star-1 {
  position: absolute;
  height: 20px;
  right: 25%;
  top: 5%;
  transform: rotate(30deg);
  animation: nightStar1 10s infinite; }

.morning .bg .star-1 {
  position: absolute;
  height: 20px;
  left: 1%;
  top: 50%;
  transform: rotate(30deg);
  animation: nightStar1 10s infinite; }

.evening .bg .star-1 {
  position: absolute;
  height: 20px;
  right: 3%;
  top: 12%;
  transform: rotate(30deg);
  animation: nightStar1 10s infinite; }

.night .bg .star-2 {
  position: absolute;
  height: 20px;
  right: 2%;
  top: 15%;
  transform: rotate(-70deg); }

.morning .bg .star-2 {
  position: absolute;
  height: 14px;
  left: 20%;
  top: 20%;
  transform: rotate(-70deg); }

.evening .bg .star-2 {
  position: absolute;
  height: 14px;
  right: 16%;
  top: 5%;
  transform: rotate(-70deg); }

.night .bg .star-3 {
  position: absolute;
  height: 13px;
  right: 32%;
  top: 25%;
  transform: rotate(50deg); }

.morning .bg .star-3 {
  position: absolute;
  height: 13px;
  left: 18%;
  top: 63%;
  transform: rotate(30deg);
  animation: nightStar5 10s infinite; }

.evening .bg .star-3 {
  position: absolute;
  height: 13px;
  right: 30%;
  top: 62%;
  transform: rotate(30deg);
  animation: nightStar5 10s infinite; }

.night .bg .star-4 {
  position: absolute;
  height: 8px;
  right: 9%;
  top: 52%;
  transform: rotate(50deg); }

.evening .bg .star-4 {
  position: absolute;
  height: 10px;
  right: 7%;
  top: 47%;
  transform: rotate(50deg); }

.night .bg .star-5 {
  position: absolute;
  height: 10px;
  right: 30%;
  top: 45%;
  transform: rotate(190deg);
  animation: nightStar5 10s infinite; }

.night .bg .star-6 {
  position: absolute;
  height: 13px;
  right: 38%;
  top: 58%;
  transform: rotate(-30deg); }

.morning .bg .moon {
  position: absolute;
  height: 50%;
  left: -7%;
  top: 52%;
  z-index: 1; }

.morning .bg .sun {
  position: absolute;
  height: 55%;
  right: 3%;
  top: 10%; }

.day .bg .sun {
  position: absolute;
  height: 100%;
  right: 20%;
  top: -30%;
  z-index: 3; }

.evening .bg .moon {
  position: absolute;
  height: 50%;
  right: 9%;
  top: 18%; }

.evening .bg .sun {
  position: absolute;
  height: 45%;
  left: -1%;
  top: 60%;
  z-index: 1; }
/* NIGHT ANIMATIONS */
@keyframes nightStar1 {
  0% {
    transform: rotate(30deg) scale(1); }

  5% {
    transform: rotate(30deg) scale(1); }

  15% {
    transform: rotate(40deg) scale(0.7); }

  25% {
    transform: rotate(30deg) scale(1); }

  75% {
    transform: rotate(30deg) scale(1); }

  80% {
    transform: rotate(40deg) scale(0.7); }

  85% {
    transform: rotate(30deg) scale(1); }

  100% {
    transform: rotate(30deg) scale(1); } }

@keyframes nightStar5 {
  0% {
    transform: rotate(30deg) scale(1); }

  25% {
    transform: rotate(30deg) scale(1); }

  30% {
    transform: rotate(20deg) scale(0.6); }

  35% {
    transform: rotate(30deg) scale(1); }

  85% {
    transform: rotate(30deg) scale(1); }

  90% {
    transform: rotate(20deg) scale(0.6); }

  95% {
    transform: rotate(30deg) scale(1); }

  100% {
    transform: rotate(30deg) scale(1); } }

@media screen and (min-width: 300px) and (max-width: 768px) {
  .bg .mountains svg {
    width: 200%;
    left: -10%; }

  .login-box {
    top: 25px;
    left: 25px; }

  .morning .bg .moon {
    height: 40%;
    top: 70%;
    left: -25%; }

  .morning .bg .sun {
    top: -20%;
    right: -45%; }

  .day .bg .sun {
    right: -70%;
    top: -40%; } }
/* DARK MODE - KEEP AT END */
.dark-mode-container {
  right: 15px;
  padding-right: 50px;
  top: 0;
  display: flex;
  align-items: center; }
  .dark-mode-container .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin-bottom: 0; }
  .dark-mode-container .switch .test-label {
    position: absolute;
    left: -85px;
    width: 80px;
    top: 3px;
    font-size: 15px;
    font-weight: bold; }
  .dark-mode-container .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .dark-mode-container .switch input:checked + .slider {
    background-color: #04bb60; }
  .dark-mode-container .switch input:focus + .slider {
    box-shadow: 0 0 1px #2196f3; }
  .dark-mode-container .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .dark-mode-container .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .dark-mode-container .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .dark-mode-container .switch .slider.round {
    border-radius: 34px; }
  .dark-mode-container .switch .slider.round:before {
    border-radius: 50%; }

.content-container.darkmode .navbar.navbar-icons {
  background-color: #242424 !important;
  border-bottom: solid 1px #5a5a5a !important; }
  .content-container.darkmode .navbar.navbar-icons .navbar-brand svg path {
    fill: #fff; }
  .content-container.darkmode .navbar.navbar-icons .dark-mode-container .switch .test-label {
    color: #fff; }
  .content-container.darkmode .side-menu-container {
    background: #242424;
    border-right: solid 1px #5a5a5a !important; }
  .content-container.darkmode .side-menu-container .card-header {
    background: #242424; }
  .content-container.darkmode .side-menu-container .card-header button {
    color: #fff; }
    .content-container.darkmode .side-menu-container .card-header button .chev-down svg path {
      stroke: #fff !important; }
  .content-container.darkmode .side-menu-container .card-menu-item {
    border-bottom: solid 1px #5a5a5a !important; }
  .content-container.darkmode .side-menu-container .card-menu-item .card-menu-section ul li.active a {
    background: #e4242c; }
    .content-container.darkmode .side-menu-container .card-menu-item .card-menu-section ul li a {
      color: #fff !important; }
  .content-container.darkmode .side-bar-icon-editor {
    background: #242424 !important;
    border-left: solid 1px #5a5a5a !important; }
  .content-container.darkmode .side-bar-icon-editor .inner-sidebar hr {
    border-top: 1px solid #5a5a5a; }
  .content-container.darkmode .side-bar-icon-editor .inner-sidebar .color-picker-container p {
    color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .color-picker-container .before-label {
      background: #242424 !important;
      border: 1px solid #7b7b7b;
      color: #fff; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .color-picker-container .form-colour {
      background: #464446 !important;
      border: 1px solid #7b7b7b;
      color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .color-picker-container .form-colour::placeholder {
      color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .color-picker-container .pickr {
      border: solid 1px #7b7b7b !important;
      border-radius: 4px; }
  .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container p {
    color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container .buttons-row .white-btn {
      border: 1px solid #7b7b7b;
      background: transparent;
      color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container .buttons-row input[type='radio']:checked ~ .white-btn {
      background: #e4242c;
      color: #fff !important;
      border: solid 1px #e4242c !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container .buttons-row .after-label {
      background: #242424 !important;
      border: 1px solid #7b7b7b;
      color: #fff; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container .buttons-row .custom-size {
      background: #464446 !important;
      border: 1px solid #7b7b7b;
      color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .size-container .buttons-row .custom-size::placeholder {
      color: #fff !important; }
  .content-container.darkmode .side-bar-icon-editor .inner-sidebar .type-container p {
    color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .type-container .buttons-row .white-btn {
      border: 1px solid #7b7b7b;
      background: transparent;
      color: #fff !important; }
    .content-container.darkmode .side-bar-icon-editor .inner-sidebar .type-container .buttons-row input[type='radio']:checked ~ .white-btn {
      background: #e4242c;
      color: #fff !important;
      border: solid 1px #e4242c; }
  .content-container.darkmode .middle-row {
    background: #323232 !important; }
  .content-container.darkmode .middle-row .sub-name h1, .content-container.darkmode .middle-row .sub-name h2 {
    color: #fff !important; }
  .content-container.darkmode .middle-row h1 {
    color: #fff !important; }
  .content-container.darkmode .middle-row .icon-rules-container .bg-white {
    background: #252525 !important;
    border: solid 1px #7b7b7b !important;
    border-radius: 4px; }
    .content-container.darkmode .middle-row .icon-rules-container .bg-white h1, .content-container.darkmode .middle-row .icon-rules-container .bg-white h2, .content-container.darkmode .middle-row .icon-rules-container .bg-white h3, .content-container.darkmode .middle-row .icon-rules-container .bg-white h4, .content-container.darkmode .middle-row .icon-rules-container .bg-white h5, .content-container.darkmode .middle-row .icon-rules-container .bg-white h6, .content-container.darkmode .middle-row .icon-rules-container .bg-white p, .content-container.darkmode .middle-row .icon-rules-container .bg-white span {
      color: #fff !important; }
  .content-container.darkmode .middle-row .search-icons {
    background-color: #464446 !important;
    border: solid 1px #7b7b7b;
    box-shadow: 2px 2px 12px 0 #1b1b1b;
    color: #fff !important; }
  .content-container.darkmode .middle-row .result-p {
    color: #fff !important; }
  .content-container.darkmode .middle-row #clear-search .search-line {
    background: #fff !important; }
  .content-container.darkmode .middle-row #illustration-container .icon-wrap .icon-container {
    background-color: #1e1e1e !important;
    box-shadow: 0 2px 7px 0 #000;
    border: solid 1px #1e1e1e; }
    .content-container.darkmode .middle-row #illustration-container .icon-wrap:hover .icon-container {
      box-shadow: 4px 4px 17px 0 #000; }
    .content-container.darkmode .middle-row #illustration-container .icon-wrap .text-container h3 {
      color: #fff !important; }
    .content-container.darkmode .middle-row #illustration-container .icon-wrap.tick-selected .icon-container {
      border: solid 2px #18d891 !important; }
  .content-container.darkmode .middle-row #icon-container .icon-wrap .icon-container {
    background-color: #1e1e1e !important;
    box-shadow: 0 2px 7px 0 #000;
    border: solid 1px #1e1e1e; }
    .content-container.darkmode .middle-row #icon-container .icon-wrap:hover .icon-container {
      box-shadow: 4px 4px 17px 0 #000; }
    .content-container.darkmode .middle-row #icon-container .icon-wrap .text-container h3 {
      color: #fff !important; }
    .content-container.darkmode .middle-row #icon-container .icon-wrap.tick-selected .icon-container {
      border: solid 2px #18d891 !important; }
  /* ARCHIVE */

.waves-top {
  width: 80%;
  position: absolute;
  right: 0;
  top: 76px; }

.blog-archive h1 {
  font-size: 60px;
  line-height: 120%;
  font-weight: 700; }
  .blog-archive .h3 {
    font-size: 28px !important;
    line-height: 50px !important; }
  .blog-archive .article-card {
    background-color: #e9edf1;
    border-radius: 10px;
    overflow: hidden; }
  .blog-archive .article-card .img-container {
    height: 140px;
    overflow: hidden; }
  .blog-archive .article-card .text-container {
    min-height: 220px; }
  .blog-archive .article-card .text-container h3 {
    font-size: 18px;
    line-height: 30px; }
  .blog-archive .article-card .text-container a {
    position: absolute;
    font-weight: 400;
    bottom: 1.25rem; }
  .blog-archive .article-card .text-container.no-img {
    min-height: 250px; }
  .blog-archive .story-pagination .blog-pag li a {
    text-decoration: none !important; }
  .blog-archive .story-pagination .blog-pag li.active {
    background-color: #196ae3; }
    .blog-archive .story-pagination .blog-pag li.active a {
      color: #fff !important; }

.grey-footer {
  background-color: #e9edf1; }

.lower-footer {
  background-color: #f4f6f8; }

.lh-1 {
  line-height: 1; }

p {
  font-size: 16px !important;
  line-height: 28px !important; }

.body_text ul li {
  font-size: 1rem !important; }

.body_text:nth-child(3) {
  padding-top: 0 !important; }

.content-container {
  min-height: 100%; }

.text-bright-blue {
  color: #196ae3; }