body {
	font-family: 'Calibri';
	font-size: 18px;
}

div.mycontainer {
    border-radius: 10px;
	border: 1px solid #6c757d;
	border-color: #0D4093;
    /* padding: 15px; */
	/* margin-bottom: 40px; */
	/* box-shadow: 2px -1px 8px 0px rgba(0,0,0,0.37); */
    /* background-color: #e2e2e2; */
}

pre {
	font-family: 'Calibri';
	font-size: 16px;
}

input[type="text"], input[type="email"], input[type="datetime-local"], input[type="date"], textarea, select {
	font-size: 18px !important;
}

h2, a.nav-link, a.dropdown-item, span.navbar-brand, .my_title, label:not(.form-check-label), .text-dark, caption {
	color: #0D4093 !important;
}

.my_title, caption {
	font-size: 18px;
}

.border-dark {
	border-color: #0D4093 !important;
}

button.btn-dark {
	background-color: #0D4093;
	border-color: #0D4093;
}

button.btn-dark:hover {
	background-color: #0d6efd;  /* #1f3a66; */
	border-color: #0d6efd;  /* #1f3a66; */
}

button.btn-outline-dark {
	border-color: #0D4093;
	color: #0D4093;
}

button.btn-outline-dark:hover {
	background-color: #0D4093;
	border-color: #0D4093;
	color: white;
}


/*  ΧΡΩΜΑΤΙΚΕΣ ΡΥΘΜΙΣΕΙΣ ΟΡΙΖΟΝΤΙΑΣ ΜΠΑΡΑΣ ΜΕΝΟΥ */
.navbar-toggler {
	border-color: #6c757d !important;    /*  #6c757d: 'second' color in Bootstrap 5 */
}

.navbar-toggler-icon {
    color: #6c757d !important;
}

.navbar-toggler:hover {
	background-color: #6c757d !important;
	color: white !important;
}


.navbar-nav > .nav-item > .active { 
	background-color: #0D4093; 
    color: white !important;
}

.navbar-nav > .nav-item > .dropdown-menu > li > .active { 
    background-color: #0D4093; 
	color: white !important;
}

.navbar-nav > .nav-item > .dropdown-menu > li > .dropdown-item:hover { 
    background-color: #0D4093 !important; 
	color: white !important;
}

.navbar-nav > .nav-item > a:hover {
	background-color: #0D4093 !important;
	color: white !important;
}
/* ΤΕΛΟΣ ΧΡΩΜΑΤΙΚΩΝ ΡΥΘΜΙΣΕΩΝ ΟΡΙΖΟΝΤΙΑΣ ΜΠΑΡΑΣ ΜΕΝΟΥ */


/* ΡΥΘΜΙΣΕΙΣ ΠΙΝΑΚΩΝ */
.table, .table-dark {
	//border-color: #a7abae;
}

.table > thead > tr > th {
	background-color: #0D4093;
}

/*
.mytable {
	--bs-table-bg: #cccccc;
	--bs-table-striped-bg: #e1e1e1;
	--bs-table-hover-bg: #8fa5ae;
}
*/


/* Αυτά να τα ξαναδω. Εφαρμόζονται στους πίνακες που υπάρχουν εντός του accordion στις Εργασίες.  */
@media (min-width: 1200px) {
	.actions_col {
		width: 20%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.actions_col {	
		width: 30%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.actions_col {	
		width: 30%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.actions_col {	
		width: 25%;
	}
}

@media (max-width: 575px) {
	.actions_col {	
		width: 30%;
	}
}




/* ΤΕΛΟΣ ΡΥΘΜΙΣΕΩΝ ΠΙΝΑΚΩΝ */


/* ΡΥΘΜΙΣΕΙΣ ΚΑΘΕΤΟΥ ΜΕΝΟΥ (vertical navbar) */

#vertical_navbar {
	background-color: #c8dce3;
}

@media (min-width: 768px) {
	.navbar#vertical_navbar .container-fluid, 
	.navbar-expand-md#vertical_navbar .navbar-collapse, 
	.navbar-expand-md#vertical_navbar .navbar-nav{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.navbar#vertical_navbar {
		height: 100vh;
	}
	
	.navbar {
		align-items: start;
	}
	
	.navbar#vertical_navbar .container-fluid .navbar-brand {
		width: 100%;
	}
	
	.navbar#vertical_navbar .container-fluid .navbar-brand {
		border-bottom: 2px solid #00000044;
	}
}

.navbar#vertical_navbar .container-fluid .navbar-brand {
    white-space: normal !important;
    word-wrap: break-word !important;
}

/* ΤΕΛΟΣ ΡΥΘΜΙΣΕΩΝ ΚΑΘΕΤΟΥ ΜΕΝΟΥ (vertical navbar) */


/* Ρύθμιση του z-index, ώστε το ημερολογιάκι στα πεδία input date να μην καλύπτεται από το header.  */
#ui-datepicker-div {
	z-index: 1030 !important;
}