p {
    color:navy;
    font-size:16;
}

.red {
    color:IndianRed;
}

.blue {
    color:CornFlowerBlue;
}

.green {
    color:OliveDrab;
}

.indigo {
    color:Indigo;
}
 
a:link {
    text-decoration: none;   
}

.modalred {
   color:White;
   background-color:IndianRed; 
}

.modalgreen {
   color:White;
   background-color:OliveDrab; 
}

[v-cloak] {
  display: none;
}

/* treeview */
 /* Remove default bullets */
ul, .treeView {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
.treeAll {
	font-size:16px;
	position: relative;
}
.treeView {
  margin: 0;
  padding: 0;
}

.cd {
    margin: 0;
    padding-left:20px;
}

/* Style the caret/arrow */
.treeCaret {
  font-size:18px;
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.treeCaret::before {
  content: "\25b8";
  color: black;
  margin-right: 3px;
}

.rkey {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari 3-8 */
  -moz-transform: rotate(180deg); 
  -o-transform: rotate(180deg); 
  transform: rotate(180deg);
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.treeCaret-down::before {
  content: "\25bc";
  color: CornFlowerBlue;
}

.treeCaret-none::before {
  content: "";
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.treeViewLineClick {
    font-size:16px;
}
.tvtldiv {
    position:absolute;
    right:15px;
}
.tvtlp {
    font-size:16px;
    position:relative; 
    top:-20px;
    color:white;
    background-color:CornFlowerBlue;
    padding-left:5px;
    padding-right:5px;
    border-radius:5px;
}




/* end treeview */