.topbar {
  overflow: hidden;
  background-color: #333333;
  position: fixed;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  color: #FFFFFF;  
  text-align:center; 
  font-family:Tahoma; 
  font-weight:bold; 
  padding-bottom:2px; 
  font-size:14pt; 
  z-index:0
}



body {
  font-family: Arial, Helvetica, sans-serif;
  padding-top:35px;
}


.searchBar{
  overflow: hidden;
  background-color: #333333;
  position: fixed;
  top: 0;
  left:0;
  height:28px;
  width: 100%;
  color: #FFFFFF;  
  font-family:Tahoma; 
  padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px; font-size:12pt; 
  z-index:0;
  line-height:10%;
}    

#searchInput {
  padding: 4px;
  border: 1px solid #ccc;
}

.treeView {
  padding: 3px;
  padding-top: 26px;
  padding-bottom: 26px;
  font-size:14pt; 
  border: 2px black solid;
  border-radius: 0.25em;
  line-height:50%; /*(or less, much less)*/
}
    
details {
  margin-left: 24px;
  border-left: 1px black dotted;
}

summary {
  white-space: nowrap; 
  padding: 2px;
  padding-left: 4px;
  background: url(background1.gif) no-repeat; 
} 

summary:before{
  content: '\00a0 \00a0 \00a0 \00a0 \00a0';
  margin-left: -28px;
} 

details[open] > summary {
  background: url(background2.gif) no-repeat; 
}

summary::marker {
  font-size: 24pt;
}

.Csummary {
  height: 25px;
  padding-left: 12px;
  padding-bottom: 16px;
  list-style: square inside url("arrow.png");
  background-image: linear-gradient(to right, skyblue, white );
  font-weight: bold;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  transition: 0.3s;    
  border: 1px black solid;
  outline: none;
}

.Csummary::marker {
  font-size: 14pt;
}

.Cdetails{
  list-style: "";
  margin-left: -4px;
  padding: 2px;
}

.Cdetails[open] > .Csummary{
  list-style: square inside url("arrow_down.png");
  background-image: linear-gradient(to left, red, yellow );
}

.btn {
  border: 1px black solid;
  outline: none;
  padding: 4px 8px;
  background-color: #E1E1DF;
  background-color: white;
  cursor: pointer;
  font-size:14pt; 
}

.btn1 {
  border: 1px black solid;
  outline: none;
  padding: 3px 3px;
  padding-left: 12px;
  padding-right: 12px;
//  background-color: #f1f1f1;
  cursor: pointer;
  font-size:12pt; 
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
  transition: 0.3s;
}




@print {
    @page :footer {
        display: none
    }
 
    @page :header {
        display: none
    }
}


@media print {
    @page {
        margin-top: 0;
        margin-bottom: 0;
    }
    body {
        padding-top: 72px;
        padding-bottom: 72px ;
    }
}