body {
    font-family: "Saira",sans-serif !important;
    margin: 0 !important;
    font-size: 95% !important;
}

*:not(i) {
    font-family: "Saira",sans-serif !important;
}

.js-enabled .govuk-accordion__section-button {
    color: #0d3861 !important;
}

.btn-save {
    background-color: #0d3861 !important;
    color: white !important;
}

.idsk-footer__licence-logo {
    width: 200px;
}

.display-on {
    display: contents !important;
}

.db {
  display: block;
}

.w100p {
    width: 100%;
}

.trumbowyg-button-pane {
    background: transparent !important;
}

.modal-content {
    padding: 20px !important;
    border: none !important;
    border-radius: 2px;
}

/*
* Application specific stuff
**********************************************/
.stipendiavs__landing-page--hero  {
    background-color: #0d3861;
    color: #fff;
    padding-bottom: 25px;
}

.stipendiavs__landing-page--hero .idsk-header__logo--image {
    max-width: 250px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.stipendiavs__landing-page--hero .govuk-heading-xl,
.stipendiavs__landing-page--hero .govuk-body-l {
    color: #fff;
}

.stipendiavs__landing-page-accordion .govuk-accordion__controls {
    display: none;
}

/* TODO: put the form repeater into some wrapper */
/* .stipendiavs-application-multiform > .govuk-grid-row.border-bottom:only-of-type { */
/*     padding-top: 1rem !important; */
/*     padding-bottom: 1rem !important; */
/*     border-bottom: none !important; */
/* } */

/* TODO: ideas for the section delete button:
 *       - we could put it at the top of the section
 *       - maybe align to the right side
 *       - give it an "X" icon
 *       - make it more subtle
 *       - create some visual link with the section, maybe borders or background color
 *       - on hover/focus of this element we could decrease the opacity of the affected section
 **/
.stipendiavs-application-submit-buttons .btn {
    height: 100%;
}

.stipendiavs-summarization-img {
    max-width: 200px;
    max-height: 150px;
    object-fit: cover;
    object-position: 100% 15%;
}

.js-enabled .stipendiavs-profile__wrapper .govuk-accordion__section-button::after {
    content: none;
}

.stipendiavs-profile__wrapper .govuk-accordion__section-header,
.stipendiavs-profile__wrapper .govuk-accordion__section-button:hover:not(:focus) {
    color: inherit;
    cursor: default;
}

.stipendiavs-profile__wrapper .govuk-accordion__section-button:hover:not(:focus) {
    text-decoration: none;
}

@media screen and (max-width: 643px) {
  .stipendiavs-applications-table thead,
  .stipendiavs-applications-table .cell-hide-xs {
    position: absolute;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0 none;
  }

  .stipendiavs-applications-table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }

  .stipendiavs-applications-table tbody tr + tr {
    border-top: 15px solid #ddd;
  }

  .stipendiavs-applications-table tbody td {
    flex: 1;
  }

  /* .stipendiavs-applications-table tbody td:first-of-type { */
  /*   flex-basis: 100%; */
  /* } */

  .stipendiavs-applications-table tbody td:last-of-type {
    flex-grow: 10;
  }

  .stipendiavs-applications-table tbody td:last-of-type .btn {
    width: 100%;
  }

  .stipendiavs-applications-table tbody td:before {
    content: attr(data-cell-title);
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    white-space: nowrap;
    font-size: 70%;
    color: #777;
  }

  .stipendiavs-applications-table tbody .cell-actions {
    display: flex;
  }

  .stipendiavs-applications-table tbody .cell-actions > .dropdown {
    width: 100%;
    margin: auto 2px;
  }
}

/* File uploader */
.stipendiavs__file-uploader {
  text-align: left;
  position: relative;
  height: 72px;
  border: 2px dashed #a6a6a6;
  background-color: #f2f2f2;
  outline: 5px solid #f2f2f2;
  margin: 5px;
  -webkit-transition: all 250ms ease-out;
          transition: all 250ms ease-out;
}
.stipendiavs__file-uploader:hover, .stipendiavs__file-uploader:focus {
  border-color: #333333;
}
.stipendiavs__file-uploader:hover:after, .stipendiavs__file-uploader:focus:after {
  background-color: #1b1741;
}
.stipendiavs__file-uploader:hover label, .stipendiavs__file-uploader:focus label {
  color: #333333;
}
.stipendiavs__file-uploader:after {
  position: absolute;
  top: 50%;
  right: 15px;
  padding: 10px 20px;
  background-color: #2a2467;
  color: #fff;
  content: attr(data-btn-text);
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  -webkit-transition: all 250ms ease-out;
          transition: all 250ms ease-out;
}
.stipendiavs__file-uploader.active {
  border-color: #e10614;
}
.stipendiavs__file-uploader label {
  position: absolute;
  top: 50%;
  left: 15px;
  width: calc(100% - 175px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #666666;
  -webkit-transition: all 250ms ease-out;
          transition: all 250ms ease-out;
}
.stipendiavs__file-uploader--form-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.stipendiavs__repeater-block {
    background-color: #DEE0E2;
}

.stipendiavs__repeater-block.border-bottom {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    margin-bottom: 25px;
}

.spinner-border.spinner-border {
  vertical-align: middle;
  margin-top: -2px;
}

.text-justify {
    text-align: justify !important;
}

/*
* IDSK tweaks and hacks
**********************************************/
.idsk-header {
  background: #0d3861;
}

.idsk-header__logotype > * {
  width: auto;
}

.idsk-header__content--right {
  text-align: right;
}

.idsk-footer__meta-item {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* HACK: get rid of this */
.idsk-header-web__nav-list-item:hover > .idsk-header-web__nav-list-item-link ~ .idsk-header-web__nav-submenulite,
.idsk-header-web__nav-list-item > .idsk-header-web__nav-list-item-link:hover ~ .idsk-header-web__nav-submenulite,
.idsk-header-web__nav-list-item > .idsk-header-web__nav-list-item-link:focus ~ .idsk-header-web__nav-submenulite {
  display: block;
}

/* TODO: em/rem or just apply the alignment on large screens */
@media (max-width: 961px) {
  .idsk-header__content.idsk-header__content--right {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .stipendiavs-application-summary .text-center {
    /* TODO: reduce the specificity of this,
     *       .text-center have important flag */
    text-align: left !important;
  }
}

.idsk-header__navigation.active {
  display: block;
}

/* TODO: finish this */
.idsk-button--icon-plus:after {
    content: '+';
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
}

.govuk-form-group {
    display: flex;
    flex-direction: column;
}

/* TODO: dedicated selector instead of text-danger */
.govuk-form-group .text-danger {
    order: 100;
}

.idsk-warning-text {
    padding: 10px;
}

.idsk-header__link.active {
    text-decoration: underline;
}

@media (min-width: 962px) {
    .idsk-header__navigation-item--divided {
        border-left: 2px solid;
        padding-left: 15px;
    }
}

.govuk-select--full {
  width: 100%;
}

.govuk-details__summary-secondary {
  font-size: 14px;
}

/* TODO: don't like this, don't use element selectors */
h3.idsk-crossroad-title {
    color: inherit;
    cursor: auto;
}

h3.idsk-crossroad-title:hover {
    color: inherit;
}