/* CAROUSEL CSS
-------------------------------------------------- */

/* Make the image fully responsive */
.carousel-inner img {
	width: 100%;
	height: 100%;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the two columns below the carousel */
.marketing .col-lg-6 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-6 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* -------------------------------------------------- */

#timediv {
	color: #ffffff;
}

/*
Η ιδιότητα margin δημιουργεί χώρο γύρω από
τα στοιχεία, έξω από τα ορισμένα όρια
(outer space) και έχει 4 τιμές:

- top (margin-top)
- right (margin-right)
- bottom (margin-bottom)
- left (margin-left)

να μαζεύεται δλδ αναλόγως την τιμή
*/

/*
Η ιδιότητα padding παράγει χώρο γύρω από
το περιεχόμενο ενός στοιχείου, μέσα στα ορισμένα
όρια (inner space) και έχει 4 τιμές:

- top (padding-top)
- right (padding-right)
- bottom (padding-bottom)
- left (padding-left)

να έχει δλδ περιθώριο αναλόγως την τιμή
*/

.jmbtrn-style {
	background-color: #42b3e5;
	color: #ffffff;
	/* padding: 32px 16px; */ /* 2rem 1rem */
	/* padding: 24px 12px; */ /* 1.5rem 0.75rem */
	padding: 18px 9px; /* 1.125rem 0.5625rem */
	/*
	top, bottom: 24px
	right, left: 12px
	*/
}

/*
Όταν το ελάχιστο πλάτος της οθόνης είναι 576px,
ή κώδικας όταν πλάτος οθόνης >= 576 px
*/
@media (min-width: 576px) {
	.jmbtrn-style {
		/* padding: 64px 32px; */ /* 4rem 2rem */
		/* padding: 48px 24px; */ /* 3rem 1.5rem */
		padding: 36px 18px; /* 2.25rem 1.125rem */
		/*
		top, bottom: 48px
		right, left: 24px
		*/
	}
}

.h2-carousel {
	text-shadow: 2px 2px #000000;
}

.p-carousel {
	font-size: 18px;
	text-shadow: 1.5px 1px #000000;
}

/*
ul.fa-ul li {
	margin-bottom: 15px;
}
*/

.mb-s-li {
	margin-bottom: 15px;
}

.mb-c-li {
	margin-bottom: 25px;
}

/*
ul.fa-ul li i {
	font-size: 22px;
	color: #42b3e5;
}
*/

/*
.mb-s-li i {
	font-size: 22px;
	color: #42b3e5;
}
*/

label i {
	color: #42b3e5;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23343a40' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23343a40' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

#p-footer {
	color: #343a40;
}

/* -------------------------------------------------- */

.caps_lock {
	display: none;
}

html {
	scroll-behavior: smooth;
}

/* -------------------------------------------------- */

.error-template {
	padding: 40px 15px;
	text-align: center;
}

@media (max-width: 480px) {
	.error-template img {
		width: 100%;
		height: 100%;
	}
}

/* -------------------------------------------------- */

.breadcrumbs-div {
	padding: 12px 16px;
}

.breadcrumbs-div a {
	/* color: #6c757d; */
	color: #343a40;
	text-decoration: none;
}

.breadcrumbs-separator {
	/* color: #6c757d; */
	color: #343a40;
}

.breadcrumbs-item-active {
	color: #ffffff;
}

/* -------------------------------------------------- */

/*
#a_spos {
	display: none;
}

#a_dspec {
	display: none;
}
*/

/* -------------------------------------------------- */

/*
.upload-profile-image {
	position: relative;
    width: 10%;
    margin-left: auto;
    margin-right: auto;
    transition: filter .8s ease;
}

.upload-profile-image:hover {
	filter: drop-shadow(1px 1px 22px #7584bb);
}

#profile_upload {
	position: absolute;
    top: 0;
    z-index: 10;
    width: 200px;
	height: 200px;
    margin-top: 0px;
	opacity: 0;
}

#profile_upload::webkit-file-upload-button {
	visibility: hidden;
}

#profile_upload::before {
	content: ' ';
    display: inline-block;
    width: 200px;
    height: 200px;
    cursor: pointer;
    border-radius: 50%;
}

.camera-icon {
	position: absolute;
    top: 70px;
    width: 60px !important;
    filter: invert(30%) !important;
}

.upload-profile-image:hover .camera-icon {
	filter: invert(100%) !important;
}
*/

/* -------------------------------------------------- */

/* ΚΩΔΙΚΑΣ ΓΙΑ ΤΟ CSS LOADER */

.overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 10;
	opacity: 0.7;
}

.loader {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	/* border: 10px solid #333; */
	border: 10px solid #42b3e5;
	position: relative;
	margin: 0 auto;
	top: 30%;
	animation: loader 2s linear infinite;
}

@keyframes loader {
	50% {
		opacity: 0.5;
	}
	100% {
		transform: rotate(360deg);
	}
}

.loader:after {
	content: "";
	width: 35px;
	height: 35px;
	/* background: #333; */
	background: #42b3e5;
	position: absolute;
	border-radius: 50%;
	top: -20px;
	left: 55px;
}

.loader:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	/* border-bottom: 15px solid #333; */
	border-bottom: 15px solid #42b3e5;
	position: absolute;
	transform;: rotate(-90deg);
	top: -10px;
	left: 39px;
}