/* extra.css */

.bg-primary
{
  background-color: darkolivegreen !important;
  background-image: linear-gradient(forestgreen, green);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  margin: 0.5em auto;
}

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.top
{
  vertical-align: top !important;
}

.bottom
{
  vertical-align: bottom !important;
}

.middle
{
  vertical-align: middle !important;
}

p
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

pre
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

code
{
  font-weight: bold !important;
}

.code
{
  font-family: monospace;
  background: #fff;
  border: 1px solid #e1e2e3;
  margin: 1px;
  padding: 2px 5px;
}

/* a */
a
{
  text-decoration: underline;
}
/*
a:link
{
  color: green;
}

a:visited
{
  color: darkgreen;
}

a:hover
{
  color: limegreen;
  text-decoration: underline;
}

a:active
{
  color: darkolivegreen;
  text-decoration: underline;
}
*/

.border
{
  border: 1px solid black !important;
}

table
{
  margin: 0.5em;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  padding: 0.3em !important;
}

table > caption
{
  text-align: center;
  color: black;
  font-weight: bold;
  caption-side: top;
}

/*
thead
{

}
*/

th
{
  text-align: center;
  vertical-align: middle !important;
  padding: 0.2em !important;
}

/*
tbody
{
}
*/
/*
tr
{
}
*/

td
{
  padding: 0.2em !important;
  vertical-align: middle !important;
}

p
{
  margin-bottom: unset !important;
}

ul
{
  margin-top: unset !important;
  margin-bottom: unset !important;
}

blockquote
{
  background-color: #f0f0f0;
  font-style: italic;
  padding: 10px;
  margin: 10px;
}

details
{
  border: 1px dotted OliveDrab;
  /* box-shadow: 1px 1px 2px #bbbbbb; */
  box-shadow: unset;
  padding: 0.5em;
  margin: 0.5em;
  border-radius: 4px;
  text-align: left;

  /* color: DarkOliveGreen; */
  /* background-color: #bbccaa; */
  border-color: Olive;
}

details > summary
{
  margin: 0.5em;
  padding: 0.5em;
  width: 99%;
  color: inherit;
  font-weight: bold;
  /* background-color: inherit; */
  border: 1px solid transparent;
  border-radius: 4px;
}

.admonition {
  padding: 0.5em;
  margin: 1em auto;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: left;
}

/* div.info */

div.info
{
  background: gainsboro;
}

div.info a:link
{
  color: gray;
}

div.info a:visited
{
  color: dimgray;
}

div.info a:hover
{
  color: darkslategray;
}

div.info a:active
{
  color: slategray;
}

/* div.note */

div.note a:link
{
  color: blue;
}

div.note a:visited
{
  color: navy;
}

div.note a:hover
{
  color: skyblue;
}

div.note a:active
{
  color: cornflowerblue;
}

/* div.warning */

div.warning a:link
{
  color: darkgoldenrod;
}

div.warning a:visited
{
  color: darkkhaki;
}

div.warning a:hover
{
  color: gold;
}

div.warning a:active
{
  color: coral;
}

/* div.danger */

div.danger a:link
{
  color: red;
}

div.danger a:visited
{
  color: darkred;
}

div.danger a:hover
{
  color: crimson;
}

div.danger a:active
{
  color: tomato;
}

.yes
{
  font-size: 1.2em;
  font-weight: bold;
  color: green;
}

.no
{
  font-size: 1.2em;
  font-weight: bold;
  color: red;
}

.title-image
{
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.affix
{
  overflow-y: scroll;
  max-height: 85vh;
}

.text-border
{
  /* text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; */
  /* text-shadow: -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px -0.5px 0 #000; */
  text-shadow: -0.33px 0.33px 0 #000, 0.33px 0.33px 0 #000, 0.33px -0.33px 0 #000, -0.33px -0.33px 0 #000;
  /* text-shadow: -0.25px 0.25px 0 #000, 0.25px 0.25px 0 #000, 0.25px -0.25px 0 #000, -0.25px -0.25px 0 #000; */
}

/*	colors	*/

.white
{
  color: white;
}

.bg-white
{
  background: white;
}

.black
{
  color: black;
}

.bg-black
{
  background: black;
}

.gray
{
  color: darkgray;
}

.bg-gray
{
  background: darkgray;
}

.red
{
  color: red;
}

.bg-red
{
  /* background: red; */
  background: lightpink;
}

.green
{
  color: green;
}

.bg-green
{
  background: green;
}

.blue
{
  color: blue;
}

.bg-blue
{
  background: blue;
}

.yellow
{
  color: gold;
}

.bg-yellow
{
  background: yellow;
}

.orange
{
  color: darkorange;
}

.bg-orange
{
  background: orange;
}

.purple
{
  color: RebeccaPurple;
}

.bg-purple
{
  background: purple;
}

.pink
{
  color: hotpink;
}

.bg-pink
{
  background: pink;
}

.gold
{
  color: gold;
  font-weight: bold;
}

.monospace
{
  font-family: 'Courier New', Courier, monospace;
}

.bold
{
  font-weight: bold !important;
}

.italic
{
  font-style: italic !important;
}

.underline
{
  text-decoration-line: underline;
  text-decoration-style: solid;
}

.block
{
  display: block;
}

.menu-logo
{
  height: 1.5em;
}

.img-thumb
{
  width: 30%;
}

ul.no-bullet
{
  list-style-type: none;
  padding-left: 0px;
  list-style-position: inside;
}

li.paro {
  padding-left: 1em;
  text-indent: -1em;
}

li.paro:before {
  content: "🟥⬛";
  font-size: xx-small;
  padding-right: 0.25em;
}