/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.document {
  width: 100%;
  max-width: 300px;
  height: 100%;
  background-color: #F3F4F6;
  color: black;
  padding: 15px;
  border-bottom: 32px solid white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .document a {
    color: #0065BD; }
  .document .icon {
    padding-right: 5px;
    min-width: 58px;
    height: auto; }
  .document .document-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .document .document-detail p {
      margin-bottom: 5px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .document .document-detail {
        width: calc( 100% - 0.1px); } }