/* STANDARD HEADINGS */

/* For top nav menu */

.top-nav-on{
  position: fixed;
  z-index: 50;
  max-width: 83.4%;
  width: 100%;
  padding: 12px 25px !important;
}

main article {
  margin-top: 120px;
}

.page-toc .section-nav-container {
  top: 130px;  
}

.top-nav-on .toolbar-tools .navbar-collapse .top-nav-menu li:last-child{
  background-color: #3ac4d7;
  border-radius: 20px;
  color: white;
}


/* For edit topic button */

#edit-button{
  margin-left: 40px;
  padding: 3px 5px;
  border: 1px #ccc solid;
  border-radius: 5px;
}

#edit-button a{
  text-decoration: none !important;
}

/*Body override font*/
body {	
  font-size: 14px;

  -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;

    line-height: 1.6;

    font-family: 'open sans',sans-serif;
    font-weight: 400;
    color: #555555 !important;
}

/*added logo*/
.site-sidebar-header{
  background-color: white;  
}

/*breadcrumb*/
.topic-content .breadcrumb {
  font-size: 0.9em;
  color:#616b82;
}


.theme1 .site-sidebar .logo{
  width: 50%;
  max-width: 160px;
  padding: 45px 0;
  padding-top: 14px;
  display: inline-block;
  padding-bottom: 10px;
}

/*footer*/
a,.text-primary,.btn-link,.pagination>li>a,.pagination>li>span,.publication-contents a:hover {
  color: black;
  font-size: 14px;  
}
/*Marie expt footer*/
.footer .container{  
  max-width: 100% !important;
  margin: auto;
}
.row{
  display: flex;
  flex-wrap: wrap;
}

ul{
  list-style: none;
  padding-left: 20px;  
}

.footer{
  background-color: white;
  padding: 25px 0;
}
.footer-col{
   width: 25%;
   padding: 0 30px;   
}
.footer-col h4{
  font-size: 12px;
  color: black;
  text-transform: uppercase;
  margin-bottom: 10px;  
  font-weight: 400;
  position: relative;
  border-bottom: transparent;
}
.footer-col h4::before{
  content: '';
  position: absolute;
  left:0;
  bottom: -10px;
  background-color: transparent;
  height: 2px;
  box-sizing: border-box;
  width: 100px;
}
.footer-col ul li:not(:last-child){
  margin-bottom: 5px;
  
}
.footer-col ul li a{
  font-size: 12px;  
  color: black;
  text-decoration: none;
  font-weight: 300;
  color: black;
  display: block;
  transition: none;
}
.footer-col ul li a:hover{
  color: #3ac4d7;
  /* padding-left: 8px; */
  transition: none;
}


/*responsive*/
@media(max-width: 767px){
  .footer-col{
    width: 50%;
    margin-bottom: 10px;
}

.top-nav-on{
  max-width: 100%;
  width: 100%;
  top: 0;
}




}
@media(max-width: 574px){
  .footer-col{
    width: 100%;
}
}

/* --------- */
h1 {
  font-size: 40px;
  font-family: 'open sans',sans-serif;  
}

h2 {
  font-size: 28px;
  border-bottom: 1px solid #e1e4e5;
  padding-bottom: 18px;
  font-family: 'open sans',sans-serif;  
  /* For Small TOC  */
  word-break: break-word !important;  
}

h3 {
  font-size: 22px;
  background: #f2f2f2;
  padding: 10px;
  font-family: 'open sans',sans-serif;
}

h4 {
  border-bottom: 1px solid #e1e4e5;
  padding-bottom: 0.5em;
  font-family: 'open sans',sans-serif;
}

/* to hide translation-missing elements */

.translation-missing {
  display: none !important;
}

/* for long topic link  */

.nav-site-sidebar ul .active > a {
  word-break: break-word;
}

/* for long topic link  */

.nav-site-sidebar ul .active > a {
  word-break: break-word;
}

/* For Small TOC */

pre,
code.code {
  word-break: break-word !important;
}

aside > ul.section-nav > li > ul.nav {
  display: none !important;  
}

aside > ul.section-nav {
  list-style: none !important;
  list-style-type: none !important;  
}

aside > ul.section-nav > li.active {
  border-left: 2px solid #ff6154;
}

.theme1 .section-nav.nav li.active > a,
aside > ul.section-nav > li.active {
  color: #33AFBF;
}

aside > ul.section-nav.nav > li.active > a:before {
  display: none !important;
}

.section-nav.nav>li a {
  padding: 5px 15px;
  color: #3ac4d7;
  font-size: 13px;
}
/* Cuts off long class/property names */
.section-nav.nav > li a {
  text-overflow: ellipsis;
  max-width: 220px;
  overflow: hidden;
}

/*  For footer    */

.site-footer {
  padding-left: 10% !important;
  padding-right: 5% !important;
  width: 85% !important;
}

/* For AboutThisSite Reusable Component */

.AboutThisSite .titlepage div.title {
  margin-top: 250px;
}

.AboutThisSite .titlepage h2.title {
  font-weight: bold;
  line-height: 1.1;
  color: #000000;
  font-family: inherit;
  font-size: 15px;
  margin-top: 25px;
  border-bottom: none;
  padding-bottom: 0 !important;
}

.AboutThisSite h3.bridgehead {
  font-weight: bold;
  line-height: 1.1;
  color: #000000;
  font-family: inherit;
  font-size: 14px;
  background: none;
  padding: 10px 0 !important;
}

.AboutThisSite p {
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  font-family: inherit;
  font-size: 14px;
}

/* -----------------  */

/* Table styling */

.topic-content tr:nth-child(odd) {
  background: #f2f2f2;
}

.rules-rows td,
.rules-rows th,
.rules-all td,
.rules-all th {
  border: 1px solid lightgrey;
}

.topic-content th {
  background: white;
}

.topic-content table {
  border: 1px solid lightgrey;
}

.rules-rows td,
.rules-rows th {
  border-top: 1px solid lightgrey !important;
}

div.informaltable {
  margin-bottom: 2em;
}

table .warning .title,
table .note .title,
table .important .title,
table .caution .title,
table .tip .title,
table .warning,
table .note,
table .important,
table .caution,
table .tip {
  background: #dadada;
}

.informaltable td .warning p,
.informaltable th .warning p,
.table td .warning p,
.table th .warning p,
.informaltable td .note p,
.informaltable th .note p,
.table td .note p,
.table th .note p,
.informaltable td .important p,
.informaltable th .important p,
.table td .important p,
.table th .important p {
  margin: 20px;
}*/

/*table settings added*/
/* Table styling */

/*
.informaltable > tbody > tr > td,
.informaltable > tbody > tr > th,
.informaltable > tfoot > tr > td,
.informaltable > tfoot > tr > th,
.informaltable > thead > tr > td,
.informaltable > thead > tr > th,
.informaltable {
  border: 1px solid #000 !important;
}

/*
.informaltable th {
  background: white;  
}
table.informaltable.table {
  margin-bottom: 0;
}

div.table-responsive {
  background: linear-gradient(90deg, #d4d4d41f 0%, transparent 8%, transparent 92%,#d4d4d41f 100%);
  border: 1px solid #d9d9d9 !important;
  margin-bottom: 20px;  
}

.table-responsive {
  border-radius: 8px !important;
}

.informaltable tr:nth-child(odd) {
  background: #f2f2f2;
}

.informaltable tr:nth-child(odd) .code {
  background: #f2f2f2;
}
*/

/* Table headers */
thead th p {    
  font-size: 13px;
  color: #3a4358;
  margin-bottom: 0;
  text-transform: uppercase;
}

th {    
  font-size: 13px;
  color: #3a4358;
  margin-bottom: 0;
  text-transform: uppercase;
}

/* Hide abstract */

.abstract {
  display: none;
}

/* Make admonitions grey */

.important {
  border-left: 7px solid #ff6154;
  border-right: 1px solid lightgrey;  
  border-top: 1px solid lightgrey;  ;
  border-bottom: 1px solid lightgrey;  

}

.warning {
  border-left: 7px solid #f2c24a;
  border-right: 1px solid lightgrey;  
  border-top: 1px solid lightgrey;  ;
  border-bottom: 1px solid lightgrey;  

}

.note {
  border-left: 7px solid #78dded;
  border-right: 1px solid lightgrey;  
  border-top: 1px solid lightgrey;  ;
  border-bottom: 1px solid lightgrey;  

}

.tip {
  border-left: 7px solid #3a6888;
  border-right: 1px solid lightgrey;  
  border-top: 1px solid lightgrey;  ;
  border-bottom: 1px solid lightgrey;  

}


.warning,
.note,
.important,
.caution,
.tip {
  background: #f2f2f2;
  border-radius: 9px;  
}

.warning .title,
.note .title,
.important .title,
.caution .title,
.tip .title {
  color: black;
  font-weight: bold;
  font-size: 1em;
  background: #f2f2f2;
  padding: 15px 20px 0px;
  border-radius: 9px;    
}

.caution .title:before,
.tip .title:before,
.warning .title:before,
.note .title:before,
.notice .title:before,
.important .title:before {
  content: "";
  margin: 0;
}

/* Strip out procedure styling */
/*
.procedure > li {
  counter-increment: none;
  list-style-type: decimal;
}

.theme1 .procedure > li::before {
  background-color: #ef8200;
  display: none;
}*/

.theme1 .procedure > li::before {
  background-color: #616b82;
  font-weight: 400;
  font-size: 12px;
  color:white ; 

}*/


/* Strip colour from code */

code {
  color: inherit;
  background: transparent;
  font-size: 1em;
}

code.code {
  color: inherit;
  background: transparent;
  font-size: 1em;
}


/* Hide 'see also' */

.section-toc {
  display: none;
}

/* Change breadcrumb spacing */

.breadcrumb > li + li:before {
  padding: 0 0 0 5px;
}

/* Hide next/previous */

.pager {
  display: none;
}

/* Panels */

.panel {
  border: 0.5px solid #e4e4e4;
}

.panel-default > .panel-heading {
  padding: 0.5em 1em;
}

.panel-heading h1,
.panel-heading h2,
.panel-heading h3 {
  border-bottom: 0;
}

.panel-heading :not(div).title:before,
.panel-heading .sidebar-title:before {
  font-size: 0.6em;
  width: 10px;
  display: inline-block;
}

.panel-body {
  padding: 0em 1em 2em;
}

/* Pagination */

.bg-primary,
.btn-primary,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.site-sidebar,
.portal-single-publication .publication-icon {
  background-color: #3a4358;
}

.topic-content a,
.text-primary,
.btn-link,
.pagination > li > a,
.pagination > li > span,
.publication-contents a:hover {
  color: #33AFBF;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #616b82;
}

.topic-content a {
  text-decoration: underline;
}

.pager li > a,
.pager li > span {
  color: #008998;
}

.pager li > a:hover,
.pager li > span:hover {
  background: #008998;
}

warning h3,
.note h3,
.important h3,
.caution h3,
.tip h3 {
  font-size: 1em;
  padding: 10px 20px 10px 20px;
}

.warning > p,
.note > p,
.important > p,
.caution > p,
.tip > p {
  margin-left: 20px;
  -webkit-margin-before: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 10px;
}

/* Theme 1 overrides */

.theme1 .site-sidebar .logo {
  max-width: 300px;
}

/* For publication data section */

#publication-data {
  width: 67%;
  height: auto;
  margin: 10px auto;
  padding: 15px 0;
  font-size: 15px;
}

#publication-list {
  float: right;
}

#publication-list,
#version-list {
  padding: 2px;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}

#version-list a {
  text-decoration: none;
  color: black;
}

#version-list #currentVersion,
#version-list a {
  color: #006f7c;
  border: 1px solid #006f7c;
  line-height: 1.2em;
  margin-right: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 8px;
  padding-left: 8px;
}

#version-list a:hover,
#version-list #currentVersion {
  background: #006f7c;
  color: white;
}

#publication-list > #select-publication {
  height: 35px;
  border-radius: 5px;
}

/* For footer feedback section */

#feedback-holder {
  padding: 15px;
  background: #f1f1f1;
  margin-top: 3em; 
  border-radius: 9px;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #000;
}

.pubdate,
.date-modified {
  display: none;
}

/* For Cludo Search */

.search-input {
  /* wrong class name - waiting for design changes */
  border: 1px solid #ccc;
  width: 400px;
  height: 40px;
  padding: 6px 5px 2px;
  text-align: left;
  border-radius: 5px;
}

#cludo-search-form-content-input{
  border: 1px solid #3a4358 !important;
}

.search-results-item a p {
  overflow-wrap: break-word;
}

#cludo-search-results .cludo-search-modal-body .cludo-banner {
  padding: 5px;
  background-color: #df3535;
  color: #ece6e6;
}

#cludo-search-results .cludo-search-modal-body #cludo-back-to-top {
  top: 550px !important;
}

.search_autocomplete li:hover, .search_autocomplete li.active, #cludo-search-results .search-filters ul a.active, #cludo-load-more{
  background: #3a4358 !important;
}

/* MAKING SEARCH MORE VISIBLE */

.form-control.search-field {
  margin: 12px auto;
  max-width: 95%;
  background: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: rgba(0, 0, 0, 100);
}

.search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black;
}

.search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
}

.search-field:-ms-input-placeholder {
  /* IE 10+ */
  color: black;
}

.search-field:-moz-placeholder {
  /* Firefox 18- */
  color: black;
}

/* Google Code */

.hljs {
  margin: 15px;
  padding: 1.5em !important;
}

/* Version Selector */

div#version-data {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #095056;
  z-index: 9999;
}

#version-list {
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 100%;
}

#version-list select {
  background: #095056;
  border: none;
  color: white;
  padding: 15px 20px;
  max-width: 100%;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

#version-list a:hover,
#version-list #currentVersion {
  background: #006f7c;
  color: white;
}

.nav-site-sidebar {
  margin-bottom: 50px;
}

.nav-site-sidebar .active>a {
  font-weight: bold;
}

div#version-data {
  width: 83.33333333%;
}

.mediaobject > table.image-viewport {
  border: none !important;
}

.mediaobject .material-placeholder img {
  border: 1px solid #cdcdca !important;
}

.informaltable.avatar > table,
.informaltable.avatar > table td {
  border: none !important;
}

.note, 
.important, 
.warning,
.tip {
  padding: 15px 20px !important;
  background-color: white;  
}

.note .title,
.important .title, 
.warning .title,
.tip .title {
  padding: 0 !important;
  background-color: white;  
}

.note p,
.tip p {
  margin-left: 0 !important;
}

.avatar.mediaobject:hover .doc-tooltip {
  display: block;
}

.doc-tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  margin-top: 15px !important;
  margin-left: 15px !important;
  border: 1px solid #ccc;
  padding: 4px;
}

.imageToolTip{
  position: absolute;
  z-index: 1000;
  border: 1px solid black;
  padding: 4px;
  background-color: #ccc;
  color: #000;    
  word-wrap: break-word;
  max-width: 500px;
}



#current-version {
  padding: 5px 20px;
  background: #e2e4e5;
}

/* for copy-button */

.programlisting {
  background-color: #f5f5f5 !important;
  /* border: 1px solid #ccc;
    border-radius: 4px; */
}
.copy-button {
  float: right !important;
  color: white !important;
  border: 0px solid white !important;
  border-radius: 2px;
  background-color: #3ac4d7  !important; 
}
.copy-button:hover {
  color:  #3a4358 !important;
  font-weight: bold;
}

/* CONSENT */

.cc-revoke.cc-bottom {
  bottom: 0;
  right: 3em;
  left: auto !important;
}

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

/* Mobile View Styles */

@media (min-width: 1200px) {
  div#version-data {
    width: 16.66666%;
  }

  .page-toc main article {
    width: 85% !important;
    padding-left: 10% !important;
    padding-right: 5% !important;
  }
}

@media (max-width: 1199px) {
  div#version-data,
  .site-sidebar {
    width: 25%;
  }

  .page-toc main article {
    width: 85% !important;
    padding-left: 10% !important;
    padding-right: 5% !important;
  }

  .image-viewport,
  .material-placeholder,
  img {
    max-width: 100% !important;
    width: 100% !important;
  }

  .image-viewport tr {
    height: auto !important;
  }
}

@media screen and (max-width: 420px) {
  body {
    text-align: left !important;
  }

  #publication-data {
    width: 100% !important;
    padding: 0 10px !important;
  }

  #publication-list {
    float: none;
    width: 100% !important;
  }

  #select-publication {
    width: 100% !important;
  }

  .site-footer {
    padding: 0 !important;
  }

  .page-toc main article {
    padding: 0 15px !important;
    width: 100% !important;
  }

  .portal-footer .inner,
  .site-footer .inner {
    padding: 25px 10px !important;
  }

  .copyright {
    float: none !important;
    margin-left: 0 !important;
  }

  .image-viewport,
  .material-placeholder,
  img {
    max-width: 100% !important;
    width: 100% !important;
  }

  .image-viewport tr {
    height: auto !important;
  }

  .panel-body {
    padding: 0em 0.9em 2em;
  }

  div#version-data,
  .site-sidebar {
    width: 83%;
  }
}

@media screen and (max-width: 1200px) {
	.theme1 .site-sidebar .logo {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* ch */
.ch-image{
  width: auto !important;
}