.tablecenter {
	  margin: auto;
	  width: 100%;
	  border: 0px;
	  padding: 10px;
	  background-color:white
	}
	
	.tablemain {
	  width: 90%;
	  border: 0px;
	  padding: 10px;
	  background-color:white;
	}
	.conentblock{
		vertical-align: top; 
		width: 70%;
	}
	
	
	
	
.outer-border {
  border: 4px solid #1eb2c3;   /* outer border */
  border-radius: 12px;      /* rounded corners */
  border-collapse: separate; 
  border-spacing: 20px 0;
  overflow: hidden;         /* makes corners neat */
  background-color: white;
}

.outer-border1 {
  border: 4px solid white;   /* outer border */
  border-radius: 12px;      /* rounded corners */
  border-collapse: separate; 
  border-spacing: 20px 0;
  overflow: hidden;         /* makes corners neat */
  background-color: white;
}

.btn-submit {
    padding: 8px 22px;
    background: red;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s ease;
    transform: translateY(2px);
}


a {
  text-decoration: none;
  color: black;
}
a:hover {
  text-decoration: none;
  font-size: 15px;
}

.btn-submit:hover {
    background: #45a049;
    transform: translateX(2px);
}

.truncate-text {
  overflow: hidden;         /* Hides the overflowing content */
  text-overflow: ellipsis;  /* Displays an ellipsis (...) to signal clipped text */
  width: 200px;             /* A defined width is required for this to work */
}