.material-symbols-outlined {
  cursor: pointer;
  margin-right: 2px;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 36
}

.dropdown-content3 {
  display: none;
  position: absolute;
  left: 100px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content1 {
  max-height: 600px; /* Limit height and enable scrolling */
  overflow-y: auto; /* Make it scrollable */
  display: none;
  position: absolute;
  left: 210px;
  top: 1px;
  background-color: #f9f9f9;
  min-width: 180px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  box-shadow: -3px -2px 16px 2px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content2 {
  max-height: 600px; /* Limit height and enable scrolling */
  overflow-y: auto; /* Make it scrollable */
  display: none;
  position: absolute;
  left: 100px;
  top: 100px;
  background-color: #f9f9f9;
  min-width: 180px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  box-shadow: -3px -2px 16px 2px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  background-color: lightblue;
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

#show-action-icons {
  font-size: 14px;
  background-color: lightblue;
  align-items: center;
}

.txt-bold {
  font-weight: bold;
}

.icon-text {
  display: flex;
  align-items: center;
}

.icon-text icons { /* Assuming your icon class is 'i' */
  margin-right: 5px; /* Add spacing between icon and text */
}


.editable {
            cursor: pointer;
        }
        .editable:hover {
            background-color: #e6f7ff;
        }
        input.edit-input {
            width: 100%;
            padding: 5px;
            box-sizing: border-box;
        }

#show-action-icons-tbl {
  float:left;
  width: 45%;
  background-color: lightblue;

}

#show-action-icons-doc {
  float:left;
  width: 55%;
  background-color: lightblue;
  position:relative;
}

#div-form-input {
  font-size: 16px;
  background-color: lightblue;
}

#license-key {
   font-size: 16px;
}

#fileSelect {
  border-radius: 5px;
  color: black;
  padding: 14px 28px;
  font-size: 16px;
  border-color: #2196F3;
  color: dodgerblue
  background-color: white;
  background-color: lightblue;

  #background-color: #34b834;
  background-color: #3498db;
  border: 1px solid #208720;
  border-radius: 6px;
  box-shadow: 0px 1px 2px rgba(80,80,80,0.5);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 7px 12px;
  text-transform: uppercase;
}

#status-upload {
  background-color: lightblue;
}

#div-show-tbl {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  float:left;
  width: 45%;
  padding-bottom: 20px;
}

#div-show-tbl tr {
  width:100%:
}

#div-show-tbl td, #div-show-tbl th {
  font-size: 14px;
  border: 1px solid #ddd;
  /*border: 1px solid #fab; */
  padding: 4px;
  cellpadding="3";
  /*color: black;*/
  text-decoration:none;
}

#div-show-doc {
  float:left;
  width: 55%;
}

/*
#div-show-tbl tr:nth-child(even){background-color: #f2f2f2;}

#div-show-tbl tr:hover {background-color: #ddd;}
*/

#div-show-tbl tr:nth-child(even){background-color: #e5f2f6;}

#div-show-tbl tr:hover {background-color: #ddd;}

#div-show-tbl th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

.table_cell_index {
  color: black;
  width:7%;
}

.table_cell_key {
  color: black;
  width:32%;
}

.table_cell_value {
 width:61%;
 color:blue;
}

#srect {
  float:left;
  height: 2px; 
  position:relative;
  width: 10px; 
}

.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-vertical {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
    cursor: row-resize;
}