@import "fft_style.css";
/* CSS Document */

/* override bootsrap */
.nav {
    display: block;
}

a.anchor{display: block; position: relative; top: -75px; visibility: hidden;}

a {
	color: var(--dkgreen);
}

/* The sidebar menu */
.help_nav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: var(--light_sage); 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 65px;
  border-right: 1px solid var(--green);
}

/* The navigation menu links */
.help_nav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.help_nav a:hover {
  color: #333;
}

/* Style page content */
.help_main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .help_nav {padding-top: 60px;}
  .help_nav a {font-size: 15px;}
}

/* ============================================================= */
.help_main2 {
	margin-left:155px;
	padding:1px 10px;
}

.help_main2 a {
	color: var(--dkgreen);
}

.help_main2 h2 {
    color: #ba6108;
    font-size: 1.75rem;
}

.help_main2 h3 {
    color: #ba6108;
	font-size: 1.5rem;
}

.help_main2 h4 {
    font-size: 1.3rem;
}

.help_main2 h5 {
    font-size: 1.15rem;
}

.help_main2 h3 a {
    text-decoration: none;
}

.help_main2 p {
	font-size: 1.2em;
}

.help_main2 img {
	border: 1px solid black;
}

.help_main2 li {
	font-size: 14px;
}

.help_main2 li ul li, li ol li {
	font-size: 14px;
	padding:0;
}

.help_main2 table td {
	border: 1px solid black;
	padding: 1px 3px;
    font-size: 13px;
	vertical-align: top;
	background-color: #fff;
}

.help_main2 table th {
	border: 1px solid black;
	padding: 3px 5px;
	background-color: #ccc;
}


.help_nav2 {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 155px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: var(--light_sage); 
  overflow-x: hidden; /* Disable horizontal scroll */
	overflow-y: hidden;
  padding-top: 65px;
  border-right: 1px solid var(--green);
}

.help_nav2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 155px;
 /* background-color: #f1f1f1;
  position: fixed; */
  height: 100%;
  overflow-x: hidden;
	/*border: 1px solid #d2d2d2;*/
}

.help_nav2 li {
	border-bottom: 1px solid #999;
}

.help_nav2 li a {
  display: block;
  color: #000;
  padding: 2px 8px;
  text-decoration: none;
  font-size: 15px;
}

.help_nav2 li a.active {
  background-color: var(--green);
  color: white;
}

.help_nav2 li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

.nav-link:focus, .nav-link:hover {
    color:#fff;
	background-color: #666;
}

.help_nav2 ul li ul {
	list-style-type:disc;
	margin-left:5px;
}

.help_nav2 ul li ul li {
	border-bottom: 0px;
	padding-right:10px;
}

.help_nav2 ul li ul li a {
	font-size:1.1em;
	padding:0 15px 0 10px;
	line-height: 110%;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .help_nav {padding-top: 60px;}
  .help_nav a {font-size: 15px;}
}

/* ============================================================= */

/* (A) LIST TO MENU */
.tree, .section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tree {
  background: #fbfbfb;
  border: 1px solid #d2d2d2;
}
.tree li {
  border-bottom: 1px solid #d2d2d2;
  padding: 15px 10px;
}
.tree li:last-child {
  border: 0;
}

/* (B) SUB-SECTIONS */
/* (B1) TOGGLE SHOW/HIDE */
.section ul { display: none; }
.section input:checked ~ ul { display: block; }

/* (B2) HIDE CHECKBOX */
.section input[type=checkbox] { display: none; }

/* (B3) ADD EXPAND/COLLAPSE ICON  */
.section { 
  position: relative; 
  padding-left: 35px !important;
}
.section label:after {
  content: "\025B6";
  position: absolute;
  top: 0; 
  left: 0;
  padding: 13px 10px;
  text-align: center;
  font-size: 15px;
  color: #000;
  transition: all 0.5s;
}
.section input:checked ~ label:after { 
  transform: rotate(90deg);
}

/* (B4) SUB-SECTION ITEMS */
.section ul { margin-top: 10px; }
.section ul li { color: #d43d3d; }