body {
	padding: 20px;
	margin: 0;
	background-color: #040321;
	color: #f1f5f9;
	font-weight: 100;
	text-align: center;
	font-family: monospace;
}

h1 {
	font-weight: 100;
	margin-bottom: 30px;
}

.sub-title {
	margin-top: -15px;
	color: #374c7f;
	font-size: 15px;
	margin-bottom: 40px;
}

#header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

#main-nav a {
	text-decoration: none;
	color: #fff;
	margin-left: 12px;
	font-size: 15px;
}

#main-nav a:hover,
#main-nav a.active {
	color: #6a5fd4;
}

/* Preloader */

#preloader {
	margin: 150px auto;
	width: 25px;
	aspect-ratio: 0.75;
	--c: no-repeat linear-gradient(#fff 0 0);
	background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
	background-size: 20% 50%;
	animation: l6 1s infinite linear;
	opacity: 0.8;
}

@keyframes l6 {
	20% {
		background-position: 0% 0%, 50% 50%, 100% 50%;
	}

	40% {
		background-position: 0% 100%, 50% 0%, 100% 50%;
	}

	60% {
		background-position: 0% 50%, 50% 100%, 100% 0%;
	}

	80% {
		background-position: 0% 50%, 50% 50%, 100% 100%;
	}
}

/* Main */

#logo,
#auth-preloader {
	width: 35px;
	height: 35px;
	image-rendering: pixelated;
	flex-shrink: 0;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2064%2072%22%3E%3Cpath%20d%3D%22M%2053.381%200.765%20L%2054.814%200.765%20L%2054.814%202.199%20L%2056.245%202.199%20L%2056.245%205.07%20L%2057.678%205.07%20L%2057.678%207.94%20L%2054.813%207.94%20L%2054.813%209.374%20L%2053.381%209.374%20L%2053.381%2012.244%20L%2051.949%2012.244%20L%2051.949%2015.114%20L%2050.517%2015.114%20L%2050.517%2016.548%20L%2049.085%2016.548%20L%2049.085%2017.983%20L%2047.652%2017.983%20L%2047.652%2019.418%20L%2046.22%2019.418%20L%2046.22%2020.852%20L%2043.356%2020.852%20L%2043.356%2022.287%20L%2041.925%2022.287%20L%2041.925%2023.723%20L%2040.492%2023.723%20L%2040.492%2025.158%20L%2044.789%2025.158%20L%2044.789%2023.723%20L%2047.653%2023.723%20L%2047.653%2022.287%20L%2049.086%2022.287%20L%2049.086%2020.852%20L%2050.518%2020.852%20L%2050.518%2019.418%20L%2051.95%2019.418%20L%2051.95%2017.983%20L%2053.382%2017.983%20L%2053.382%2016.548%20L%2054.815%2016.548%20L%2054.815%2013.678%20L%2056.246%2013.678%20L%2056.246%2012.244%20L%2057.679%2012.244%20L%2057.679%2010.809%20L%2059.11%2010.809%20L%2059.11%2013.679%20L%2060.543%2013.679%20L%2060.543%2016.549%20L%2059.11%2016.549%20L%2059.11%2017.983%20L%2056.246%2017.983%20L%2056.246%2019.418%20L%2054.814%2019.418%20L%2054.814%2022.288%20L%2053.381%2022.288%20L%2053.381%2023.723%20L%2050.517%2023.723%20L%2050.517%2025.158%20L%2049.085%2025.158%20L%2049.085%2026.593%20L%2046.22%2026.593%20L%2046.22%2028.027%20L%2044.788%2028.027%20L%2044.788%2029.462%20L%2049.085%2029.462%20L%2049.085%2028.028%20L%2051.949%2028.028%20L%2051.949%2026.593%20L%2054.814%2026.593%20L%2054.814%2025.158%20L%2056.245%2025.158%20L%2056.245%2022.287%20L%2057.678%2022.287%20L%2057.678%2020.852%20L%2059.109%2020.852%20L%2059.109%2022.287%20L%2060.542%2022.287%20L%2060.542%2023.723%20L%2059.109%2023.723%20L%2059.109%2026.593%20L%2057.679%2026.593%20L%2057.679%2028.027%20L%2056.246%2028.027%20L%2056.246%2029.462%20L%2054.814%2029.462%20L%2054.814%2030.897%20L%2053.381%2030.897%20L%2053.381%2033.767%20L%2050.517%2033.767%20L%2050.517%2035.201%20L%2047.652%2035.201%20L%2047.652%2036.636%20L%2043.356%2036.636%20L%2043.356%2038.071%20L%2044.788%2038.071%20L%2044.788%2039.506%20L%2046.22%2039.506%20L%2046.22%2040.941%20L%2047.652%2040.941%20L%2047.652%2043.812%20L%2049.085%2043.812%20L%2049.085%2045.246%20L%2050.517%2045.246%20L%2050.517%2046.681%20L%2051.949%2046.681%20L%2051.949%2048.115%20L%2054.814%2048.115%20L%2054.814%2049.55%20L%2060.542%2049.55%20L%2060.542%2048.115%20L%2061.974%2048.115%20L%2061.974%2049.55%20L%2063.406%2049.55%20L%2063.406%2050.985%20L%2061.974%2050.985%20L%2061.974%2052.42%20L%2059.109%2052.42%20L%2059.109%2053.855%20L%2056.245%2053.855%20L%2056.245%2055.289%20L%2051.949%2055.289%20L%2051.949%2056.724%20L%2041.924%2056.724%20L%2041.924%2055.289%20L%2039.059%2055.289%20L%2039.059%2053.855%20L%2029.035%2053.855%20L%2029.035%2068.203%20L%2027.603%2068.203%20L%2027.603%2071.073%20L%2024.738%2071.073%20L%2024.738%2069.638%20L%2020.443%2069.638%20L%2020.443%2068.203%20L%2019.01%2068.203%20L%2019.01%2066.769%20L%2020.443%2066.769%20L%2020.443%2065.333%20L%2023.307%2065.333%20L%2023.307%2066.768%20L%2024.738%2066.768%20L%2024.738%2052.42%20L%2026.171%2052.42%20L%2026.171%2050.985%20L%2033.332%2050.985%20L%2033.332%2049.55%20L%2031.9%2049.55%20L%2031.9%2048.115%20L%2029.034%2048.115%20L%2029.034%2046.682%20L%2027.603%2046.682%20L%2027.603%2042.376%20L%2026.171%2042.376%20L%2026.171%2038.071%20L%2024.738%2038.071%20L%2024.738%2035.201%20L%2023.306%2035.201%20L%2023.306%2032.331%20L%2021.873%2032.331%20L%2021.873%2030.897%20L%2020.442%2030.897%20L%2020.442%2029.462%20L%2019.009%2029.462%20L%2019.009%2028.028%20L%2017.577%2028.028%20L%2017.577%2026.593%20L%2016.145%2026.593%20L%2016.145%2025.158%20L%209.043%2025.158%20L%209.043%2023.723%20L%203.255%2023.723%20L%203.255%2022.287%20L%200.391%2022.287%20L%200.391%2020.852%20L%204.676%2020.852%20L%204.676%2022.287%20L%2019.009%2022.287%20L%2019.009%2020.852%20L%2020.442%2020.852%20L%2020.442%2019.418%20L%2024.737%2019.418%20L%2024.737%2017.983%20L%2027.603%2017.983%20L%2027.603%2019.418%20L%2030.466%2019.418%20L%2030.466%2020.852%20L%2031.899%2020.852%20L%2031.899%2022.287%20L%2033.331%2022.287%20L%2033.331%2026.593%20L%2031.899%2026.593%20L%2031.899%2030.897%20L%2033.331%2030.897%20L%2033.331%2028.028%20L%2034.763%2028.028%20L%2034.763%2026.593%20L%2036.195%2026.593%20L%2036.195%2019.418%20L%2037.627%2019.418%20L%2037.627%2017.983%20L%2039.06%2017.983%20L%2039.06%2016.548%20L%2040.491%2016.548%20L%2040.491%2015.113%20L%2041.924%2015.113%20L%2041.924%2013.68%20L%2043.356%2013.68%20L%2043.356%2012.245%20L%2044.788%2012.245%20L%2044.788%209.375%20L%2046.22%209.375%20L%2046.22%207.94%20L%2047.652%207.94%20L%2047.652%206.505%20L%2049.085%206.505%20L%2049.085%203.635%20L%2050.517%203.635%20L%2050.517%202.199%20L%2053.382%202.199%20L%2053.382%200.765%20Z%20M%2017.577%2045.246%20L%2019.009%2045.246%20L%2019.009%2040.941%20L%2023.306%2040.941%20L%2023.306%2042.375%20L%2024.737%2042.375%20L%2024.737%2043.811%20L%2026.17%2043.811%20L%2026.17%2045.246%20L%2023.306%2045.246%20L%2023.306%2043.811%20L%2021.873%2043.811%20L%2021.873%2048.115%20L%2020.442%2048.115%20L%2020.442%2050.985%20L%2019.009%2050.985%20L%2019.009%2052.42%20L%2016.145%2052.42%20L%2016.145%2050.985%20L%2011.848%2050.985%20L%2011.848%2048.115%20L%2014.713%2048.115%20L%2014.713%2049.55%20L%2017.577%2049.55%20Z%20M%2026.171%2022.287%20L%2024.738%2022.287%20L%2024.738%2023.723%20L%2023.306%2023.723%20L%2023.306%2025.158%20L%2024.737%2025.158%20L%2024.737%2026.593%20L%2026.17%2026.593%20L%2026.17%2025.158%20L%2027.602%2025.158%20L%2027.602%2023.723%20L%2026.171%2023.723%20Z%22%20fill%3D%22rgb(230%2C%20225%2C%20254)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

#auth-preloader {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 100px;
	height: 100px;
	animation: moveUpDown 1.5s ease-in-out infinite;
	margin-bottom: 40px;
	margin-top: 40px;
}

#authorization input {
	border: 3px solid rgb(230, 225, 254);
	font-size: 20px;
	text-align: center;
	background-color: #040321;
	color: #f1f5f9;
}

/* Info block */

.info-wr {
	display: flex;
	justify-content: space-evenly;
	gap: 20px;
	border: 1px solid #362e80;
	border-radius: 10px;
	padding: 15px;
	text-align: left;
	margin-bottom: 15px;
}

#total-balances {
	color: chartreuse;
	margin: 0 0 5px;
}

.info-wr h2 {
	color: chartreuse;
	margin: 0 0 5px;
}
.info-wr h3 {
	color: #6794dc;
	font-weight: 100;
	margin: 0;
	font-size: 12px;
}
.info-wr h4 {
	color: rgb(55 76 127);
	font-weight: 100;
	margin: 0 0 6px;
	font-size: 12px;
}

/* Charts */

.chart-wr {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #362e80;
	border-radius: 10px;
}

.chart-wr p,
.data-title {
	margin: 5px;
	color: #e787fd;
	font-size: 20px;
}

.chart {
	width: 100%;
	height: 500px;
}

#tablediv {
	margin-top: 15px;
}

/* Errors chart */

#show-errors-btn {
	cursor: pointer;
}

#show-errors-btn:hover {
	color: #6a5fd4;
}

/* Filter */

.filter {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
	margin-bottom: 12px;
	color: #ba71ca;
	font-size: 14px;
}

.filter .item {
	border: 1px solid;
	padding: 5px 12px;
	border-radius: 5px;
	margin-right: 2px;
	cursor: pointer;
}

.filter .item:hover {
	color: #6a5fd4;
}

/* Balances page */

#balances-page {
	max-width: 700px;
	margin: 0 auto;
}

#balances-page .info-wr h2 {
	font-size: 16px;
}

#tablerevsharediv {
	margin-top: 20px;
}

.ag-header-cell-label {
	justify-content: center;
}

/* Balances */

.balances-wr {
	max-width: 800px;
	margin: 0 auto 40px;
}

.balance-row,
.balances-headers {
	display: flex;
	justify-content: space-between;
}

.balance-row > div,
.balances-headers > div {
	width: 100%;
	text-align: center;
}

.balances-wr h4 {
	color: rgb(55 76 127);
	font-weight: 100;
	font-size: 14px;
}

.balances-wr h3 {
	margin: 10px 0;
	font-weight: 100;
}

.balances-wr a {
	color: chartreuse;
}

.balances-wr .total h3 {
	color: #e787fd;
}

.tokenInfo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background-color: #222047;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.whiteText {
	color: white;
}

.timeFrameButton {
	background-color: #222047;
	/* background-color: #5d57d8; */
	color: white;
	border: 1px solid #362e80;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
}

.topTokenButtons {
	margin-bottom: 20px;
}

.bidInfoDiv {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	background-color: #1b192a;
  border-radius: 15px;
}

.darkerText {
	color: #9898a2;
}

.backrunsInfoTable {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}

.backrunsInfoTableColor {
	margin: 5px;
	border-radius: 30px;
	background-color: #1b192a;
}

.bidIntenalId {
  width: 300px;
  padding: 7px;
  font-size: 12px;
  border: 2px solid #ccc;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s ease;
}

.bidIntenalId:focus {
  border-color: #5d57d8;
  box-shadow: 0 0 5px rgba(93, 87, 216, 0.5);
}

@keyframes moveUpDown {
	0%,
	500% {
		transform: translateY(15px);
	}

	50% {
		transform: translateY(-15px);
	}
}

@media screen and (max-width: 700px) {
	.chart {
		width: 100%;
		height: 350px;
	}

	.info-wr {
		flex-direction: column;
	}

	#balances-page .info-wr {
		flex-direction: row;
	}
}

#addAddress,
#addName {
  width: 300px;
  padding: 10px;
  font-size: 14px;
  border: 2px solid #ccc;
  border-radius: 5px;
  outline: none;
  background-color: #1b192a;
  color: white;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 10px;
}


#addAddress:focus,
#addName:focus {
  border-color: #5d57d8;
  box-shadow: 0 0 5px rgba(93, 87, 216, 0.5);
}


#addWallet {
  background-color: #5d57d8;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

#addWallet:hover {
  background-color: #6a5fd4;
  transform: scale(1.05);
}


#addWallet:active {
  background-color: #4c4ab8;
  transform: scale(0.95);
}

.delete-wallet-button {
  background-color: #d9534f;
  color: white;
  border: none;
	height: 27px;
  padding: 0px 6px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.delete-wallet-button:hover {
  background-color: #c9302c;
  transform: scale(1.05);
}

.delete-wallet-button:active {
  background-color: #ac2925;
  transform: scale(0.95);
}

/* Cross Flow controls */
.crossFlowControls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

#crossFlowDate {
  background-color: #222047;
  color: white;
  border: 1px solid #362e80;
  padding: 5px 10px;
  border-radius: 5px;
  font-family: monospace;
}
#crossFlowDate::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

#crossFlowProvider {
  background-color: #222047;
  color: white;
  border: 1px solid #362e80;
  padding: 5px 10px;
  border-radius: 5px;
  font-family: monospace;
  min-width: 220px;
}

#crossFlowProvider:focus {
  border-color: #5d57d8;
  outline: none;
  box-shadow: 0 0 5px rgba(93, 87, 216, 0.5);
}

#crossFlowGetBtn {
  background-color: #5d57d8;
  color: white;
  border: none;
  padding: 6px 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
#crossFlowGetBtn:hover {
  background-color: #6a5fd4;
  transform: scale(1.05);
}
#crossFlowGetBtn:active {
  background-color: #4c4ab8;
  transform: scale(0.95);
}

/* Provider table */
.crossFlowProviderTable {
  border-collapse: collapse;
  color: white;
  margin-top: 20px;
}

.crossFlowProviderTable th,
.crossFlowProviderTable td {
  border: 1px solid #362e80;
  padding: 6px 14px;
  text-align: center;
  font-family: monospace;
}

.crossFlowProviderTable th {
  background-color: #5d57d8;
}

.crossFlowProviderTable tr:nth-child(even) {
  background-color: #1b192a;
}

.daysButtons, .report-buttons {
	margin-bottom: 30px;
}

.possible-errors{
	margin-bottom: 15px;
}

.possible-errors p {
	color: #e787fd;
	font-size: 12px;
	margin: 5px;
	text-align: left;
}