/* Added lib and two columns 24Jul24 */

.lib {padding-top: 22px;}

/* Create two columns that float next to each other */
.column1 {
  float: left;
  width: 25%;
  padding: 10px;
  font-weight: bold; 
}

.column2 {
  float: left;
  width: 75%;
  padding: 10px;
}
/* */

.rc84post div.ocode pre {
	padding: 15px; 
background-color: linen;
}

.ocode {
background-color: linen;
}

.ocode pre code {
padding: 0px; 
}

pre {
  background-color: linen;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px;
  font-size: smaller;
  margin-left: 0 px;
  line-height: 1;
  margin-top: 20px;
  font-weight: 400;
  width: auto;
  height: auto; 
  overflow: scroll;
}

/* v29 uploaded 2/12/24 */
* {
  box-sizing: border-box;
}

/*added 12/11/23 */
.active, .collapsible:hover {
  color: brown;
}
.active:after {
  content: "\2193";
  color: brown;
}
.active, .collapsible:hover {
  color: blue;
  text-decoration: underline;
}

.body {
   font-family: 'Oracle Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
   color: #1a1816;
   background-color: #fcfbfa;
   font-style: normal;
   font-size: 18px;
   font-stretch: normal;
   line-height: 1.44;
   letter-spacing: normal;
   text-align: left;
}

.caption {
padding-bottom: 22px;
}

.collapsible {
  border: 1px solid brown; 
  color: black;
  background-color: linen;
  margin: 0px 0px 15px 0px;
  padding: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;  
  transition-duration: 0.4s;
  cursor: pointer;
}

.content {
  margin-left: 0px;
  padding: 10px 0px;
  overflow: hidden;
  display: none;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 30%;
  height: 350px;
  padding: 0;
  margin: 0;
  line-size: 8px;
}

/* Clear floats after the columns */

/* 24Jul24 removed
.row:before {
  content: " ";
  display: flex;
  clear: both;
} */

/* 24Jul24 changed display to table from flex */

.row:after {
  content: " ";
  display: table;
  clear: both;
}

.dc-alert {
     width: auto;   border-top-left-radius: 10px; border-top-right-radius: 10px;
       border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background-color: lightblue;
   font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  font-weight: 400;
}

dc3 {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 20px;
}

dc4 {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
 font-size: 20px;
 font-weight: bold;
 line-height: 1.5;
   padding-top: 20px;
}
dc5 {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.5;
   padding-top: 20px;
}

dc5a {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
 font-size: 18px;
  font-weight: bold;
  line-height: 1;
   padding-top: 5px;
   padding-bottom: 20px;
}

dc5a:before {
  content: "Answer    : ";
  color: Blue;
 }

dc5p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
 font-size: 18px;
  line-height: 1;
   padding-top: 5px;
}

dc5p:before {
  content: "Question: ";
  color: Brown;
 }

.descIllustration {
color: #00688C;
font-size: 11px;
font-weight: 600;
line-height: 1.27;
text-align: left;
}

dt {
 display: block;
 margin-block-start: 20px;
 margin-inline-start: 10px;
 color: #006b8f;
 font-size: 16px;
 line-height: 1.5;
}

dt:before {
  font-weight: bold;
  content: "Question: ";
  color: Brown;
 }

.main { 
  padding-top: 0px;
  opacity: 1;
  line-height: 1.44;
  visibility: visible;
}

.p5 {
 font-size: 16px;
}

.pre {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 15px 29px 15px 15px;
  font-size: smaller;
  background-color: blue;
  line-height: 1;
  margin-top: 20px;
  font-weight: 400;
  width: auto;
  height: auto; 
  overflow: scroll;
}

.li {
  margin-left: 0px;
}

.sidenav a {
  padding: 0px 0px 1px 10px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  font-size: 16px;
  color: #1a1816;
  display: block;
}

.sidenav b {
  padding: 0px 0px 1px 15px;
   line-height: .8;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: #1a1816;
  display: block;
}

.sidenav a:hover {
  color: aqua;
}

p.brownbox { width: auto; font-family: monospace; border: none;  border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; background-color: linen;
}
p.redbox {  font-family: monospace; border: 2px solid brown; height: 100px; width: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; background-color: red;
}
p.notebox {font-family: Garamond, serif;  border: 1px solid rgb(242, 242, 0); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; background-color: rgb(252, 252, 171); 
}
p.azurebox {font-family: Garamond, serif; width: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; background-color: Azure;
}


red {
   font-size: larger;
   font-weight: bold;
   color: red;
}

table {
/*  border: solid 2px #eceae5; */
  width: auto;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 50px;
  }
td, th {
  text-align: left;
  padding: 15px;   
  color: #1a1816;
  vertical-align: text-top;
}
th {
  font-weight: bold;
  background-color: linen;
  font-size: 16px !important;
  height: 38px;
}
td {
  font-size: 14px !important;
  }

table.center {
  margin-left: auto; 
  margin-right: auto;
}

#customers {
  border: solid 2px #eceae5;
  text-align: left;
  width: auto;
  align-items: top;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  }
#customers td, #customers th {
  font-size: 14px !important;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 16px !important;
  color: #1a1816;
  padding: 10px;
  border: solid 2px #eceae5;
}
#customers th {
  font-weight: bold;
  background-color: #f8f7f4;
  height: 38px;}