body{
	font-family: Inconsolata;
	background-color: #000;
	color: #fff;
	background-image: url("/images/dragon.jpg");
}

.container{
	display: flex;
	flex-direction: column;
	margin-top: 25px;
}

.banner{
	display: flex;
    justify-content: center;
}

.banner img {
	width: 500px;
}

table{
	border-collapse: collapse;
	margin: 10px 50px 50px 50px;
	font-size: 15px;
}

table th {
/*	background-color: #131313;*/
	background-color: #13131387;
	padding: 10px;
	text-align: center;
}

table td {
	padding: 10px;
    /* border: 1px solid #252525; */
	text-align: center;
}

table td.name{
	width: 20rem;
	text-align: left;
}

table tr{
/*	background-color: #0e0e0e;*/
	background-color: #0e0e0eba;
}

table tr:hover{
	background-color: #1E1E1E;
}


.th-logo{
	display: flex;
	gap: 5px;
	align-items: center;
	color: #3a17dd;
}

.th-logo img{
	width: 20px;
}

.status{
	text-align: center;
}

.name{
	width: 50%;
}

.link{
	text-decoration: none;
	color: #3a17dd;
    padding: 3px 5px 3px 5px;
    border-radius: 5px;
	cursor: pointer;
}

.link:hover{
	color: #ededed;
	background-color: #3a2791;
}

.status{
	color: #3a17dd;
}

.green{
	color: #12e112;
}

.red{
	color: #e11212;
}

.head{
	margin-left: 50px;
	margin-right: 50px;
	display: flex;
	justify-content: center;
}

.password{
	/* color: #e11212; */
	font-weight: bold;
	font-size: 17px;
}


dialog{
	padding: 0;
	background-color: #1a1a1a;
	border-radius: 20px;
    border: 0px;
    box-shadow: 0px 10px 50px 5px bl
}

.dgContainer{
	height: 60vh;
    width: 40vw;
    background-color: #1a1a1a;
    overflow: hidden;
}

.dgTop{
	padding: 20px;
}

.dgTop h2{
	color: white;
	text-align: center;
}

.dgBot{
	position: sticky;
    bottom: 0;
    padding: 20px;
    background-color: #1a1a1a;
    display: flex;
    justify-content: space-between;
}

.dgTextContainer{
	background-color: #0e0e0e;
	padding: 20px;
	text-align: justify;
	border-radius: 10px;
}

.dgText{
	color: #c5c2c2;
    font-family: sans-serif;
    resize: none;
    border: none;
    background: #0e0e0e;
    width: 100%;
    height: 35vh;
}

.dgText:focus-visible{
	outline: none;
}

.dgBtn{
	border-radius: 5px;
    background-color: #3a2791;
    border: none;
    color: #fff;
    padding: 9px 25px 9px 25px;
    cursor: pointer;
}

.dgBtn:hover{
	background-color: #2d1e73;
}

.dgBtn:disabled{
	background-color: #575757;
}

.center{
	text-align: right;
}