@charset "UTF-8";
@import url("https://use.typekit.net/swr7nna.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Raleway", "Helvetica", "sans-serif";
  font-weight: 400;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  color: #525151;
  overflow-y: scroll;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  vertical-align: baseline;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 130px;
}

ul,
li {
  list-style-type: none;
  margin: 0;
}

a, a:focus, a:active {
  text-decoration: none;
  cursor: pointer;
  font-style: inherit;
  color: inherit;
}

a:hover[href^=mailto] {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

p {
  line-height: 1.68;
  margin-bottom: 15px;
}

h1 {
  font-size: 4.3vw;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 20px;
}

h2 {
  font-size: 60px;
  font-weight: 600;
}

h3 {
  font-size: 45px;
  font-weight: 400;
}

h4 {
  font-size: 35px;
  font-weight: 400;
}

h5 {
  font-size: 18px;
  font-weight: 550;
}

@media (max-width: 810px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 35px;
  }
  h3 {
    font-size: 35px;
  }
  h4 {
    font-size: 26px;
  }
}
@media (max-width: 610px) {
  h1 {
    font-size: 45px;
  }
}
/*
* === ABOUT ===
*/
.about-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lp {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
}
@media (max-width: 810px) {
  .lp {
    font-size: 1em;
    line-height: 1.6;
  }
}

.left {
  max-width: 650px;
}
@media (max-width: 768px) {
  .left {
    max-width: 100%;
  }
}

.about-icon {
  background-image: url("/Content/icons/Asset 1.svg");
  width: 350px;
  height: auto;
  margin-left: 4%;
  margin-top: 25px;
  position: relative;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .about-icon {
    display: none;
  }
}

/*
* === AREAS OF FUNDING ===
*/
.application-info {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.application-info p {
  max-width: 800px;
}

.flex-icon-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px 0 100px 0;
}

.core-icon {
  width: 25%;
  border-radius: 5px;
  text-align: center;
  padding: 0 2%;
  margin-top: 35px;
}
.core-icon p {
  font-size: 16px;
  margin-top: 25px;
}

.ca-security, .ca-envioronment, .ca-processes, .ca-energy, .ca-renewable-products, .ca-materials, .ca-sustainability, .ca-infrastructure {
  margin-bottom: 15px;
  background-position: center;
  height: 60px;
  background-repeat: no-repeat;
}

.ca-infrastructure {
  background-image: url("/Content/icons/Core Areas/ca-infrastructure.svg");
}

.ca-sustainability {
  background-image: url("/Content/icons/Core Areas/ca-sustainability.svg");
}

.ca-materials {
  background-image: url("/Content/icons/Core Areas/ca-materials.svg");
}

.ca-renewable-products {
  background-image: url("/Content/icons/Core Areas/ca-products.svg");
}

.ca-energy {
  background-image: url("/Content/icons/Core Areas/ca-energy.svg");
}

.ca-processes {
  background-image: url("/Content/icons/Core Areas/ca-processes.svg");
}

.ca-envioronment {
  background-image: url("/Content/icons/Core Areas/ca-enviornment.svg");
}

.ca-security {
  background-image: url("/Content/icons/Core Areas/ca-security.svg");
}

/*
* === GUIDE APPLICATION START ===
*/
.application-guide-container {
  margin: 0 auto;
  border-radius: 5px;
  width: 100%;
  height: auto;
  padding: 100px 10px;
  -webkit-box-shadow: 0 0 34px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 34px rgba(0, 0, 0, 0.12);
  background-color: #fff;
}

.item-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.application-guide-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  max-width: 660px;
  width: 100%;
}
.application-guide-inner h3, .application-guide-inner .pd {
  -ms-flex-item-align: center;
  align-self: center;
}
.application-guide-inner p {
  max-width: 605px;
  margin-left: auto;
}

.guide-item {
  margin-top: 40px;
}

.guide-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
}
.guide-btn-container .read-more {
  background-color: #184B8F;
  color: #fff;
  padding: 12px 25px;
}
.guide-btn-container .read-more:hover {
  background-color: #113463;
}
.guide-btn-container .register-now {
  color: #184B8F;
  padding: 12px 25px;
}
.guide-btn-container .register-now:hover {
  border: 2px solid #0d294d;
  color: #091d38;
}

.btn {
  border: 2px solid #184B8F;
  padding: 10px 10px;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.5px;
  width: 300px;
}

.step-number, .step-3, .step-2, .step-1 {
  height: 40px;
  width: 40px;
  margin-right: 15px;
}

.step-1 {
  background-image: url("/content/icons/step1.svg");
}

.step-2 {
  background-image: url("/content/icons/step2.svg");
}

.step-3 {
  background-image: url("/content/icons/step3.svg");
}

/*
* === GUIDE APPLICATION END ===
*/
.news-item-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 75px;
}

.news-item {
  max-width: 300px;
  margin: 0 15px;
}
.news-item h5 {
  margin: 10px 0 5px 0;
  font-weight: 600;
}
.news-item .time-of-post {
  font-size: 14px;
  font-weight: 400;
}

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*
* === MEDIA QUERIES ===
*/
@media (max-width: 820px) {
  .flex-icon-container-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 785px) {
  .flex-icon-container-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .flex-icon-container-inner .core-icon {
    width: 49%;
  }
}
@media (max-width: 680px) {
  .application-guide-container {
    text-align: center;
  }
  .btn {
    min-width: 100%;
  }
  .read-more {
    margin-bottom: 15px;
  }
  .item-heading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-heading h5 {
    width: 100%;
    margin: 10px 0;
  }
  .news-item-container-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .news-item {
    margin-bottom: 35px;
  }
}
@media (max-width: 580px) {
  .core-icon {
    width: 100%;
  }
}
/*
* === INFORMATION CURRENT BOARD ===
*/
.board-container-inner-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 100px 0 30px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.org-information {
  margin: 30px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 390px;
}
.org-information ul {
  margin-top: 20px;
}
.org-information ul li {
  margin-bottom: 10px;
}
.org-information ul li h5 {
  margin-bottom: 20px;
}
.org-information img {
  margin-right: 25px;
  height: 60px;
  max-width: 100px;
}

.board-container-inner-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 730px) {
  .board-container-inner-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/*
* === CONTACT INFORMATION ===
*/
.contact-info li h5 {
  margin-bottom: 10px;
}
.contact-info li:nth-child(odd) {
  margin-top: 35px;
}

@media (max-width: 768px) {
  .board-container-inner-top {
    margin: 25px 0 0 0;
  }
  .org-information {
    margin: 20px 0;
  }
  .org-information img {
    margin-right: 15px;
  }
  .org-information h5 {
    margin-bottom: 0px;
  }
}
.application-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.application-information div {
  max-width: 750px;
}
.application-information div h3 {
  margin-bottom: 30px;
}

.text-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .text-col-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.left-p, .right-p {
  max-width: 550px;
}
@media (max-width: 768px) {
  .left-p, .right-p {
    max-width: 100%;
  }
}

.left-p {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .left-p {
    margin-right: 0;
  }
}

/*
* === ICON STYLING ===
*/
.icon-application {
  background-repeat: no-repeat;
  height: 300px;
  width: 300px;
}

.research {
  background-image: url("/Content/icons/science.svg");
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 2%;
}

.travel {
  mask-image: url(/Content/icons/globe.svg);
  mask-size: cover;
  background-color: #184B8F;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 0;
  margin-right: 2%;
}

.repatriation {
  background-image: url("/Content/icons/repatriation-icon.svg");
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 2%;
}

.entrepenour {
  background-image: url("/Content/icons/entrepenour-icon.svg");
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 0;
  margin-left: 2%;
}

.btn-large {
  border: 2px solid #184B8F;
  color: #184B8F;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
}
.btn-large:hover {
  background-color: #184B8F;
  color: #fff;
}
.btn-large:active {
  color: #fff !important;
}

/*
* === MEDIA QUERIES ===
*/
@media (max-width: 680px) {
  .application-information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
  }
  .application-information div {
    max-width: 100%;
  }
  .application-information h3 {
    text-align: center;
  }
  .icon-application {
    height: 150px;
    width: 150px;
  }
  .research, .entrepenour, .travel {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.entrepeneurial-banner {
  background-image: url("/Content/img/EntrepeneurialWinners/EntrepeneurialWinners_2023.jpg");
  position: relative;
  background-size: cover;
  background-position: center;
  height: 850px;
  width: 100%;
  z-index: 5;
  margin: 75px 0;
}

.previous-winners-heading {
  max-width: 900px;
  text-align: center;
  background-color: #fff;
  margin: -130px auto;
  position: relative;
  z-index: 5;
  padding: 50px 50px 0 50px;
}
.previous-winners-heading p {
  text-align: left;
  margin-bottom: 150px;
}

.previous-winners-sub-heading {
  max-width: 900px;
  text-align: center;
  background-color: #fff;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  position: relative;
  z-index: 5;
  padding: 50px 50px 0 50px;
}
.previous-winners-sub-heading p {
  text-align: left;
}

.winners-list {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.winners-list li {
  list-style-type: disc;
  list-style-position: inside;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.winners-list li:nth-child(odd) {
  background-color: #ebf1f5;
}
.winners-list li span {
  width: 50%;
  padding: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-xsm {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 50px 50px;
}

@media (max-width: 810px) {
  .previous-winners-heading {
    margin-left: 20px;
    margin-right: 20px;
  }
  .previous-winners-heading p {
    padding: 5px !important;
  }
  .container-xsm {
    padding: 5px;
  }
}
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 830px;
}
.flex-container .profile-left-col {
  margin-right: 5%;
}
.flex-container h4 {
  border-bottom: 2px solid #313538;
  padding-bottom: 15px;
}
.flex-container div {
  width: 100%;
  max-width: 375px;
  border-top: 1px solid 1px solid #888 !important;
  border-bottom: 1px solid 1px solid #888;
}
.flex-container div .change-password {
  margin: 35px 0 15px 0;
}
.flex-container div ul {
  margin-top: 35px;
  padding: 25px 0;
}
.flex-container div ul li {
  display: inline-block;
}
.flex-container div ul .received-application {
  border-top: 1px solid #e1e1e1;
  padding: 30px 0;
}

.popup#application-category {
  max-width: 730px;
}
.popup#application-category .next-application-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

/*
    ICONS TAB MENU PROFILE
*/
.overview-profile:before,
.user-applications:before,
.account-settings:before,
.admin-tool:before {
  font-family: fontawesome;
  margin-right: 10px;
  font-size: 25px;
  vertical-align: sub;
}

.overview-profile::before {
  content: "\f015";
}

.user-applications::before {
  content: "\f0f6";
}

.account-settings::before {
  content: "\f013";
}

.admin-tool::before {
  content: "\f00b";
}

.add-application-btn {
  color: #184B8F;
  font-size: 16px;
  font-weight: 700;
}
.add-application-btn:before {
  font-family: fontawesome;
  display: inline-block;
  content: "\f055";
  font-size: 16px;
  margin-right: 5px;
}
@media (max-width: 690px) {
  .add-application-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
  }
}

.continue-application {
  display: inline-block;
  float: right;
  margin-top: 20px;
  color: #184B8F;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 25px;
}
.continue-application:after {
  font-family: fontawesome;
  content: "\f061";
  margin-left: 20px;
}

.success {
  color: #4F8F18;
}

.tentative {
  color: #FF9100;
}

.failure {
  color: #DF1010;
}

@media (max-width: 550px) {
  .flex-container {
    flex-direction: column;
  }
}
.downloadReport {
  color: #184B8F;
}

.downloadReport:hover {
  color: #4694FF;
}

.downloadReport:before {
  font-family: fontawesome;
  content: "\f1c1";
  margin-right: 5px;
}

.list-headings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  margin: 40px 0 0 0;
  padding-bottom: 15px;
  font-weight: 700;
}

.list-item-tab1 {
  width: 200px;
}

.list-item-tab2 {
  max-width: 300px;
  text-align: left;
  padding: 0 5px;
}

.list-item-tab3 {
  width: 350px;
  text-align: left;
}

list-item-tab4 {
  width: 200px;
}

.news-article h1, .news-article h2, .news-article h3, .news-article h4, .news-article h5, .news-article h6 {
  margin-bottom: 15px;
}
.news-article a {
  color: #184B8F;
  font-weight: 600;
}

.container {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
@media (max-width: 999px) {
  .container {
    padding: 0;
  }
}

.container-md {
  max-width: 1200px;
  width: 100%;
  padding: 0 1%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .container-md {
    padding: 0 3%;
  }
}

.container-sm {
  max-width: 960px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.highlight {
  background-color: #f9f9f9;
  padding: 100px 10px;
}

.highlight-no-padding {
  background-color: #f9f9f9;
  padding: 130px 0;
}

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pull-right {
  float: right;
}

/*
* === STYLES MOBILE ===
*/
.page-header {
  font-size: 16px;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  font-weight: 500;
}
.page-header .nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: auto;
  padding: 15px 0 15px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.35);
  color: #313538;
}

.nav {
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
  height: 100vh;
  opacity: 0;
}
.nav--page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  z-index: 1;
  height: 0;
  overflow: hidden;
}
.nav--open {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100vh;
  width: 250px;
  text-align: left;
  padding: 60px 15px;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.nav__link {
  margin: 35px 0 0;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.nav__link:nth-child(6) {
  border-top: 1px solid #F6F6F2;
  width: 100%;
}
.nav__language {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  margin-left: auto;
  padding: 27px 0;
}
.nav__lang-icon {
  height: 26px;
  width: 26px;
  background-image: url(/Content/icons/globe.svg);
  background-size: 100%;
}
.nav__lang-text {
  margin: 3px;
}

/* Navigation button icon */
.nav-btn {
  width: 40px;
  height: 25px;
  position: relative;
  margin-left: auto;
  margin-right: 25px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  z-index: 5;
}

.nav-btn span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-btn span:nth-child(1) {
  top: 0;
}

.nav-btn span:nth-child(2),
.nav-btn span:nth-child(3) {
  top: 10px;
}

.nav-btn span:nth-child(4) {
  top: 20px;
}

.nav-btn.open span:nth-child(1) {
  top: 10px;
  width: 0;
  left: 50%;
}

.nav-btn.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #525151;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.nav-btn.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #525151;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.nav-btn.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
  background-color: #525151;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* End of Navigation button icon */
/*
* === STYLES DESKTOP ===
*/
@media only screen and (min-width: 1000px) {
  .nav-btn {
    display: none;
  }
  .nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .nav--page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    z-index: 1;
  }
  .nav--open {
    height: auto;
    margin: auto;
    border: none;
  }
  .nav__link {
    margin: 0 20px;
    padding: 40px 0;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: block;
  }
  .nav__link:nth-child(6) {
    border-top: none;
    width: inherit;
  }
  .nav__link:hover {
    border-bottom: 3px solid #fff;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1130px) {
  .nav__link {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 1000px) {
  .nav .log-in {
    margin-right: 0;
    border: 2px solid #fff;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 14px;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .nav .log-in:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}
@media only screen and (min-width: 1000px) {
  .nav .main {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1000px) {
  .page-header .nav-container {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    max-width: 1250px !important;
  }
}
/* IE10+ Support */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav .log-in {
    margin-right: auto;
    margin-left: auto;
  }
  .nav .main {
    margin-left: 0;
  }
}
/*
* === HOME PAGE HERO/HEADING ===
*/
.page-hero-home {
  background: url("/content/img/header-index-2.jpg");
  background-repeat: no-repeat;
  height: 85vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.hero-heading-home {
  width: 50vw;
  position: relative;
  top: 30vh;
  left: auto;
  right: auto;
  color: white;
}
@media (max-width: 810px) {
  .hero-heading-home {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .hero-heading-home {
    padding: 20px 0 0 0;
    text-align: center;
    width: 100%;
  }
}

/*
* === HERO HEADING PAGES ===
*/
.hero-heading {
  max-width: 830px;
  position: relative;
  top: 30vh;
  left: auto;
  right: auto;
  color: #fff;
}
@media (max-width: 1000px) {
  .hero-heading {
    padding: 0 15px;
  }
}

.hero-heading-md {
  max-width: 830px;
  position: absolute;
  top: 30vh;
  left: auto;
  right: auto;
  color: #fff;
}
@media (max-width: 1000px) {
  .hero-heading-md {
    padding: 0 15px;
  }
}
@media (max-width: 580px) {
  .hero-heading-md {
    top: 200px;
  }
}

.hero-sh {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  max-width: 900px;
  position: relative;
  top: 30vh;
  color: #fff;
}
@media (max-width: 810px) {
  .hero-sh {
    font-size: 1em;
    line-height: 1.6;
  }
}
@media (max-width: 680px) {
  .hero-sh {
    display: none;
  }
}

.page-hero-foundation {
  background-image: url("/Content/img/foundation-header.jpg");
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  height: 60vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
.page-hero-foundation:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-hero-news {
  background-image: url("/Content/img/foundation-header.jpg");
  background-color: rgba(0, 0, 0, 0.2);
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  height: 101px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .page-hero-news {
    height: 88px;
  }
}

.page-hero-application {
  background-image: url("/Content/img/header-application.jpg");
  background-position: right;
  background-repeat: no-repeat;
  height: 60vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
.page-hero-application:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-hero-previouswinners {
  background-image: url("/Content/img/previouswinners.jpg");
  background-position: center;
  background-repeat: no-repeat;
  height: 60vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
.page-hero-previouswinners:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-hero-knowledgeprice {
  background-image: url("/Content/img/knowledgeprice.jpg");
  background-repeat: no-repeat;
  height: 80vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}

.page-hero-researchreports {
  background-image: url("/Content/img/research-reports.jpg");
  background-position: right;
  background-repeat: no-repeat;
  height: 60vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
.page-hero-researchreports:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page-hero-profile {
  background-color: #184B8F;
  background-repeat: no-repeat;
  height: 101px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .page-hero-profile {
    height: 88px;
  }
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: -3%;
}

.card {
  width: 32.333%;
  position: relative;
  margin-bottom: 20px;
  background: #fff;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.19) 0 0 8px 0;
  border-radius: 4px;
}
@media (max-width: 800px) {
  .card {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .card {
    margin-bottom: 20px;
  }
}
.card span {
  display: block;
}
.card .card-summary {
  padding: 25px 20px 50px 20px;
  font-weight: 500;
  font-size: 16px;
}
.card .card-summary h5 {
  margin-bottom: 20px;
}
.card .card-header {
  position: relative;
  height: 175px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
  border-radius: 4px 4px 0 0;
}
.card .card-header:hover, .card .card-header:focus {
  background-color: rgba(255, 255, 255, 0);
}
.card:hover, .card:focus {
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  transform: scale(1.02);
}
.card:hover .card-title, .card:focus .card-title {
  background: rgba(0, 82, 134, 0.95);
}
.card:hover .card-summary, .card:focus .card-summary {
  color: #317adc;
  transform: none !important;
}

.transition {
  transition: all ease-in-out 0.4s;
}

img {
  max-width: 100%;
}

/* IE10+ Support */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card:hover, .card:focus {
    transform: none;
  }
}
/* Microsoft Edge support */
@supports (-ms-ime-align: auto) {
  .card:hover, .card:focus {
    transform: none;
  }
}
/*
* === TAB MENU DISTRIBUTED SCHOLARSHIPS ===
*/
#content1, #content2, #content3 {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid hsla(24deg, 5%, 5%, 0.2);
}

#tab1, #tab2, #tab3 {
  display: none;
}

.label-tab-menu {
  display: inline-block;
  margin: 0 45px -1px 0;
  padding: 15px 15px;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  color: #5e5e5e;
}

.label-tab-menu:hover {
  cursor: pointer;
  border-bottom: 2px solid #184B8F;
  color: #313538;
}

input:checked + .label-tab-menu {
  color: #313538;
  border-bottom: 2px solid #184B8F;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

@media screen and (max-width: 690px) {
  .label-tab-menu {
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
/*
* === TAB MENU RESEARCH REPORTS ===
*/
#content1,
#content2,
#content3,
#content4,
#content5,
#content6,
#content7,
#content8 {
  display: none;
  padding: 20px 0 0;
}

#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7,
#tab8 {
  display: none;
}

.label-filter-menu {
  display: inline-block;
  margin-right: -4px;
  padding: 14px 2%;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  position: relative;
  z-index: 2;
}

.label-filter-menu:hover {
  cursor: pointer;
  color: #fff;
  background-color: #1f62bb;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

input:checked + .label-filter-menu {
  color: #fff;
  background-color: #1f62bb;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8 {
  display: block;
}

.filter-bg {
  position: relative;
  margin-top: -44px;
  width: 100%;
  height: 44px;
  background-color: #317adc;
  z-index: 1;
  border-radius: 5px 5px 0 0;
}

@media screen and (max-width: 1082px) {
  .label-filter-menu {
    padding: 14px 1.5%;
    font-size: 13px;
  }
}
@media (max-width: 900px) {
  .label-filter-menu {
    padding: 12px 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .filter-bg {
    height: 308px;
    margin-top: -308px;
  }
}
.label-filter-absolute {
  position: absolute;
}

/*
* === PARAGRAPH DIVIDERS ===
*/
.pd {
  width: 65px;
  height: 2px;
  background-color: #184B8F;
  margin: 25px 0;
}

.pd-purple {
  width: 45px;
  height: 3px;
  background-color: #713C8F;
  margin: 25px 0;
}

.hr {
  background-color: hsla(24deg, 5%, 5%, 0.1);
  width: 100%;
  margin: 80px 0;
  height: 1px;
}

/*
* === MARGINS ===
*/
.margin-top-sm {
  margin-top: 50px;
}

.margin-top-large {
  margin-top: 100px;
}

.margin-top-xlarge {
  margin-top: 160px;
}

.margin-bottom-large {
  margin-bottom: 100px;
}

.margin-bottom-sm {
  margin-bottom: 50px;
}

.margin-bottom-xsm {
  margin-bottom: 15px;
}

.margin-xlarge {
  margin: 130px 0;
}

.margin-large {
  margin: 100px 0;
}

.margin-md {
  margin: 100px 0;
}

.margin-sm {
  margin: 50px 0;
}

.bold {
  font-weight: 600;
}

.text-col-m {
  max-width: 700px;
}

/*
* === FOOTER ===
*/
.footer {
  background-color: #313538;
  color: #fff;
  padding: 30px 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/*
    Footer Container and Links
*/
#global-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: 300;
  text-align: center;
}
#global-footer a {
  cursor: pointer;
  width: 33.33333%;
  padding: 30px 0;
  border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.1);
}
#global-footer a:before {
  font-family: fontawesome;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 38px;
  margin-bottom: 10px;
}
#global-footer a:hover {
  color: #88b2eb;
}

/*
    Link Icons Footer
*/
.footer__link1:before {
  content: "\f015";
}

.footer__link2:before {
  content: "\f0c0";
}

.footer__link3:before {
  content: "\f15c";
}

.footer__link4:before {
  content: "\f091";
}

.footer__link5:before {
  content: "\f19d";
}

.footer__link6:before {
  content: "\f02d";
}

.footer__link7:before {
  content: "\f090";
}

.footer__link8:before {
  content: "\f0ac";
}

/*
    Social Media icons
*/
.footer-social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 25px;
}

.footer-follow-us {
  margin-right: 10px;
  margin-bottom: 0;
}

.footer__icon {
  height: 32px;
  width: 32px;
  margin: 10px;
}

/*
    Email and link to privacy policy
*/
.footer-bottom-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
}
.footer-bottom-information ul li {
  display: inline-block;
  margin: 25px;
}

/*
    Media Queries Footer
*/
@media (max-width: 680px) {
  #global-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    padding-left: 5px;
  }
  #global-footer a {
    width: 100%;
    padding: 10px 0;
  }
  #global-footer a:before {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
  }
  .footer-bottom-information {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-bottom-information ul li {
    display: block;
    margin-left: 0;
  }
}
.popup {
  position: fixed;
  padding: 10px;
  max-width: 400px;
  width: 100%;
  height: auto;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 30px 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 13px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  z-index: 6;
}

.popup:target {
  visibility: visible;
  opacity: 1;
}

.popup .close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  color: #313538;
  font-size: 2em;
  line-height: 0.6em;
  font-weight: bold;
}

.popup .close:hover {
  color: #184B8F;
}

.close-popup {
  background: rgba(63, 63, 63, 0.2);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.popup:target + .close-popup {
  opacity: 1;
  visibility: visible;
}

.popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 20px;
}
.popup-content h4 {
  margin-bottom: 50px;
}

.popup-content .popup-row {
  align-items: center;
  align-self: stretch;
  justify-content: space-around;
}

.popup-content .popup-col-1 {
  display: flex;
  width: 34%;
}

.popup-content .popup-col-2 {
  display: flex;
  width: 33%;
  padding: 4px;
}

.popup-content .popup-col-3 {
  display: flex;
  width: 33%;
  padding: 4px;
}

@media screen and (max-width: 550px) {
  .popup-content .popup-row div.popup-col-1 > h5, .popup-content .popup-row h6 {
    margin-bottom: 1em;
  }
  .popup-content .popup-row div[class*=popup-col-] {
    width: 100%;
    justify-content: center;
  }
  .popup-content .popup-row div.popup-col-3 > h5, .popup-content .popup-row h6 {
    margin-top: 1em;
    margin-bottom: 0;
  }
}
.textarea-popup {
  height: 100%;
  width: 100%;
  padding: 5px;
  position: relative;
  border-color: #525151;
  border-radius: 3px;
  resize: none;
}

.btn-green-large, .btn-purple-large, .btn-orange-large, .btn-blue-large {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 15px 50px;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  border: 1px solid #525151;
}
.disabled.btn-green-large, .disabled.btn-purple-large, .disabled.btn-orange-large, .disabled.btn-blue-large {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
  user-select: none;
}
.disabled.btn-green-large:hover, .disabled.btn-purple-large:hover, .disabled.btn-orange-large:hover, .disabled.btn-blue-large:hover {
  background-color: #383838;
}
.outlined.btn-green-large, .outlined.btn-purple-large, .outlined.btn-orange-large, .outlined.btn-blue-large {
  background-color: transparent;
}

.btn-blue-large {
  background-color: #184B8F;
  border: 1px solid #184B8F;
}
.btn-blue-large:hover {
  background-color: #113463;
}
.btn-blue-large.outlined {
  color: #184B8F;
}
.btn-blue-large.outlined:hover {
  background-color: #f7f7f7 !important;
}

.btn-orange-large {
  background-color: #FF9100;
  border: 1px solid #FF9100;
}
.btn-orange-large:hover {
  background-color: #ff9c1a;
}
.btn-orange-large.outlined {
  color: #FF9100;
}
.btn-orange-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-orange-large a:active {
  color: #fff !important;
}

.btn-purple-large {
  background-color: #713C8F;
  border: 1px solid #713C8F;
}
.btn-purple-large:hover {
  background-color: #7f44a1;
}
.btn-purple-large.outlined {
  color: #713C8F;
}
.btn-purple-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-purple-large a:active {
  color: #fff !important;
}

.btn-green-large {
  background-color: #4F8F18;
  border: 1px solid #4F8F18;
}
.btn-green-large:hover {
  background-color: #5ba51c;
}
.btn-green-large.outlined {
  color: #4F8F18;
}
.btn-green-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-green-large a:active {
  color: #fff !important;
}

.tooltip-toggle {
  cursor: pointer;
  position: relative;
}
.tooltip-toggle .tooltip-icon:before {
  font-family: fontawesome;
  content: "\f05a";
  font-size: 22px;
  color: #525151;
  margin-left: 10px;
  bottom: 0;
  top: 0;
  position: absolute;
}
.tooltip-toggle .tooltip-icon:before:hover {
  color: #184B8F;
}
.tooltip-toggle::before {
  position: absolute;
  top: -100px;
  left: -150px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 25px;
  text-transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 300px;
  z-index: 5;
}
.tooltip-toggle::before, .tooltip-toggle::after {
  color: #fff;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after {
  opacity: 1;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.previous-winners-container {
  border: 1px solid #ededed;
  border-radius: 5px;
  margin: 75px auto 0 auto;
  font-size: 16px;
  padding-bottom: 50px;
}
.previous-winners-container .report-item-container {
  padding: 0 20px;
  margin: 0 auto;
  text-align: left;
}
.previous-winners-container .report-item-container .title-research-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rp-col-sm {
  width: 7%;
  min-width: 50px;
  margin-right: 10px;
}

.rp-col-md {
  width: 18%;
  margin-right: 10px;
}

.rp-col-lg {
  width: 75%;
  margin-left: 10px;
  margin-right: 10px;
}

.accordion-headings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  margin: 40px 0 0 0;
  padding-bottom: 15px;
  font-weight: 700;
}

.accordion {
  cursor: pointer;
  padding: 35px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-bottom: 1px solid #dedede;
}
.accordion:after {
  font-family: fontawesome;
  content: "\f078";
  font-size: 18px;
  color: #313538;
  left: 50%;
  right: 50%;
  position: absolute;
  margin-top: 8px;
}

.active:after {
  content: "\f077";
}

.panel {
  padding: 0 18px;
  background-color: #f7f7f7;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.panel-content {
  font-size: 14px;
  padding: 45px 0;
  max-width: 640px;
  margin: 0 auto;
}
.panel-content div {
  font-weight: 700;
  margin-bottom: 15px;
}

.distributed-grants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-bottom: 1px solid #dedede;
}

@media (max-width: 670px) {
  .accordion {
    font-size: 14px;
  }
  .hidden-mb {
    display: none;
  }
  .report-item-container {
    padding: 0 10px !important;
  }
}
.verification-container {
  max-width: 450px;
  margin: 130px auto 0 auto;
  background-color: #fff;
  border-radius: 5px;
  font-size: 16px;
  -webkit-box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.08);
}
.verification-container .verification-header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 25px;
  border-bottom: 1px solid #e1e1e1;
}
.verification-container .verification-header span {
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
}
.verification-container .verification-header img {
  margin-left: 5px;
}
.verification-container p {
  margin: 40px 0 45px 0;
}

.verification-container--inner {
  padding: 0 30px 75px 30px;
}
.verification-container--inner span {
  font-size: 14px;
  font-weight: 600;
}

.verification-input div {
  margin-bottom: 25px;
}

.verification-btn {
  background-color: #184B8F;
  border-radius: 3px;
  color: #fff;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 15px;
  font-weight: 500;
}
.verification-btn:hover {
  background-color: #113463;
}

.popup {
  position: fixed;
  padding: 10px;
  max-width: 400px;
  width: 100%;
  height: auto;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 30px 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 13px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  z-index: 6;
}

.popup:target {
  visibility: visible;
  opacity: 1;
}

.popup .close {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
  color: #313538;
  font-size: 2em;
  line-height: 0.6em;
  font-weight: bold;
}

.popup .close:hover {
  color: #184B8F;
}

.close-popup {
  background: rgba(63, 63, 63, 0.2);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}

.popup:target + .close-popup {
  opacity: 1;
  visibility: visible;
}

.popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 20px;
}
.popup-content h4 {
  margin-bottom: 50px;
}

.popup-content .popup-row {
  align-items: center;
  align-self: stretch;
  justify-content: space-around;
}

.popup-content .popup-col-1 {
  display: flex;
  width: 34%;
}

.popup-content .popup-col-2 {
  display: flex;
  width: 33%;
  padding: 4px;
}

.popup-content .popup-col-3 {
  display: flex;
  width: 33%;
  padding: 4px;
}

@media screen and (max-width: 550px) {
  .popup-content .popup-row div.popup-col-1 > h5, .popup-content .popup-row h6 {
    margin-bottom: 1em;
  }
  .popup-content .popup-row div[class*=popup-col-] {
    width: 100%;
    justify-content: center;
  }
  .popup-content .popup-row div.popup-col-3 > h5, .popup-content .popup-row h6 {
    margin-top: 1em;
    margin-bottom: 0;
  }
}
.textarea-popup {
  height: 100%;
  width: 100%;
  padding: 5px;
  position: relative;
  border-color: #525151;
  border-radius: 3px;
  resize: none;
}

.btn-blue-large, .btn-orange-large, .btn-purple-large, .btn-green-large {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 15px 50px;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  border: 1px solid #525151;
}
.disabled.btn-blue-large, .disabled.btn-orange-large, .disabled.btn-purple-large, .disabled.btn-green-large {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
  user-select: none;
}
.disabled.btn-blue-large:hover, .disabled.btn-orange-large:hover, .disabled.btn-purple-large:hover, .disabled.btn-green-large:hover {
  background-color: #383838;
}
.outlined.btn-blue-large, .outlined.btn-orange-large, .outlined.btn-purple-large, .outlined.btn-green-large {
  background-color: transparent;
}

.btn-blue-large {
  background-color: #184B8F;
  border: 1px solid #184B8F;
}
.btn-blue-large:hover {
  background-color: #113463;
}
.btn-blue-large.outlined {
  color: #184B8F;
}
.btn-blue-large.outlined:hover {
  background-color: #f7f7f7 !important;
}

.btn-orange-large {
  background-color: #FF9100;
  border: 1px solid #FF9100;
}
.btn-orange-large:hover {
  background-color: #ff9c1a;
}
.btn-orange-large.outlined {
  color: #FF9100;
}
.btn-orange-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-orange-large a:active {
  color: #fff !important;
}

.btn-purple-large {
  background-color: #713C8F;
  border: 1px solid #713C8F;
}
.btn-purple-large:hover {
  background-color: #7f44a1;
}
.btn-purple-large.outlined {
  color: #713C8F;
}
.btn-purple-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-purple-large a:active {
  color: #fff !important;
}

.btn-green-large {
  background-color: #4F8F18;
  border: 1px solid #4F8F18;
}
.btn-green-large:hover {
  background-color: #5ba51c;
}
.btn-green-large.outlined {
  color: #4F8F18;
}
.btn-green-large.outlined:hover {
  background-color: #f7f7f7 !important;
}
.btn-green-large a:active {
  color: #fff !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: #f9f9f9;
  color: #313538;
}
.modal-header h5 {
  font-weight: bold;
}

/* Modal Sub-header */
.modal-sub-header {
  padding: 2px 16px;
  color: #313538;
}
.modal-sub-header h5 {
  font-weight: bold;
}

/* Modal Body */
.modal-body {
  padding: 2px 16px;
}
.modal-body ul {
  margin-left: 40px;
}
.modal-body ul li {
  list-style-type: initial;
}
.modal-body ul b {
  font-weight: 600;
}
.modal-body ol {
  margin-left: 40px;
}
.modal-body ol li {
  list-style-type: decimal;
  padding-left: 5px;
}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #f9f9f9;
  color: white;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.modal-content h5 {
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  display: block;
}

/* Modal Content announcement letter*/
.modal-content-announcement-letter {
  position: relative;
  background-color: #FFFFFF;
  margin: auto;
  padding-top: 70px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 70px;
  max-width: 1000px;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.modal-content-announcement-letter-header {
  font-size: 130%;
  font-weight: bold;
}

/* Modal Content announcement letter top area*/
.modal-content-announcement-letter-top-area {
  position: relative;
  background-color: #FFFFFF;
  margin: auto;
  height: 50px;
  padding: 20px;
  max-width: 1000px;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.modal-content-announcement-letter-link {
  color: #4F70BE;
}

.close {
  color: #313538;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

/* Buttons */
.btn {
  border: none;
  background-color: inherit;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  width: auto;
}

/* On mouse-over */
.btn:hover {
  background: #eee;
}

.success {
  color: green;
}

.info {
  color: dodgerblue;
}

.warning {
  color: orange;
}

.danger {
  color: red;
}

.default {
  color: black;
}

.block {
  display: block;
  width: 100%;
  border: none;
  font-weight: 600;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

/* Add Animation */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animateclose {
  from {
    top: 0;
    opacity: 1;
  }
  to {
    top: -300px;
    opacity: 0;
  }
}
.login-register-container {
  font-size: 14px;
  width: 300px;
  margin: 0 auto;
}
.login-register-container h4 {
  margin-bottom: 20px;
}

fieldset {
  border: none;
  margin-top: 8px;
  padding: 0;
  outline: none;
  font-size: 14px;
}

.form-error {
  color: #DF1010;
  font-size: 14px;
  display: block;
}

.form-error-report-plan {
  color: #DF1010;
  font-size: 17px;
  display: block;
  font-weight: bold;
}

.form-field {
  margin-bottom: 6px;
}

.btn-margin {
  margin: 10px 0;
}

.form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}

.login-register-btn {
  border: 2px solid #184B8F;
  background-color: #184B8F;
  padding: 8px 25px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  margin: 10px 0;
}
.login-register-btn:hover {
  background-color: #144079;
}

.text-link {
  color: #184B8F;
  font-weight: 600;
}

.form-container {
  padding: 30px 70px 75px 70px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

.form-header-container {
  background-color: #f5f5f5;
  padding: 70px 15px;
  margin-bottom: 130px;
}

.form-information {
  max-width: 960px;
  margin: 0 auto;
}
.form-information h4 {
  margin-bottom: 30px;
}

.form-heading {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 50px;
}
.form-heading h4 {
  position: relative;
  padding-bottom: 30px;
}
.form-heading h4:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 3px;
  width: 10%;
  border-bottom: 3px solid #184B8F;
}

.form-margin {
  margin-bottom: 5px;
}

.form-margin-large {
  margin-bottom: 20px;
}

.form-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0;
}

.form-row-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
}

.form-row-sm {
  display: inline-block;
}

.form-row-attachment {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0;
  flex-wrap: wrap;
}

.form-grid-1 {
  width: 100%;
}

.form-grid-2 {
  width: 47%;
}

.form-grid-3 {
  width: 30%;
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
.editDropDownList,
#textarea-goal-styled {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  min-height: 40px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
}
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=date]:hover,
.editDropDownList:hover,
#textarea-goal-styled:hover {
  border-color: #bbbbbb;
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=date]:focus,
.editDropDownList:focus,
#textarea-goal-styled:focus {
  border-color: #4688e0;
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
.editDropDownList,
#textarea-styled,
.textarea-styled {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  min-height: 40px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 100%;
}
input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=date]:hover,
.editDropDownList:hover,
#textarea-styled:hover,
.textarea-styled:hover {
  border-color: #bbbbbb;
}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=date]:focus,
.editDropDownList:focus,
#textarea-styled:focus,
.textarea-styled:focus {
  border-color: #4688e0;
}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

#textarea-goal-styled {
  min-height: 70px;
  padding-top: 12px;
  width: 100%;
}

.textarea-collaborationplans-styled {
  min-height: 200px;
  padding-top: 12px;
  width: 100%;
}

.buttonscontainer {
  margin-bottom: 25px;
}

#textarea-styled {
  min-height: 200px;
  padding-top: 12px;
}

.form-section-margin {
  margin-top: 50px;
}

.form-button-container {
  float: right;
  margin-top: 50px;
}
.form-button-container span {
  margin-left: 50px;
}

.input-container {
  position: relative;
  height: 75px;
  width: 160px;
  margin-right: 15px;
}

.radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.radio-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 1rem;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.radio-tile-label {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #c8c8c8;
  margin: 0;
}

.radio-button:checked + .radio-tile {
  border: 2px solid #4F8F18;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.radio-button:checked + .radio-tile .radio-tile-label {
  color: #4F8F18;
}

.research-category-wrapper {
  width: 50%;
  margin: auto;
  text-align: left;
}

.input-container-researcharea, .input-container-researchcategory {
  position: relative;
  height: 100px;
  width: 230px;
  display: inline-block;
  margin: 15px;
}

.research-category-info ul {
  list-style-type: initial;
}
.research-category-info li {
  list-style-type: initial;
}

.checkbox-container {
  position: relative;
  margin-bottom: 15px;
}

input[type=checkbox] {
  height: 15px;
  width: 15px;
  vertical-align: sub;
}

.form-requiered-circle:before {
  font-family: fontawesome;
  font-size: 13px;
  vertical-align: super;
  content: "\f111";
  color: #184B8F;
  margin: 0 5px;
}

.form-requiered-circle-sm:before {
  font-family: fontawesome;
  font-size: 9px;
  vertical-align: sub;
  content: "\f111";
  color: #184B8F;
  margin: 3px 15px 0 0;
  display: inline-block;
  float: left;
}

.form-current-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 130px 0;
}

.application-info-list {
  margin-top: 35px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 35px 20px;
}
.application-info-list li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.application-documents-information {
  margin-top: 20px;
  border-bottom: 1px solid #e1e1e1;
  padding: 25px 0;
}
.application-documents-information h5 {
  margin-bottom: 15px;
}

.application-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.save-form-btn, .back-form-btn, .continue-form-btn {
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #184B8F;
  width: 200px;
  height: 68px;
}

.continue-form-btn {
  background-color: #184B8F;
  color: #fff;
}
.continue-form-btn:after {
  font-family: fontawesome;
  font-size: 30px;
  content: "\f178";
  margin-left: 45px;
  vertical-align: middle;
}
.continue-form-btn:hover {
  background-color: #144079;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.continue-form-btn:disabled {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
}

.back-form-btn {
  background-color: #525151;
  color: #fff;
  text-align: right;
  padding-right: 25px;
  cursor: pointer;
}
.back-form-btn:hover {
  background-color: #383838;
  color: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.back-form-btn:disabled {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
}

.back-btn-icon::before {
  position: relative;
  font-family: fontawesome;
  font-size: 30px;
  content: "\f177";
  vertical-align: middle;
  color: #fff;
  right: 180px;
  bottom: 2px;
}

.save-form-btn {
  background-color: transparent;
  color: #184B8F;
  margin-right: 50px;
}
.save-form-btn:after {
  font-family: fontawesome;
  font-size: 30px;
  content: "\f0ee";
  margin-left: 70px;
  vertical-align: middle;
}
.save-form-btn:hover {
  background-color: #184B8F;
  color: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.save-form-btn:disabled {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
}

.complete-form-btn {
  background-color: #4F8F18;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #4F8F18;
  width: 200px;
  height: 68px;
}
.complete-form-btn:after {
  font-family: fontawesome;
  font-size: 30px;
  content: "\f178";
  margin-left: 45px;
  vertical-align: middle;
}
.complete-form-btn:hover {
  background-color: #437914;
  color: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.complete-form-btn:disabled {
  background-color: #525151;
  color: #fff;
  border: 1px solid #525151;
  opacity: 0.75;
  cursor: not-allowed;
}

.add {
  color: #184B8F;
  position: relative;
}
.add:after {
  font-family: fontawesome;
  font-size: 20px;
  content: "\f055";
  margin-left: 5px;
  vertical-align: sub;
}

.remove {
  color: #313538;
  display: inline-block;
  float: right;
}
.remove:after {
  font-family: fontawesome;
  font-size: 20px;
  content: "\f1f8";
  vertical-align: -2px;
  margin-left: 5px;
  position: relative;
}

.minus-icon-right, .plus-icon-right {
  cursor: pointer;
}
.minus-icon-right:after, .plus-icon-right:after {
  font-family: fontawesome;
  margin-left: 5px;
}

.plus-icon-right:after {
  color: #184B8F;
  content: "\f067";
}

.minus-icon-right:after {
  color: #184B8F;
  content: "\f068";
}

.attachment-uploaded {
  color: #184B8F;
  font-weight: 700;
  border-radius: 5px;
  margin: 15px 0;
}
.attachment-uploaded:before {
  font-family: fontawesome;
  content: "\f1c1";
  font-size: 17px;
  margin-right: 5px;
}

.submit-information {
  text-align: center;
}

form hr {
  border: none;
  border-bottom: 1px solid #e1e1e1;
}

ol.numbered-list {
  margin: revert;
  padding: revert;
}
ol.numbered-list li {
  list-style-type: auto;
  margin: initial;
  padding: initial;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ol.numbered-list {
    margin-left: 1em;
    padding: 1em;
  }
  ol.numbered-list li {
    list-style-type: decimal;
  }
}

.gender-checkbox .form-row {
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .gender-checkbox .form-row .input-container {
    margin: 0.5em;
    flex: 1;
  }
}

.ajax-loader-dots {
  content: url(/Content/img/ajax-loader-dots.gif);
}

/* Bulma Utilities */
.select select, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.select select:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .select select.is-focused, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .select select:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .select select.is-active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
  outline: none;
}
.select select[disabled], [disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis {
  cursor: not-allowed;
}

.breadcrumb, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.level:not(:last-child), .breadcrumb:not(:last-child), .pagination:not(:last-child) {
  margin-bottom: 1.5rem;
}

.select.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: hsl(0deg, 0%, 86%);
  color: hsl(0deg, 0%, 21%);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsl(0deg, 0%, 71%);
  color: hsl(0deg, 0%, 21%);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: #184B8F;
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(49, 53, 56, 0.2);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: hsl(0deg, 0%, 86%);
  border-color: hsl(0deg, 0%, 86%);
  box-shadow: none;
  color: hsl(0deg, 0%, 48%);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #184B8F;
  border-color: #184B8F;
  color: #fff;
}

.pagination-ellipsis {
  color: hsl(0deg, 0%, 71%);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.select select {
  background-color: #fff;
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  color: hsl(0deg, 0%, 21%);
}
.select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:hover, .select select.is-hovered {
  border-color: hsl(0deg, 0%, 71%);
}
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  border-color: #184B8F;
  box-shadow: 0 0 0 0.125em rgba(24, 75, 143, 0.25);
}
.select select[disabled], fieldset[disabled] .select select, .select fieldset[disabled] select {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  box-shadow: none;
  color: hsl(0deg, 0%, 48%);
}
.select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #184B8F;
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: hsl(0deg, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-white:not(:hover)::after {
  border-color: #fff;
}
.select.is-white select {
  border-color: #fff;
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: #313538;
}
.select.is-black select {
  border-color: #313538;
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: #25282a;
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(49, 53, 56, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: #184B8F;
}
.select.is-link select {
  border-color: #184B8F;
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #144079;
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(24, 75, 143, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: hsl(207deg, 61%, 53%);
}
.select.is-info select {
  border-color: hsl(207deg, 61%, 53%);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #3082c5;
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: #4F8F18;
}
.select.is-success select {
  border-color: #4F8F18;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #437914;
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(79, 143, 24, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: hsl(44deg, 100%, 77%);
}
.select.is-warning select {
  border-color: hsl(44deg, 100%, 77%);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd970;
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: #DF1010;
}
.select.is-danger select {
  border-color: #DF1010;
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #c70e0e;
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(223, 16, 16, 0.25);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: hsl(0deg, 0%, 48%) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: 9999px;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: #184B8F;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: hsl(0deg, 0%, 21%);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: hsl(0deg, 0%, 21%);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: hsl(0deg, 0%, 71%);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(219, 219, 219, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: 4px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

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

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

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

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}