/* Font */
body {
  margin: 0;
  width: 100%;
  height: 99.9%;
  font-family: "frutiger-light", sans-serif;
}

pre {
  font-size: 80%;
  padding: 5px;
  margin-top: 5px;
}

@font-face {
  font-family: "frutiger-light", sans-serif;
  src: url("https://cynkra.com/user/fonts/1449009/e5acedaa-f4c6-4128-8b5a-2f3f8324f09b.eot"); /* IE9 Compat Modes */
  src: local("Frutiger Light"), local("frutiger-light"),
  url("https://cynkra.com/user/fonts/1449009/e5acedaa-f4c6-4128-8b5a-2f3f8324f09b.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("https://cynkra.com/user/fonts/1449009/b3ca2df2-7bee-4fc0-84cb-b029b99c3b61.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("https://cynkra.com/user/fonts/1449009/554d0bc9-df00-45eb-993e-f62841c80ab1.woff")
      format("woff"),
    /* Pretty Modern Browsers */
      url("https://cynkra.com/user/fonts/1449009/3512931d-90c5-4aa4-b0dc-3a3630c65f37.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("https://cynkra.com/user/fonts/1449009/f8b7e418-9dc4-4040-ac46-c50501eac7b5.svg#f8b7e418-9dc4-4040-ac46-c50501eac7b5")
      format("svg"); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

/* Important column */
.important-div {
  border-color: #ddd;
  border-style: solid;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 5px;
}
/* Alert */
.alert-primary {
  color: black;
  font-weight: bold;
}

/* Figures */

figure {
  display: flex;
  flex-direction: row-reverse;
  align-items: top;
  justify-content: space-between;
  margin-bottom: 0px;
  margin-top: 3px;
}

figure.big img {
  max-width: 50%;
}

figure img {
  margin-left: 10px;
  margin-top: -10px;
}

figure.left {
  justify-content: flex-end;
  margin-top: -10px;
  margin-bottom: 6px;
}

img {
  max-width: 30%;
}

/* Space */
h4, h5, h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}
p {
  margin-bottom: 0rem;
}

ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

ol {
  padding: 15px;
  margin: 0; /* Remove margins */
}

ol li {
  margin-top:-13px;
}

/* Headers */
img.logo {
  max-width: 100px;
  margin-left: 850px;
  margin-top: -50px;
}

.page-header {
  margin-bottom: -60px;
}

.page-header {
  min-height: 115px;
}

.page-header h1 {
  margin-top: 10px;
}

h1, h2 {
  font-weight: bold;
  margin-top: 0;
}

h3 {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
}

h2 {
  font-style: bold;
}

/* Borders */
hr {
  margin-top: 5px;
  margin-bottom: 15px;
  border-width: 2px;
}

hr.upper {
  margin-top: -15px;
}

pre {
  display: inline-block;
  background: #f4f4ff;
  border-color: #E0E0FC;
}

code {
  background: inherit;
  color: inherit;
  padding-left: 0;
  padding-right: 0;
}

.row.h1 {
  border-style: none;
}

.row {
padding: 10px;
border-color: #ddd;
border-style: solid;
border-width: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 0px;
}


/* cynkra logo classes  ----------------------------------------------------- */

.cynkra-logo {
  font-size: 65% !important;
  color: #1f65b7 !important;
  padding-left: 2.5px !important;
  padding-top: 16px;
  padding-right: 15px;
  float: left;
  line-height: 20px;
}

.cynkra-logo-font {
  font-size: 16px;
  font-weight: bold;
  /* color: rgb(108, 111, 115);   text color */
  color: rgb(45, 50, 56);
  padding-top: 14px;
  float: left;
  line-height: 20px;
}

.cynkra-logo-footer {
  font-size: 85% !important;
  color: #1f65b7 !important;
  padding-left: 1.5px !important;
  line-height: 20px;
}
.cynkra-logo-font-footer {
  font-size: 14px;
  font-weight: bold;
  /* color: rgb(108, 111, 115);   text color */
  color: rgb(45, 50, 56);
}

/* paged.js */
@page {
  size: letter landscape;
  margin-top: 0mm;
  margin-bottom: 10mm;
  margin-left: 2mm;
  margin-right: 2mm;
  @bottom-right {
  content: "mail@cynkra.com | cynkra.com | Learn more at cynkra.github.io/dm | dm 1.0.0 | Updated: 2022–10";
  }
  @bottom-left {
  content: url("cheatsheet-figures/logo.png");
  }


}

.page {
  break-before: page;
}
