/* ***************************************************************************
 * Extra admin styles
 * **************************************************************************/

div.login-box {
	margin: auto;
	width: 300px;
	padding: 40px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

div.login-box div.login-error {
	margin: auto;
	width: 100%;
	text-align: center;
	color: red;
}

div.login-box form.login-form {
	display: block;
	margin: auto;
	width: 200px;
}

div.login-box form.login-form input {
	width: 100%;
}

div.admin-page {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

div.admin-page div.content {
	display: block;
}

div.admin-page table.admin-table {
	border-style: none;
	border-collapse: collapse;
}

div.admin-page table.admin-table thead {
	background: #e6e6e6;
}
div.admin-page table.admin-table tr {
}

div.admin-page table.admin-table tr.even {
	background: rgb(250, 243, 243);
}

div.admin-page table.admin-table tr.odd {
	background: rgb(255, 255, 255);
}

div.admin-page table.admin-table td,
div.admin-page table.admin-table th {
	padding: 0 5px;
	border: 1px solid black;
}

div.admin-page table.admin-table td img {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

div.admin-page input.box {
	width: 100%;
	height: 25px;
	padding: 2px 5px 2px 5px;
	border: solid 1px lightgrey;
}

div.admin-page input.box-top {
	width: 100%;
	height: 25px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 2px 5px 2px 5px;
	border: solid 1px lightgrey;
}

div.admin-page form {
	padding: 10px 10px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	background: #f5f5f5;
}

div.admin-page table.form-table tr.form-row {
	text-align: left;
	align-content: left;
}

div.admin-page table.form-table tr.form-row td {
	width: 200px;
}

div.admin-page table.form-table tr.form-row td label {
	width: 100%;
}

div.admin-page table.form-table tr.form-row td input,
div.admin-page table.form-table tr.form-row td select {
	width: 100%;
}

div.admin-page table.form-table tr.form-row td input[type=text],
div.admin-page table.form-table tr.form-row td input[type=url],
div.admin-page table.form-table tr.form-row td input[type=email],
div.admin-page table.form-table tr.form-row td input[type=password] {
	border: solid 1px lightgray;
	border-radius: 5px;
}

div.admin-page table.form-table tr.hidden {
	display: none
}

div.admin-page table.form-table tr.form-row td textarea {
	border: solid 1px gray;
	border-radius: 5px;
}

div.admin-page table.form-table tr.form-row td div.form-error {
	margin: auto;
	width: 100%;
	text-align: center;
	color: red;
}

div.admin-page a.button {
	display: inline-block;
	padding: 3px;
	margin: 2px;
	border-radius: 10px;
	border-top: 1px solid rgb(126, 169, 228);
	border-left: 1px solid rgb(126, 169, 228);
	border-bottom: 1px solid rgb(47, 82, 130);
	border-right: 1px solid rgb(47, 82, 130);
	background: rgb(92,134,192);
	color: white;
	text-decoration: none;
}

div.admin-page a.button:active {
	display: inline-block;
	padding: 3px;
	margin: 2px;
	border-radius: 10px;
	border-bottom: 1px solid rgb(126, 169, 228);
	border-right: 1px solid rgb(126, 169, 228);
	border-top: 1px solid rgb(92,134,192);
	border-left: 1px solid rgb(92,134,192);
	background: rgb(47, 82, 130);
	color: white;
	text-decoration: none;
}

div.admin-page a.button-round {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	line-height: 10px;
}

div.admin-page a.button-destructive {
	display: inline-block;
	padding: 3px;
	border-radius: 10px;
	border-top: 1px solid rgb(239,102,155);
	border-left: 1px solid rgb(239, 102, 155);
	border-bottom: 1px solid rgb(170, 43, 92);
	border-right: 1px solid rgb(170, 43, 92);
	background: rgb(213,72,126);
	color: white;
	text-decoration: none;
}

div.admin-page a.button-destructive:active {
	display: inline-block;
	padding: 3px;
	border-radius: 10px;
	border-bottom: 1px solid rgb(239,102,155);
	border-right: 1px solid rgb(239, 102, 155);
	border-top: 1px solid rgb(213,72,126);
	border-left: 1px solid rgb(213,72,126);
	background: rgb(170, 43, 92);
	color: white;
	text-decoration: none;
}