/*
    Title: Admin
    Author: QBIT
    Date: 02/02/2025
*/

/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Quicksand&display=swap');

/* Global styles */
body {
	color: #333;
	font-size: 1.0em; 
	line-height: 1.6em;
	font-family: 'Quicksand', sans-serif;
}

body,html {
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1.4em;
	font-family: 'Poppins', sans-serif; 
	color: #333;
	margin-bottom: 20px;
}

img {
	width: 100%;
}

a {
	text-decoration: none;
	transition: color 0.3s ease, transform 0.5s ease-in-out;
	color: #333;
}

p {
	margin-bottom: 20px;
}

ul {
	list-style: none;
}

.title {
	font-size: 1.0em;
}

/* Main styles */
#main {
	margin-top: 100px;
}

.panel {
	background-color: #f0f0f0;
	margin-top: 25px;
	padding: 10px;
}

/* List styles */
.list {
	margin-bottom: 20px;
}

.list a {
	background: #f0f0f0;
	display: block;
	font-size: 0.8em;
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 7px 15px;
}

.list a:hover {
	background: #f8f8f8;
}

.ref {
	font-style: normal;
	font-size: 0.8em;
	font-family: 'Poppins', sans-serif; 
}

/* Image upload styles */
.size {
	font-style: normal;
	font-size: 0.8em;
	font-family: 'Quicksand', sans-serif;
}

/* Report styles */
.report {
	background-color: #f0f0f0;
}

.report li {
	border-bottom: solid 1px #fff;
	padding: 10px;
}

.tick {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	background: url('../../../../uploads/svg/tick.svg') center center / 20px no-repeat;
	margin-top: 3px;
}

.cross {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	background: url('../../../../uploads/svg/cross.svg') center center / 20px no-repeat;
	margin-top: 3px;
}

/* Backup styles */
#backupTimer {
	font-style: normal;
}

/* Media queries */
@media (max-width: 64em) 
{

	/* Main styles */
	.panel {
		margin-top: 0;
	}

}