html, body, #fullheight {
  min-height: 100% !important;
  height: 100%;
  font-family: "Montserrat", sans-serif,"Helvetica Neue",Helvetica, Arial;
  font-size: 14px;
  font-weight: lighter;
  margin:0px;
}

#mclogs{
  color:rgb(180,180,180);
}

pre{
  color:rgb(180,180,180);
  padding:8px;
}

  hr{
    margin-bottom:10px;
    margin-top:1px;
    margin-left:1px;
    margin-bottom:1px;
    
  }

  h3{
    color:rgb(180,180,180);
  }

  .center_img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:40%;
    max-width:180px;
  }

  .center_img1{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:30%;
    max-width:150px;
  }

  h4{
    color:rgb(180,180,180);
    margin:8px;
  }
        
        h1   {color: rgb(180,180,180);
             text-align: left; 
             font-size: 17px;
             display: inline;
             position:absolute;
             top:5px;
             text-transform: uppercase;
             
          }

          h2   {
            
	          color:rgb(180,180,180);
	           margin: 0;
	           padding: 0px 0px 6px 0px;
	          font-size: 30px;
	          line-height: 44px;
	          font-weight: 100;
            font-family: Gill Sans, Verdana;
            letter-spacing: 2px;
            text-transform: uppercase;
           
         }


          .footer_class{
    text-align:center;
    padding:0px;
    line-height: 1px;
    font-size: 15px;
  }

  .img_class {
          position: absolute;
          left:10px;
          top:10px;
          display:inline-block;
          }
        
  
 
  
  p {
      color:rgb(5, 90, 155); 
  }

 .help_div::-webkit-scrollbar {
    display: none;
}


.help_div {
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

  .help_div{
     width:100%;
     height:620px;
     overflow-y:scroll;
     scrollbar-color: rgb(60,60,60) rgb(40,40,40);
  }

  .footer_h3{
    color: rgb(5, 90, 155); 
    word-spacing: 4px;
    white-space:nowrap;
  }

  .footer_h4{
    color: rgb(5, 90, 155);
    word-spacing: 10px;
    white-space:nowrap;
  }

  .footer_h5{
    color: rgb(5, 90, 155);
    word-spacing: 4px;
    white-space:nowrap;
  }

  select{
    padding:1px;
  
  }

  .container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

  .container {
   
    padding: 4px;
    margin-top:30px;
    display:none;
    width: calc(100% - 10px);
    height:90%;
    position:static;
    overflow-y:scroll;
   
    
   }

   .container1::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container1 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

   .container1 {
   
    padding: 20px;
    margin-top:30px;
    width: 100%;
    height:90%;
    position:static;
    overflow-y:scroll;
    
   }
 


/* Floating column for labels: 25% width */
    .col-25 {
        float: left;
        width: 45%;
        margin-top: 2px;
        color:rgb(180,180,180);
       
    }

    .col-35 {
      float: left;
      width: 25%;
      margin-top: 2px;
     
     
  }

  .sf::-webkit-scrollbar {
    display: none;
}


.sf {
  -ms-overflow-style: none;  
  scrollbar-width: none;  
}

/* Floating column for inputs: 75% width */
    .col-75 {
        float: left;
        width: 75%;
        margin-top: 2px;
       
    }

    .col-50-1 {
        float: left;
        width: 48%;
        margin-top: 2px;
        padding:2px;
       
    }

    .col-50-3 {
      float: left;
      width: 95%;
      margin: 8px;
      padding:8px;
     
  }

    .col-50-2 {
      float: left;
      width: 100%;
      margin-top: 2px;
      padding:2px;
     
  }
  
    .sidenav {
width: 220px;
position: fixed;
background:rgb(44,44,44);
overflow: hidden;
padding: 0px;
height:100%;
margin:0px;
vertical-align: middle;
min-width: 220px;
max-width: 220px;
}

.sidenav1 {
  width: 300px;
  position: fixed;
  background:rgb(50,50,50);
  overflow: hidden;
  padding: 0px;
  height:100%;
  margin:0px;
  vertical-align: middle;
  min-width: 300px;
  max-width: 300px;
  }

.fav-popup {
display: none;
position: fixed;
padding:10px;
top: 1;
right:15px;
width: 350px;
height:350px;
border: 3px solid #f1f1f1;
z-index: 0;
background-color:white;
overflow:scroll;
}

.info_div{
  padding:0px;
}

.version-id{
   padding-top:0px;
   padding-bottom:10px;
   padding-right:0px;
   padding-left:0px;
   margin:0px;
   font-size:10px;
   color:white;
   text-align:center;
   border-bottom:solid rgb(60,60,60) 1px;
   letter-spacing: 2px;
}

.version-id1{
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:0px;
  margin:0px;
  font-size:22px;
  font-weight: bolder;
  color:white;
  text-align:center;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.span_border111{

width : 800px;
word-wrap: break-word;
word-break: break-all;
color:white;
}



.input_text_class{
width: 25%;
margin-bottom : 1px;
padding:10px;
margin:6px;
background-color: rgb(40,40,40);
border:solid rgb(60,60,60) 1px;
color:rgb(115,194,251);
float:left;
}

.input_text_class1{
  width: 89%;
  margin-bottom : 1px;
  padding:10px;
  margin:6px;
  background-color: rgb(40,40,40);
  border:solid rgb(60,60,60) 1px;
  color:rgb(115,194,251);
  }

  .input_text_class2{
    width: 91%;
    margin-bottom : 1px;
    padding: 12px 20px 12px 40px;
    margin:0px;
    margin-left:6px;
    background-color: rgb(40,40,40);
    border:solid rgb(60,60,60) 1px;
    color:rgb(115,194,251);
    background-image: url("/images/search.png");
    background-position: 10px 10px;
    background-repeat: no-repeat;
    }

    .input_text_class3{
      width: 80%;
      margin-bottom : 1px;
      float:left;
      padding:10px;
      margin:6px;
      background-color: rgb(40,40,40);
      border:solid rgb(60,60,60) 1px;
      color:rgb(180,180,180);
      }

.col-50-border::-webkit-scrollbar {
  width:5px;
  
}

.col-50-border::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgb(40,40,40); 
  border-radius: 1px;
}
 
/* Handle */
.col-50-border::-webkit-scrollbar-thumb {
  background: rgb(200,200,200); 
  border-radius: 1px;
}

/* Handle on hover */
.col-50-border::-webkit-scrollbar-thumb:hover {
  background: rgb(160,160,160); 
}

/* Hide scrollbar for IE, Edge and Firefox */
.col-50-border {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: 2px;  /* Firefox */
}

.col-50-border1::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.col-50-border1 {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.help_link{
  color:rgb(115,194,251);
  margin-left:10px;
  padding:0px;
  letter-spacing: 1.2px;
  font-size:12px;
}

.pnormal{
  padding:0px;
  color:rgb(115,194,251);
  margin:0px;
  margin-left:10px;
  font-size: 12px;
  letter-spacing: 1.5px;
}

.pnormal1{
  padding:0px;
  color:rgb(115,194,251);
  margin:0px;
  margin-left:10px;
  font-size: 12px;
  letter-spacing: 1.5px;
  float:left;
}

.col-50-border {
        
        float: left;
        width: 45%;
        margin-top: 2px;
        overflow-y: scroll;
        height: 85%;
        padding:6px;
        margin:6px;
        background-color: rgb(50,50,50);
        min-width: 400px;
        padding-bottom:3px;
        
    }

    .col-50-border1 {
     
      float: left;
      width: 45%;
      margin-top: 2px;
      overflow: scroll;
      height: 85%;
      padding : 6px;
      margin:6px;
      resize:both;
      color:rgb(180,180,180);
      background-color: rgb(50,50,50);
      min-width: 450px;
      
  }

  .col-50-border3::-webkit-scrollbar {
    width:5px;
    
  }
  
  .col-50-border3::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgb(40,40,40); 
    border-radius: 1px;
  }
   
  /* Handle */
  .col-50-border3::-webkit-scrollbar-thumb {
    background: rgb(200,200,200); 
    border-radius: 1px;
  }
  
  /* Handle on hover */
  .col-50-border3::-webkit-scrollbar-thumb:hover {
    background: rgb(160,160,160); 
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .col-50-border3 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: 2px;  /* Firefox */
  }
  
  .col-50-border4::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .col-50-border4 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }
  
  .col-50-border3 {
          border : 1px solid rgb(60,60,60); ;
          float: left;
          width: 45%;
          margin-top: 2px;
          overflow: scroll;
          height: 82%;
          padding : 6px;
          margin:6px;
          resize:both;
          background-color: rgb(50,50,50);
          
      }
  
      .col-50-border4 {
        border : 1px solid rgb(60,60,60); ;
        float: left;
        width: 45%;
        margin-top: 2px;
        overflow: scroll;
        height: 82%;
        padding : 6px;
        margin:6px;
        resize:both;
        color:rgb(180,180,180);
        background-color: rgb(40,40,40);
        
    }

    .col-100::-webkit-scrollbar {
      width:5px;
      
    }
    
    .col-100::-webkit-scrollbar-track {
      box-shadow: inset 0 0 2px rgb(40,40,40); 
      border-radius: 1px;
    }
     
    /* Handle */
    .col-100::-webkit-scrollbar-thumb {
      background: rgb(200,200,200); 
      border-radius: 1px;
    }
    
    /* Handle on hover */
    .col-100::-webkit-scrollbar-thumb:hover {
      background: rgb(160,160,160); 
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .col-100 {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: 2px;  /* Firefox */
    }

    .col-100 {
      border : 1px solid rgb(60,60,60); ;
      float: left;
      width: 35%;
      overflow: scroll;
      height: 85%;
      padding : 6px;
      resize:both;
      color:black;
      background-color: rgb(50,50,50);
      margin-left:8px;
    }

.method_call_div{
   width:55%;
   float:left;
   height:85%;
   border : 1px solid rgb(60,60,60); 
   padding:6px;
   margin-left:8px;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 13px;
  color:white;
  display: block;
 /* font-family: Gill Sans, Verdana;*/
  letter-spacing: 1px;
  text-transform: uppercase;
  }

.active {
padding: 8px 8px 8px 8px;
text-decoration: none;
font-size: 13px;
color: #0073CF;
display: block;
font-family: Gill Sans, Verdana;
letter-spacing: 1px;
text-transform: uppercase;
}

.sidenav a:hover {
color:#0073CF;
}

.main {
position:absolute;
margin-left: 220px; /* Same width as the sidebar + left position in px */
 /* Increased text to enable scrolling */
padding: 0px 0px;
width: calc(100% - 220px);
min-width: 750px;
height:100%;
margin-top:0px;
margin-bottom:0px;
background-color: rgb(40,40,40);

}

.main1 {
  position:absolute;
  margin-left: 300px; /* Same width as the sidebar + left position in px */
   /* Increased text to enable scrolling */
  padding:10px;
  width: calc(100% - 300px);
  min-width: 750px;
  height:100%;
  margin-top:0px;
  margin-bottom:0px;
  background-color: rgb(40,40,40);
  
  }
   
        
  input[type="text"] {
    width: 80%;
    margin : 6px;
    padding:2px;
    background-color: rgb(40,40,40);
    color:rgb(255,255,153);
    border:1px solid rgb(60,60,60);
    font-weight: lighter;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:14px;
  }

  .input_class {
    width: 80%;
    margin : 6px;
    background-color: rgb(40,40,40);
    color:rgb(255,255,153);
    border:1px solid rgb(60,60,60);
    float:left;
    
  }
        
  input[type="password"] {
    width: 80%;
    margin : 6px;
    background-color: rgb(40,40,40);
    color:rgb(180,180,180);
    border:1px solid rgb(60,60,60);
    float:left;
  }
        
  input[type="checkbox"] {
    
    margin : 6px;
    background-color: rgb(40,40,40);
    color:rgb(180,180,180);
    float:left;
  }
        
  input[type=button],  input[type=reset] {
    background-color: rgb(60,60,60);
    border: solid rgb(80,80,80) 1px;
    color:rgb(115,194,251);
    padding: 8px 8px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom : 4px;
    margin-top:4px;
    margin-left:4px;
    margin-right:4px;
   
  }

  input[type=file] {
    background-color: rgb(60,60,60);
    border: solid rgb(80,80,80) 1px;
    color:rgb(115,194,251);
    padding: 8px 8px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom : 4px;
    margin-top:4px;
    margin-left:4px;
    margin-right:4px;
   
  }

  input[type=submit]{
    background-color: rgb(60,60,60);
    border: solid rgb(80,80,80) 1px;
    color: rgb(115,194,251);
    width:20%;
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom : 4px;
    margin-top:4px;
    margin-left:4px;
    margin-right:4px;
    float:left;
  }

  .tree_style
 {
    border : 1px solid rgb(5, 90, 155); ;
    padding : 5px 5px;
    overflow: scroll;
    height: 450px;
    margin : 5px;

 }

 .p12{
    color:rgb(115,194,251);
    font-size: 16px;
    line-height: 1px;
    word-spacing: 8px;
    font-style:normal;
    font-weight: lighter;
    white-space:nowrap;
    letter-spacing: 2px;
    margin-left:10px;
    padding:0px;
    
}

.p12_1{
  color:rgb(115,194,251);
  font-size: 16px;
  line-height: 1px;
  word-spacing: 8px;
  font-style:normal;
  font-weight: lighter;
  white-space:nowrap;
  letter-spacing: 2px;
  padding-left:16px;
  padding-top:8px;
  padding-bottom:8px;
  padding-right:8px;


}

.p13{
    color:white;
    font-size: 15px;
    line-height: 1px;
    word-spacing: 8px;
    font-style:normal;
    white-space:nowrap;
}

#machine_list::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#machine_list {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

#machine_list {

width: 96%;
height:95%;
overflow: scroll;
font-family: "Trebuchet MS", Helvetica, sans-serif;
border-collapse: collapse;
padding:4px;
margin:4px;

}

#machine_list td  {
border: 1px solid rgb(60,60,60);
padding: 8px;
width:12%;
height:20px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
color:white;

}

#machine_list td:nth-of-type(4) {

  display: none;
  
  }

  #machine_list th:nth-of-type(4) {

    display: none;
    
    }

#machine_list td:nth-of-type(5) {

  display: none;
  
  }

  #machine_list th:nth-of-type(5) {

    display: none;
    
    }

    #machine_list td:nth-of-type(6) {

      display: none;
      
      }
    
      #machine_list th:nth-of-type(6) {
    
        display: none;
        
        }

        #machine_list td:nth-of-type(7) {

          display: none;
          
          }
        
          #machine_list th:nth-of-type(7) {
        
            display: none;
            
            }
        
            #machine_list td:nth-of-type(8) {
        
              display: none;
              
              }

              #machine_list td:nth-of-type(9) {
        
                display: none;
                
                }

                #machine_list td:nth-of-type(10) {
        
                  display: none;
                  
                  }

                  #machine_list td:nth-of-type(11) {
        
                    display: none;
                    
                    }
                    #machine_list td:nth-of-type(12) {
        
                      display: none;
                      }

                      #machine_list td:nth-of-type(13) {
        
                        display: none;
                        
                        }

                        #machine_list td:nth-of-type(14) {
        
                          display: none;
                          
                          }
            
              #machine_list th:nth-of-type(8) {
            
                display: none;
                
                }

#machine_list th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}
#machine_list th:not([scope=row]) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.row1{
  display:inline-grid;
  grid-column-gap: 50px;
  padding:2px;
  margin:5px;
  border:1px solid rgb(60,60,60);
  width:30%;
}

#machine_list th {
  position: -webkit-sticky;
  position: sticky;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: lighter;
font-size: 14px;
background-color: rgb(40,40,40);
color:rgb(115,194,251);
width:12%;
border: 1px solid rgb(60,60,60);

}

caption{
  color:rgb(115,194,251);
  font-size: small;
  padding:0dp;
  margin:0dp;
}

#help_table {

width: 45%;
overflow-y: scroll;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
padding:16px;
margin:10px;
position:static;
float:left;
height:500px;
overflow-y:scroll;
}

#help_table td  {
border: 1px solid rgb(60,60,60);
padding: 8px;
width:12%;
color:rgb(180,180,180);
}





#help_table th {
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
background-color: rgb(86, 47, 228);
width:50%;
}

#developer {

width: 100%;
overflow-y: scroll;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left:16px;
padding-top:8px;
padding-bottom:8px;
padding-right:8px;
margin:0px;
position:static;
border-bottom: solid 1px rgb(60,60,60);

}

.dependensies {

  width: 100%;
  overflow-y: scroll;
  padding-left:16px;
  padding-top:8px;
  padding-bottom:18px;
  padding-right:8px;
  margin:0px;
  position:static;
  
  
  
  }

#developer td  {
padding: 8px;
width:12%;
position:static;
white-space:nowrap;
border:solid 1px rgb(60,60,60)
}


.software_contents{
  margin:0px;
  padding:10px;
  border-bottom:solid 1px rgb(60,60,60);
}


#developer th {
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
background-color: rgb(86, 47, 228);
width:50%;
position:static;
white-space:nowrap;
}

.sf {

  width: 45%;
  overflow-y: scroll;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  padding:0px;
  margin:0px;
  float:left;
  height:800px;
  overflow-y:scroll;
  }

#supported_feature {

width: 95%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
padding:16px;
margin:10px;
float:left;
height:100%;
overflow-y:scroll;
}

#supported_feature td  {
border: 1px solid rgb(60,60,60);
padding: 8px;
width:12%;
color:rgb(180,180,180);
}


#supported_feature thead {
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
background-color: rgb(180,180,180);
width:50%;
}

.selected {
background-color:rgb(20,20,20);
}  

.sel_sb {
background-color: rgb(80,80,80);

} 

#logs{
  color:rgb(115,194,251);
  font-size: 12px;
  font-weight: lighter;
  font-family: "Courier New", Courier, monospace;
  word-spacing: 1px;
  letter-spacing: 1px;
  background-color: rgb(40,40,40);
  padding:4px;
  width:100%;
  margin:0px;
}

.log::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.log {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.log {

width:100%;
height:95%;
background-color: rgb(40,40,40);
color:rgb(180,180,180);
overflow-y:scroll;
padding: 0px;
margin:0px;
font-family: "Lucida Console", Courier, monospace;
font-weight: lighter;
}

.footer {

  width: calc(100% - 6px);
  height:25px;
  position:absolute;
  text-align: center;
  background-color: rgb(40,40,40);
  border-top:solid rgb(60,60,60) 1px;
  bottom:0px;
  padding-top: 2px;
  padding-bottom: 8px;
  padding-left : 2px;
  padding-right : 2px;
  margin:0px;
  font-size: 12px;
 /* font-family: Gill Sans, Verdana;*/
  letter-spacing: 2px;
  text-transform: uppercase;
  }

  .footer p {
    color:white;
  }

  .ft_log::-webkit-scrollbar {
    display: none;
  }

.ft_log {

width: 95%;
height:300px;
position:absolute;
overflow-y: scroll;
border-style: outset;
padding:5px;
background-color: rgb(40,40,40);
border:solid 1px rgb(60,60,60);
margin:8px;
padding:8px;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none; 
}

.div_table::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.div_table {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

.div_table {

width: 100%;
height:500px;
overflow-y: scroll;

}

#pubsub_mult_table_data td {
   border:solid 1px rgb(60,60,60);
   padding:4px;
}
#pubsub_mult_table_data  {
        width: 100%;
        
    } 
  
/*#table_data_browse tr:nth-child(even) {background-color: #b4addf;}
    th, td {
   
   padding:1px;
    }*/
.cdiv{
  width:100%;
  height:10%;
  min-height: 40px;
}


#table_data_browse {
        width: 100%;
        /*font-family: Gill Sans, Verdana;*/
        font-size: 15px;
        padding:1px;
        color:white;
    } 
 #table_data_browse th,td{
        width:50%;
        padding:3px;
        border-bottom:1px solid rgb(100,100,100);
        border-right:1px solid rgb(100,100,100);

 }

 .new-line-container{
    clear:left;
 }

 

  .col-border {
        border : 1px solid rgb(5, 90, 155); ;
        width : 90%;
        float: left;
        margin: 10px;
        overflow: scroll;
        height: 575px;
        padding : 6px;

    }

    .col-border-cs1 {
      width : 10%;
      float: left;
      margin: 0px;
      overflow: none;
      height: match-parent;
      padding : 4px;

  }

  .col-border-cs2 {
   
    width : 100%;
    float: left;
    margin: 0px;
    overflow: none;
    height: match-parent;
    padding : 4px;
    

}
  
  .vl {
    border-right: 1px solid green;
    height: 100%;
    top: 100px;
    position: absolute;
    left: 270px;
    margin-left: -3px;
    
  }

  .p_alarm {
      color:rgb(180,180,180); 
      float:left;
      margin:2px;
      padding:0px;
  }

  .csp{
    word-spacing: 1px;
    font-size: 13px;
    text-align: left center;
   /* font-family: Gill Sans, Verdana;*/
    padding:4px;
    height:100%;
    margin:0px;
    width:100%;
    color:white;
  }

  .prog_msg::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .prog_msg {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }

  .prog_msg{
    word-spacing: 1px;
    color:white;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
   /* font-family: Gill Sans, Verdana;*/
    padding:4px;
    height:100%;
    margin:0px;
    width:100%;
    overflow-x: scroll;
    overflow-y:none;
  }

  .cs1{
    word-spacing: 1px;
    color:white;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
   /* font-family: Gill Sans, Verdana;*/
    padding:4px;
    height:100%;
    margin:0px;
    width:100%;
  }

  .cs2{
    word-spacing: 1px;
    color:white;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    /*font-family: Gill Sans, Verdana;*/
    padding:4px;
    height:100%;
    margin:0px;
    width:100%;
    min-width: 400px;
  }

  .label_class{
    font-size :14px;
    letter-spacing: 1px;
    font-weight: lighter;
    color:rgb(115,194,251);
    text-align: center;
    margin : 6px;
    padding:2px;
    
  }

  .log_label{
    font-size :12px;
    letter-spacing: 1px;
    font-weight: lighter;
    color:rgb(206, 44, 44);
    text-align: left;
    padding:0px;
    margin:0px;
  }


  .label_font{
    font-size :20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: lighter;
    color:rgb(115,194,251);
    text-align: center;
  }

  .form_method{
    text-align: center;
    margin-top:20px;
    padding:20px;
    border:1px solid rgb(60,60,60);
    height: 350px;
  }

  .screen_message{
    word-spacing: 1px;
    color:rgb(180,180,180);
    font-size: 14px;
    text-align: right;
    float:left;
    padding:4px;
    height:40px;
    margin-right:0px;
    width:40%;
    min-width: 350px;
    overflow: none;
   
   
  }

  .ps{
    word-spacing: 1px;
    color:rgb(180,180,180);
    font-size: 14px;
    text-align: right;
    float:left;
    padding:4px;
    height:40px;
    margin-right:0px;
    width:21%;
    min-width: 170px;
   
  }

  .lps{
    word-spacing: 1px;
    color:rgb(180,180,180);
    font-size: 14px;
    text-align: right;
    float:left;
    padding:4px;
    height:40px;
    margin:0px;
    width:25%;
  }

  .ps2{
    word-spacing: 1px;
    color:rgb(180,180,180);
    text-align: left;
    float:left;
    padding:4px;
    height:40px;
    margin:0px;
    width:20%;
    min-width: 150px;
    
  }

  .lps2{
    word-spacing: 1px;
    color:rgb(180,180,180);
    text-align: center;
    float:left;
    padding:4px;
    height:40px;
    margin:0px;
    width:74%;
  }


  .ps1{
    word-spacing: 1px;
    color:rgb(180,180,180);
    background: rgb(40,40,40);
    border-bottom: solid rgb(60,60,60) 1px;
    float:left;
    font-size: 14px;
    text-align: left;
    padding:0px;
    height:50px;
    margin:0px;
    width:100%;
    min-width: 1000px;
    
  }

  .cs::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .cs {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }
  .cs{
    word-spacing: 1px;
    color:rgb(180,180,180);
    font-size: 14px;
    text-align: left;
    padding:1px;
    height:match-parent;
    float:left;
    margin:0px;
    width:15%;
    min-width: 100px;
    
  }

  .btn{
    background-color: rgb(60,60,60);
    border: solid rgb(80,80,80) 1px;
    color:rgb(115,194,251);
    padding: 8px 16px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom : 4px;
    margin-top:4px;
    margin-left:4px;
    margin-right:4px;
    font-size:13px;
  }

  .jsondownload{
    padding-top:4px;
    padding-bottom:4px;
    margin:6px;

  }
  
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  
  hr.sep {
    position : absolute;
    width: 100%;
    margin-top:5px;
    margin-bottom:10px;
    margin-left:0px;
    margin-right:0px;
    border: 1px solid rgb(60,60,60);

    
  }







  ul {
          margin: 0;
          padding: 0;
        }
        
        /* Style the list items */
        ul li {
          cursor: pointer;
          position: relative;
          padding:4px;
          list-style-type: none;
          background: #eee;
          font-size: 14px;
          transition: 0.2s;
          
          /* make the list items unselectable */
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        
        /* Set all odd list items to a different color (zebra-stripes) */
        ul li:nth-child(odd) {
          background: #f9f9f9;
        }
        
        /* Darker background-color on hover */
        ul li:hover {
          background: #ddd;
        }
        
        /* When clicked on, add a background color and strike out text */
        ul li.checked {
          background: #888;
          color: #fff;
          text-decoration: line-through;
        }
        
        /* Add a "checked" mark when clicked on */
        ul li.checked::before {
          content: '';
          position: absolute;
          border-color: #fff;
          border-style: solid;
          border-width: 0 2px 2px 0;
          top: 10px;
          left: 16px;
          transform: rotate(45deg);
          height: 15px;
          width: 7px;
        }
        
        /* Style the close button */
        .close {
          position: absolute;
          right: 0;
          top: 0;
          padding: 12px 16px 12px 16px;
        }
        
        .close:hover {
          background-color: #f44336;
          color: white;
        }
        
        /* Style the header */
        .header {
          background-color: #f44336;
          padding: 30px 40px;
          color: white;
          text-align: center;
        }
        
        /* Clear floats after the header */
        .header:after {
          content: "";
          display: table;
          clear: both;
        }

        .am_log_id::-webkit-scrollbar {
          display: none;
        }
        
        /* Hide scrollbar for IE, Edge and Firefox */
        .am_log_id {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
        }

        .am_log_id{
          position:absolute;
          width:97%;
          height:400px;
          overflow:scroll;
          border:solid 1px rgb(60,60,60);
          color:white;
          
        }

        #loader { 
        border: 3px solid #f3f3f3; 
        border-radius: 50%; 
        border-top: 3px solid rgb(5, 90, 155);
        width: 40px; 
        height: 40px; 
        animation: spin 1s linear infinite; 
        display:none;
        opacity:0.9;
    } 

    #loader1 { 
        border: 3px solid #f3f3f3; 
        border-radius: 50%; 
        border-top: 3px solid rgb(5, 90, 155);
        width: 40px; 
        height: 40px; 
        animation: spin 1s linear infinite; 
        display:none;
        opacity:0.9;
    } 

    #loader111 { 
      border: 3px solid #f3f3f3; 
      border-radius: 50%; 
      border-top: 3px solid rgb(5, 90, 155);
      width: 40px; 
      height: 40px; 
      animation: spin 1s linear infinite; 
      display:none;
      opacity:0.9;
  } 

    #loader2 { 
        border: 3px solid #f3f3f3; 
        border-radius: 50%; 
        border-top: 3px solid rgb(5, 90, 155); 
        width: 40px; 
        height: 40px; 
        animation: spin 1s linear infinite; 
        display:none;
        opacity:0.9;
    } 
      
    @keyframes spin { 
        100% { 
            transform: rotate(360deg); 
        } 
    } 

    .center_img11{
      display:block;
      margin-left: auto;
      margin-right: auto;
      width:60%;
    }
      
    .center { 
        position: absolute; 
        bottom: 0; 
        right: 0; 
        left: 25%;
        top:50%;
        z-index: 1;
    } 

    .center1 { 
        position: absolute; 
        bottom: 0; 
        right: 0; 
        left: 25%;
        top:75%;
        z-index: 1;
    } 

    .center2 { 
        position: absolute; 
        bottom: 0; 
        right: 0; 
        left: 25%;
        top:75%;
        z-index: 1;
    } 

    .mc_screen{
      border:1px solid rgb(60,60,60);
      width: 99%;
      height:60%;
      padding:0px;
      margin:0px;
      min-width: 1000px;
      min-height: 330px;
  }
  .mc_mcp{
      border:1px solid rgb(60,60,60);
      width: 98%;
      height: 36%;
      margin-top:5px;
      padding: 5px;
      min-width: 1000px;
      min-height: 180px;
  }
  .mc_header{
      border-bottom:1px solid rgb(60,60,60);
      width:100%;
      height:12%;
      padding:0px;
      background-color: rgb(100,100,100);
      margin:0px;
  }
  .mc_header_sub_div{
      width: 12%;
      height:98%;
      padding:0px;
      position:relative;
      float:left;
      margin:0px;
     
  }
  .mc_header_sub_div1{
      width: 30%;
      height:98%;
      padding:0px;
      position:relative;
      float:left;
      margin:0px;
      
  }
  .p_header{
      text-align: center;
      color:rgb(220,220,220);
      font-size:16px;
      font-family: 'Courier New', Courier, monospace;
      font-weight: lighter;
      color:yellow;
      padding:0px;
  }

  .mc_prog_header{
    text-align: center;
    color:rgb(220,220,220);
    font-size:14px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: lighter;
    color:yellow;
    padding:0px;
}

  .mc_p_header{
    text-align: center;
    color:rgb(220,220,220);
    font-size:14px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: lighter;
    color:yellow;
    padding:0px;
}

  .mc_subscreen{
    
     width:100%;
     height:75%;
 }

 .mc_subscreen_part1{
    
    width:30%;
    height:100%;
    float:left;
    border-right:1px solid rgb(60,60,60);
    padding:0px;
}
.mc_subscreen_part2{
    
    width:20%;
    height:100%;
    float:left;
    border-right:1px solid rgb(60,60,60);
    padding:0px;
}
.mc_subscreen_part3{
    
    width:44%;
    height:98%;
    float:left;
    padding:0px;
    padding-left:10px;
}




  .mc_screen_menu{
      width:100%;
      height:12%;
  }

  .mc_screen_submenu{
      width:10%;
      height:100%;
      background-color: rgb(100,100,100);
      border:1px solid rgb(60,60,60);
      float:left;
  }
  .mc_screen_submenu1{
      width:70px;
      height:100%;
      background-color: rgb(100,100,100);
      border:1px solid rgb(60,60,60);
      float:left;
  }
  .mc_active{
      background-color: rgb(20,20,20);
  }
  .class_50{
      float:left;
      width:40%;
      height:1px;
      font-size: 20px;
      font-weight: bold;
      text-align: left;
      padding-left: 10px;
      color: yellow;
  }

  .class_50_normal1{
      float:left;
      width:20%;
      height:1px;
      font-size: 14px;
      font-weight: lighter;
      text-align: left;
      padding-left: 10px;
      color: yellow;
  }
  .class_50_normal2{
      float:left;
      width:70%;
      height:1px;
      font-size: 14px;
      font-weight: lighter;
      text-align: left;
      padding-left: 10px;
      color: yellow;
  }
  .p_left{
      text-align: left;
      color:white;
  }

  .mc_program_ta{
    text-align: left;
    font-size:14px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: lighter;
    color:yellow;
    padding:0px;
    width:100%;
    height:98%;

    }

    .mc_mcp_es{
      width:10%;
      height:90%;
      float:left;
      padding:10px;
      margin-top:10px;
      
    }

    .mc_mcp_es1{
      width:10%;
      height:90%;
      float:left;
      padding:10px;
      margin-top:1px;
      
    }

    .mc_mcp_ba{
      width: 15%;
      height:98%;
      float:left;
      min-width: 160px;
    }

    .mc_mcp_ba1{
      width:95%;
      height:55px;
      float:left;
     
    }

    .mc_mcp_bd{
      width:40px;
      height: 3px;
      background-color: rgb(40,40,40);
      border:1px solid rgb(60,60,60);
      margin:4px;
     
    }

    .mc_mcp_bd1{
      width:42px;
      height: 35px;
      background-color: rgb(40,40,40);
      border:1px solid rgb(60,60,60);
      margin:4px;
     
    }

    .mc_mcp_b{
      width:40px;
      height:45px; 
      float:left;
      margin:4px;
    }

    .main_tree::-webkit-scrollbar {
      display: none;
    }
    
    /* Hide scrollbar for IE, Edge and Firefox */
    .main_tree {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    }

    .main_tree {
      float: left;
      width: 100%;
      margin-top: 2px;
      overflow: scroll;
      height: 70%;
      padding:6px;
      margin:6px;
      resize:both;
      min-width: 400px;
      padding-bottom:3px;
      padding:6px;
      background-color: rgb(50,50,50);
  }

  .main_heading{
      width:100%;
      height:25%;
  }

  .unit_desc{
    width:100%;
    height: 60px;
    float:left;
  }

  .d_p{
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    margin:0px;
    font-size:22px;
    font-weight: bolder;
    color:white;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 3px;
    float:left;
  }

  .dt_graphical{
    width:100%;
    height:95%;
    margin-top:5px;
  }

  .dt_text{
    width:100%;
    height:94%;
    margin-top:5px;
    margin-bottom:5px;
  }

  .dt_label{
    width:100%;
    height:22px;
    margin:0px;
    margin-top:1px;
    padding:0px;
  }

  .p_dt_class{
    margin:0px;
    padding:0px;
    font-size: 15px;
    color:white;
    font-weight: lighter;
    text-transform: uppercase;
  }

  .dt_l{
    
    float:left;
    color:white;
    padding:0px;
    margin:0px;
    margin-right:10px;
    
  }


  .onoffswitch {
     width: 70px;
     float:left;
     position:relative;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: lighter;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: rgb(5, 90, 155); color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: rgb(80,80,80); color: white;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 36px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

#dt_table::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#dt_table {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

#dt_table {

width: 96%;
height:96%;
overflow: scroll;
padding:1px;
margin:2px;

}

#dt_table td  {
border: 1px solid rgb(60,60,60);
padding: 1px;
width:10%;
font-size: 12px;
font-weight: lighter;
letter-spacing: 2px;
color:white;
margin:1px;

}


#dt_table td:nth-child(2n+2) {color: yellow;
margin:1px;}

.dt_update_label{
  color:white;
  text-transform: capitalize;
  float:none;
  font-size: 12px;
  width:100%;

}