body {
			background-color: #f8f9fa;
            font-family: 'Geologica', sans-serif;
        }
		.page-wrapper {
			background-color: #fff;
			border:1px solid #dee2e6;
			box-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);	
			border-radius:8px;
			padding:20px;
		}
		.ql-container {
            font-family: 'Geologica', sans-serif !important;
			font-size:16px !important;
        }
        .container {
            max-width: 90%;
        }
		a {
			color:#2179ef;
			text-decoration:none !important;
		}
		.btn {
			border-radius:8px !important;
		}
		.btn-warning {
			color:#fff;
			background-color:#da8f25;
			border-color:#da8f25;
		}
		.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
			color:#fff !important;
			background-color:#d2861c !important;
			border-color:#d2861c !important;
		}
		.btn-info {
			color:#fff;
			background-color:#00b2d5;
			border-color:#00b2d5;
		}
		.btn-info:hover, .btn-info:active, .btn-info:focus {
			color:#fff !important;
			background-color:#069fbd !important;
			border-color:#069fbd !important;
		}
		.btn-primary {
			color:#fff;
			background-color:#2179ef;
			border-color:#2179ef;
		}
		.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
			color:#fff !important;
			background-color:#1263cf !important;
			border-color:#1263cf !important;
		}
		.bg-secondary {
			min-width:90px;
		}
		.text-bg-info {
			color:#fff !important;
			background-color:#00b2d5 !important;
		}
		.text-bg-warning {
			color:#fff !important;
			background-color:#da8f25 !important;
		}
		.text-bg-primary {
			color:#fff !important;
			background-color:#2179ef !important;
		}
		.light {
			background-color: #f8f9fa;
		}
		.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
			margin-bottom:10px !important;
		}
		.modal-dialog {
			min-width:800px;
		}
		.navbar {
			position: sticky;
			top: 0;
			z-index: 1020;
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
            box-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);			
		}
        .navbar-brand img {
            height: 50px;
            margin-right: 40px;
            vertical-align: middle;
        }
		.nav-link {
			margin:0 10px;
			color:#000;
			font-size:16px;
		}
		.nav-link:hover, .nav-link:focus, .nav-link:active {
			color:#2179ef;
		}
		.nav-link.active {
			color: #2179ef !important;
		}
		.navbar-nav .nav-item {
			border-right: 1px solid #dfe0e1;
		}
		.navbar-nav .nav-item:last-child {
				border-right: none;
		}
		.bg-dark {
			background: rgba(255, 255, 255, 0.7) !important;
		}
		h2 {
			border-bottom:1px solid #dfe0e1;
			color:#000;
			font-size:24px;
			padding-bottom:10px;
			margin-bottom:15px;
		}
		.navbar-toggler {
			color:#000 !important;
		}
		.navbar-toggler:focus {
			box-shadow:none;
		}
		.navbar-dark .navbar-toggler-icon {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
		}
		footer {
			padding-bottom:10px;
		}
		.aptsuccess td {
			background-color:#defff0 !important;
		}
		
/* Βασική ρύθμιση για όλους τους πίνακες – κρατάμε το border-collapse: separate */
table.table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #dee2e6; /* εξωτερικό περίγραμμα */
}

/* Επαναφέρουμε τα borders στα κελιά – χωρίς διπλότυπα */
table.table th,
table.table td {
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-top: none;
    border-left: none;
}



/* Η τελευταία γραμμή (σώμα ή υποσέλιδο) δεν έχει κάτω border */
table.table tbody tr:last-child td,
table.table tfoot tr:last-child td {
    border-bottom: none;
}


.user-container { max-width: 400px; margin-top: 40px; }
.user-container .logo { text-align: center; margin-bottom: 30px; }
.user-container .logo img { height: 60px; }
.user-footer { max-width: 400px; margin-top: 20px; margin: 0 auto; }

/* Action buttons σε σειρά με κενό */
.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.action-buttons .btn {
    white-space: nowrap;
}

.btn-xs {
    padding: 0.35rem;
    font-size: 0.75rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

		
@media screen and (max-width: 980px) {
	
	.navbar-brand img {
            height: 38px;
            margin-right: 0px;
     }
	
	.container {
            max-width: 100%;
     }
	
	h2 {
		font-size:18px;
	}
	
	h4, h5 {
		font-size: 16px;
	}
	
	.btn {
		font-size:14px;
	}
	
	.card-title {
		font-size: 16px;
	}
	
	.second {
		margin-top:10px;
	}
	
	.filterbutton {
		width:100%;
	}
	
	.navbar-collapse {
			background:#efefef;
			border-radius: 8px;
			box-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);	
			border:1px solid #dee2e6;
			padding:5px;
			margin-bottom:20px;
			margin-top:20px;
	}
	.navbar-nav .nav-item {
			border-right: 0px;
			margin-bottom:5px;
	}
	.modal-dialog {
			min-width:350px;
		}
	footer {
		text-align:center;
	}
	
	table.table {
		border:0px;
	}
	
    table.table-bordered thead {
        display: none; /* κρύβουμε την επικεφαλίδα στο mobile */
    }
    
    table.table-bordered,
    table.table-bordered tbody,
    table.table-bordered tr,
    table.table-bordered td {
        display: block;
        width: 100%;
    }
    
    table.table-bordered tr {
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    
    table.table-bordered td {
        border: none;
		border-bottom:1px solid #dee2e6;
		margin-bottom:10px;
        padding: 6px 10px;
        text-align: left !important;
        position: relative;
        font-size: 14px;
    }
    
    /* Προσθήκη ψευδο-επικεφαλίδων από το data-label attribute */
    table.table-bordered td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
    }
	 table.table-bordered tfoot,
    table.table-bordered tfoot tr,
    table.table-bordered tfoot td {
        display: block;
        width: 100%;
    }

    table.table-bordered tfoot tr {
        margin-bottom: 15px;
        border: 1px solid #888;
        border-radius: 8px;
        padding: 10px;
        background: #f8f9fa;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    table.table-bordered tfoot td {
        border: none;
		border-radius: 8px;
        padding: 6px 10px;
        text-align: left !important;
        font-size: 14px;
    }

    table.table-bordered tfoot td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 4px;
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
    }
	
	.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	
	}
	
	.action-buttons .btn {
    flex: 1 1 calc(50% - 5px);
    text-align: center;
    white-space: nowrap;
	
	}
	.action-buttons .btn:nth-child(3) {
    flex: 1 1 100%;
	}
	
    .user-footer {
		text-align:center;
	}
  }