@import url('./css');
@import url('./css-1');
@import url('./ajax/libs/font-awesome/5.13.0/css/all.min.css');
@import url('./css2');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #303030;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
}

a {
	text-decoration: none;
	color: #5b009e;
}

.wrapper {
}

/* Header */
.header {
	background: #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}

.header_logo {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-family: 600;
	border-bottom: 2px solid #5b009e;
	color: #303030;
}

.header_logo span {
	color: #e34449;
}

.header_button i {
	color: #303030;
	font-size: 26px;
	margin: 0 10px 0 0;
}
/* Header End */

/* Menu */
.menu {
	background: #5b009e;
	padding: 0 0 0 5px;
}

.menu a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	padding: 10px 5px;
}
/* Menu End */

.content {
	background: #f5f5f5;
}

.item_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4px;
}

.item {
	background: #f4e6ff;
}

.item img {
	width: 100%;
}

.item_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}


.item_info_text {
    display: flex;
    flex-direction: column; /* This makes the name and city appear in a column */
}

.item_info_name {
	color: #333333;
	font-size: 13px;
}
.item_info_city {
    display: block; /* Ensures it takes up the full width and starts on a new line */
    margin-top: 5px; /* Adjust this value as needed for spacing */
    font-size: 12px; /* Optional: adjust font size */
    color: #666666; /* Optional: adjust text color */
}
.item_info_name span {
	color: #5b009e;
	text-decoration: underline;
	font-weight: 500;
	font-size: 14px;
}



.item_info_status {
	color: #333333;
	font-size: 12px;
}

.item_info_status i {
	background-color: green;
	color: green;
	display: inline-block;
	border-radius: 50%;
}

.pagination {
	text-align: center;
	padding: 15px 0 15px 0;
	color: #5b009e;
	font-size: 12px;
}

.pagination a {
	border-radius: 4px;
	background: #5b009e;
	color: #dadada;
	padding: 6px 10px;
	display: inline-block;
	margin: 0 1px 2px 1px;
}

.pagination a.active {
	background: #5b009e;
	color: #dadada;
}

.pagination a.next {
	background: #5b009e;
	color: #ffffff;
}

.footer {
	background: #5b009e;
	padding: 10px;
	font-size: 12px;
	color: #a0a0a0;
	border-top: 1px solid #cccccc;
}

.footer a {
	color: #a0a0a0;
}