@charset "utf-8";


.abc {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

body {
	background-color: #FFF;
}


a:link {
	color: #00F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00F;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #00F;
}


.data-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            font-family: Tahoma, Geneva, sans-serif;
	        font-size: 14px;
        }

.data-row {
            display: flex;
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

.column1 {
            flex: 0 0 100px;
            padding-right: 10px;
            /* font-weight: bold; */
        }

.column2 {
            flex: 1;
        }

button.btn {
 background: #007bff;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;    
}

button.btn:hover {
  background: #0056b3;
}


/* Responsive design for mobile screens */
@media (max-width: 600px) {
.data-row {
            flex-direction: column;
    }

.column1 {
        flex: none;
                margin-bottom: 8px;
    }

.column2 {
        flex: none;
    }
}