/**
  PRADO view document CSS module
**/

/* document overall container */
.doc {
  font-size: .9em;
  padding: unset;
}

.doc [class*="span"] {
  margin-left: 0;
}

/*=== document TOC ===*/

.doc-nav dt {
    font-weight: bold;
}
.doc-nav dt, .doc-nav dd {
    line-height: 20px;
}


.doc-nav dd, .doc-nav dl {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}

/*=== document details & general info ===*/
.doc-details {
  margin-left: 0;
}

.prado-toc-bge-grid__area {
    grid-column-end: span var(--gsc-bge-grid-item-span, var(--gsc-grid-item-span));
	display: grid;
    grid-auto-rows: max-content;
    gap: var(--_gsc-block-flow) 0;
}

.doc-general-info {
  padding-left: 1em;
}

.padding-x-10 {
    padding-left: 20px !important;
    padding-right: 20px !important
}
.padding-x-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}
.padding-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}
.padding-x-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.margin-left-10{margin-left:10px!important}

.margin-top-20{margin-top:20px!important}

.margin-bottom-5{margin-bottom:5px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-30{margin-bottom:30px!important}


.doc-general-info .span9 {
  margin-left: 1.5em;
}

/*=== document elements ===*/
.element-header {
  background: #eef3f4;
  margin-bottom: 1em;
  padding: .6em;
}

.element-header > h2 {
  font-weight: bold;
  font-size: 1.5em;
  margin: 0;
  padding-bottom: .2em;
  line-height: 100%;
}

.element-header li {
  padding-left: 0 !important;
  padding-right: .5em !important;
  --gsc-element-mb: 0;
}

.element-header > ul.inline {
  margin: 0;
}

.element-info {
  padding-left: 1em;
}

.element-info .span6 {
  position: relative;
}


/*=== security features & printing techniques ===*/
.sec-feature, .observations {
  padding: 1em 0;
}

.sec-feature > .info-panel {
  padding-left: 1.2em;
}

.info-panel .span6 {
  position: relative;
}

.sec-feature.odd-row {
  background: #f9f9f9;
}

.printing-tech {
  margin: 1em 0;
}

/*=== document images ===*/
.doc-images > div {
  float: left;
  padding: .7em 0
}

.doc-images a {
  display: block;
  float: left;
  margin: .5em;
}

/*=== other ===*/
.observations > p {
  margin: .5em 0;
}

.separate-field > span {
  padding-right: .5em;
}

.img-description {
  float: left;
  max-width: 250px;
}

a.glossary-link {
  font-size: 1.1em;
  margin-left: .4em;
  position: relative;
  text-decoration: none; 
}

a.prado-link {
	display:flex;
	align-items:center;
	font-size: 90%;
	text-decoration: none;
}

a.prado-link:hover {
	color: blue;
}

.prado-icon{
	display:inline-block;
	fill:var(--gsc-color-text-link);
}

a.glossary-link:visited {
  color: #164194;
}

/*=== media queries ===*/
@media (max-width: 480px) {
  .img-description {
    width: 120px;
  }
}

@media (max-width: 1024px) {
  .img-description {
    width: 150px;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .img-description {
    width: 200px;
  }
}

.icon-help:before {
    content: "\e887"
}

.prado-list-inline {
	list-style:none;
}

.prado-list-inline li{
	display:inline;
}

.prado-list-inline a {
	font-size: 80%;
}