html { font-size: 14px }
@media (min-width: 768px) {
  html { font-size: 16px }
}
::-webkit-scrollbar { width: 10px }
::-webkit-scrollbar-track { background: #f1f1f1 }
::-webkit-scrollbar-thumb { background: #DDD }
.iframe-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  overflow: hidden
}
.iframe-row {
  background:white;
  flex-grow:1;
  border:none;
  margin:0;
  padding:0
}
.container-outer {
  background:none;
  padding-bottom:0px;
  margin-bottom:0px
}
.container {
  margin-top:90px;
  max-width:960px;
  margin-bottom:90px
}
.container-outer .container { margin-bottom:90px}

.doc-menu { margin-top:100px }
.m7-header { max-width:700px }
.m7-header-extended { max-width:750px }
.m7-header-extended-wider { max-width:780px }
.m7-header .btn-group { margin-top:15px }
.lead {
  margin:0;
  padding:0;
  font-size:1.2em
}
.lead-bigger {
  margin:0;
  padding:0;
  width:100%;
  font-weight:bold;
  font-size:1.2em
}
.card-deck .card {
  min-width: 220px;
}
.ct-notes {
  padding-bottom:25px;
  font-size:0.9em
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus {
    background-color: #FF6600;
	border-color: #FF6600;
    padding:.5rem;
}
.btn-outline-primary{
    color:#FF6600;
	border-color: #FF6600
}
.border-top { border-top: 1px solid #e5e5e5 }
.border-bottom { border-bottom: 1px solid #e5e5e5 }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05) }

footer {
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	text-align: center;
	background: white
}

nav .btn-primary { text-decoration:none }
.card-body .btn { text-decoration:none }

.breadcrumb {
  background:white;
  margin:0px 10px 10px 10px;
  padding:0px 12px
}
.breadcrumb .breadcrumb-item{
  padding-top:7px;
  padding-bottom:7px
}

.dropdown-item { text-decoration:none }

.card-header { background-color:#F7F7F7 }
.card-header h5{ color:black }

.btn-group a{
  border-radius: 0px 0px 5px 5px;
  border:none;
  border-top:1px solid #F0F0F0;
  text-decoration:none
}
.btn-group a:hover{
  border-top:1px solid #F0F0F0;
  background:#FFFFFF;
  color:black
}
.tab-pane { margin-top:20px }

.card-header-common{ background:#F3F3F3 !important }

.card-body h6 { font-weight: bold }

hr {border-top: 1px solid rgba(0,0,0,.2) }

.nav-tabs {
  padding:0px 0px 0px 20px;
  border-bottom:1px solid #BBB
}
.nav-tabs .nav-item{ margin:0px 1px 0px 1px }
.nav-tabs .nav-link{
  border-bottom:white;
  font-size:1.09em;
  padding-left:29px;
  padding-right:10px;
  background-image: url("../img/arrow-right.png");
  background-position: left center;
  background-repeat: no-repeat
}
.nav-tabs .nav-link:hover{
  background:#F7F7F7;
  color:#888;
  background-image: url("../img/arrow-hover.png");
  background-position: left center;
  background-repeat: no-repeat
}
.nav-tabs .nav-link.active {
  background:#AAA;
  color:white;
  text-decoration:none;
  background-image: url("../img/arrow-down.png");
  background-position: left center;
  background-repeat: no-repeat
}
.nav-tabs .nav-link.active:hover { text-decoration:underline }
.nav-tabs .nav-link.versions {
  background:#FF6600;
  color:white;
  padding-left:10px;
  text-decoration:none;
}
.nav-tabs .nav-link.versions:hover { text-decoration:underline }
.nav-tabs .nav-link {
  color:#999;
  text-decoration:none
}

.navbar-collapse.show {
    padding-top: 0px;
    margin-top: 0px
}
.navbar-collapse.show a{
  display:block;
  margin:3px
}
article a.anchor{display:none}
article h1{
  font-size: 1.5em;
  text-decoration:underline
}
.error-container{
  margin-top:10%;
  background:white;
  border-radius: 25px
}
#error-img {
  position:relative;
  height:214px;
  width:197px;
  margin:0 auto;
}
#error-img img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#error-img img.top:hover { opacity:0 }

#rnTab{
    margin:0px;
    padding:0px
}
.container-full-inner {
    height:100%;
    min-height:100%;
}

.container-full {
  display:block;
  position:absolute;
  height:auto;
  bottom:0;
  top:90px;
  left:0;
  right:0;
  max-width:960px;
  margin-top:0px;
  margin-bottom:90px;
  margin-left:auto;
  margin-right:auto
}
.chl-tab {
	position:absolute;
	top:246px;
	left:0;
	right:0;
	bottom:0;
	margin:0px
}
.chl-iframe {
    width:100%;
    height:100%
}
.link-fatjar, .link-fatjar:hover, .link-fatjar:visited {
  color:#212529;
  cursor: grab;
  text-decoration:none;
}
#nav-vers, #nav-vers a {
  border-bottom:0;
  background:orange;
}

.offcanvas {
  background:hsla(100, 100%, 100%, 0.9); width:230px;
}
#ocSearch {
  background-image: url('/img/searchicon.png');
  background-position: 20px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 50px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
.accordion-item{ background:none !important}
.accordion-button{ color:#666 !important; background:none !important}
.acc-item {
  display:block;
  text-decoration:none;
  color:#666;
}
.highlightTitle {
  animation: blinker 0.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}