@import url("style_vdm.css");

h6 { font-weight: 700 }

.responsiveContainer {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content {
  min-height:600px;
}
.img-responsive, 
.carousel-inner>.item>a>img, .carousel-inner>.item>img, 
.thumbnail a>img, .thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}


.list-unstyled__mmicon {
  display:inline-block;
  min-width:40px;
}
.titleimg h3 {
  padding: 5px 10px;
  background: rgba(255,255,255,0.5);
  text-shadow: #FFF 0px 5px 10px;
}

.btile img,
.ZMSTeaserElement img {
	max-width:100%;
}

.RIGHT_FLOAT {
  float:right;
  margin-left: 15px;
}
.LEFT_FLOAT {
  float:left;
  margin-right: 15px;
}
a.href_more {
  float:right;
}
p.description {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 16px;
  }

.vbs-sm {
  display:none;
  font-size:smaller;
  color: #AAA;
} 
ul.check {
  list-style: none;
  /* padding: 0; */
}
ul.check li {
  padding-left: 1.3em;
}
ul.check li:before {
  content: "\f14a"; /* FontAwesome Unicode check-square */
  font-family: "FontAwesome", "Font Awesome 6 Free";
  color: #72c02c;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
} 
 
.imageCredits .icTitle {
  display:inline-block;
  color:white;
  }
.imageCredits .icItem {
  display:inline-block;
  color:white;
  margin-right:5px;
  }

a.fancybox:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00e"; /* search-plus */
  padding-left:5px;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width:23px;
}


.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.content ul > li {
  margin: 5px 0;
}
.blogPage {
  clear:both;
  margin-bottom:15px;
}
.blogPage h2, .blogPage p, .blogPage .blog-info {
  margin-bottom:5px;
}
.blogPage .blogImg {
  width:240px;
  float:left;
  margin-right:15px;
  margin-bottom:15px;
}
.blogPage .blogImg img {
  width:100%;
}
.blogPage .blog-post-tags li {
  font-size:smaller;
}

a.fancybox, a.fancyimg { 
  text-decoration:none;
}

.floatright {
  float: right;
  margin-left: 15px;
}
.floatleft {
  float: left;
  margin-right: 15px;
}
div.ZMSGraphic {
	background-color: transparent;
	margin-bottom:15px;
}
.zmi div.ZMSGraphic {
	margin:0;
}
div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin-right:2em;
}
div.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
}
div.ZMSGraphic .alignleft {
	margin-right:10px;
}
div.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
}
div.graphic {
	max-width:100% !important;
}
div.graphic.alignleft {
	float:left;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic .text {
	background-color:transparent;
	font-size:smaller;
	/* margin-top: -1.5em!important; */
}

.ZMSGraphic.center div.graphic  {
	margin:0 auto;
}
.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:15px;
}
.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
}
/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important;
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}


@media (max-width: 991px) {
  .floatright {
    float: none;
    margin-left: inherit;
  }
  .floatleft {
    float: none;
    margin-right: inherit;
  }
  .ZMSGraphic .graphic {
	  text-align:center;
	  margin:auto;
  }
  .ZMSGraphic .text  {
	  text-align:center!important;
	  margin-top:4px!important;
  }

  .header .navbar-toggle {
    clear: both;
  }
}

@media (max-width: 787px) {
  .navbar-brand img {
    width:80%;
  }
}

div.ZMSFile, div.ZMSLinkElement {
  background-color: #f7f7f7;
  margin: 15px 0 30px 0;
  padding: 10px;
  /* position: relative; */
}

div.ZMSFile.none, div.ZMSLinkElement.none {
  border: 0px none;
}
div.ZMSFile div.title, 
div.ZMSLinkElement div.title {
  white-space: normal;
  line-height: 20px;
}
div.ZMSFile div.title img {
  float: left;
  margin: 3px 7px 15px 0;
}

div.ZMSLinkElement div.title:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  content: "\f35d";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width:20px;
  }
div.ZMSFile div.title:before {
  /* content: "\f019"; */
}
div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited {
  font-weight: bold;
  text-decoration: none;
  font-size: 15px;
  /* display: inline-block; */
  margin-top: 3px;
}
div.ZMSFile div.text, div.ZMSLinkElement div.text,
div.ZMSFile div.description, div.ZMSLinkElement div.description {
  font-size: 100%;
  margin-left: 23px;
  }

.ZMSTeaserContainer {
	margin-bottom: 20px;
}
.ZMSTeaserElement {
	padding-bottom:0.5em;
}
.ZMSTeaserElement .graphic {
  float:left;
  }
.ZMSTeaserElement .graphic img {
  /* width:100% */
  }
.ZMSTeaserElement .title {
	color: #7e8998;
	font-weight:bold;
	padding:4px 4px 1px 10px;
}
.ZMSTeaserElement .text {
	color: #7e8998;
	padding:1px 4px 1px 10px;
}

#search_results h2 {
  margin: 10px 0 0;
  }
#search_results h2.ZMSFile a:before {
  font-family: 'Glyphicons Halflings';
  content:"\e202"; /* save-file; */
  line-height: 1em;
  }

#search_results .breadcrumb {
  padding:0;
  margin-bottom:5px;
  top:0;
  font-size: smaller;
  }

/*  Highlight (Search-Result) */
.highlight {
	background-color: #feda8f;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4 */
	border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
	padding:1px;
	margin:1px;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 90%;
    /* margin:0; */
}

body.iframeedit {
  padding:10px;
}

/* ddelimiter */
.delimiter {
  position: relative;
  margin: 30px 0;
  display: block;
}
.delimiter.line {
  width: 120px;
  height: 3px;
  background-color: #72c02c;;
}

.navbar-nav .nav-item a.nav-link {
  white-space:nowrap;
}

.cntr {
  color: white;
  background-color: crimson;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: absolute;
  margin-top: -2px;
  margin-left: 2px;
}
.folderIndex { }
.folderPage {
  margin-bottom: 1.5rem;
  }
.folderPage > .folderTitle {     
  font-size: 1.2rem;
  font-weight: 600;
  }
.folderPage > p {     
  margin-bottom: 0.2rem;
  }

.folderPage .blog-post-tags ul li {     
  padding-left: 0!important;
  font-size: x-small;
  color:#666;
  }
.folderSubindex { 
  margin: 0 0 1rem 2.5rem; 
  }

.ZMSTable {
  font-size: 13px;
  line-height: 15px;
}
.ZMSTable caption {
  color: inherit;
  font-size:18px;
}
.ZMSTable>thead>tr>th, .ZMSTable>tbody>tr>th {
  /* border-bottom: 2px solid #3b9a29; */
}
.ZMSTable>tbody>tr>th, .ZMSTable>tbody>tr>td {
  border-left: 1px solid #D7E4BD; 
  border-right: 1px solid #D7E4BD;
  border-bottom: 1px solid #D7E4BD;
  border-top: 1px solid #D7E4BD;;  
  }
.ZMSTable>tbody>tr:nth-of-type(2n+1),
.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: #f7f7f7;
}
.table th, .table td {
  border: 0px none;  
}
tbody th, tbody td {
  vertical-align:top;
}

.teaserNav .current > a {
  color: #7199e4;
}

/* formulator */
.formrow {
  /* border: 1px solid #ddd; */
  margin-top:0.5em;
}