
.cont{max-width:1000px;margin:0 auto}
table {
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: unset;
  border-color: #2cc45f;
  border-bottom: 0px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

th {
  cursor: pointer;
  border-right: 0px;
  border-bottom-color: #2cc45f;
}

th, td {
  text-align: left;
  padding: 10px;
  border-right: 0px;
  border-bottom-color: #2cc45f;
}

 td:first-child { 
    border-right: 1px solid;
    border-right-color: #2cc45f;
}
th:first-child {
      border-right: 1px solid;
    border-right-color: #2cc45f;
}



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

th .arrow{
  border: solid #2cc45f;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
th .arrow_up{
  transform: rotate(-135deg);
  margin-left: 3px;
}

th .arrow_down{
  transform: rotate(45deg);
  top: -3px;
  position: relative;
  margin-left: 3px;
}


.button-success,
.button-error,
.button-warning,
.button-secondary {
  color: white;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
  background: rgb(28, 184, 65);
  /* this is a green */
}

.button-error {
  background: rgb(202, 60, 60);
  /* this is a maroon */
}

.button-warning {
  background: rgb(223, 117, 20);
  /* this is an orange */
}

.button-secondary {
  background: rgb(66, 184, 221);
  /* this is a light blue */
}

#btn_dwn{display:none;}

#keys_tx{
  width: 100%;
  padding: 0.6em;
  color:#333;
  background: #f7f7f7;
  border: solid 2px #eaeaea;
  border-radius: 5px;
  box-sizing: border-box;
  
  padding-right: 35px;
}

#keys_tx:focus{
  border: solid 2px rgb(28, 184, 65);
}


.preloader {
  /*display: block;*/
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.preloader div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #2cc45f;
  animation: preloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.preloader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.preloader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.preloader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes preloader {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}


.tablegetheader td {
    padding:5px;
    padding-left: 6px;
    font-size: 14px;
    
}

.tablegetheader td:first-child {
    border-right: 0px;
    font-weight: 600;
}

.color_blue {
    color: blue;
    font-weight: 800;
    background-color: #0707ff0d;
}

.color_green {
    color: green;
    font-weight: 800;
    background-color: #07ff3c0d;
}


.color_red {
    color: red;
    font-weight: 800;
    background-color: #ff07070d;
}

.color_violet {
    color: blueviolet;
    font-weight: 800;
    background-color: #c207ff0d;
}





