/* Main css */

:root{
	--360:#E4003a;
	--white:#ffffff;
	--gray:#a2a2a2;
}
body{
  *content: "";
  background-repeat:no-repeat;
  background-position: center center;
  background-attachment:fixed;
  *opacity: 0.5;
  *top: 0;
  *left: 0;
  *bottom: 0;
  *right: 0;
  *position: absolute;
  *z-index: -1; 
  *object-fit: contain;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  *	flex: 1; 
}
.nav-text{
	font-size:0.8rem;
}
.nav-menu {
	box-sizing:border-box;
	cursor:pointer;
}
.logo img{
	width:260px;
}

.btn-360{
	background-color:var(--360);
	color:#ffffff;
}
.btn-360 *{
	color:#ffffff;
}
.current{
	*background:var(--360);
	background:rgba(228, 0, 57, .7);
}
#search-bar{
	position:fixed;
	z-index:10;
	top:-4.4rem;
	left:0px;
	width:100%;
	height:4.4rem;
	background-color:#000;
	transition:all .5s;
}
#search-bar input[type=search]{
	width: 100%;
    font-size: 2rem;
    padding: 11px;
    border: none;
    border-radius: 39px;
    background: var(--360);
    color: #fff;
    outline: none;
}

#search-bar input[type=search]::placeholder{
	color:#fff;
	opacity:.7;
}
.btn-clear{
	background:transparent;
	border:none;
}
.close-search{
	position:absolute;
	top:-3px;
	right:12px;
	color:#fff;
	font-size:3rem;
}
.card-header .avatar{
	width:2.8rem;
	border-radius:50%;
	position:absolute;
	right:5px;
	top:5px;
}
.bg-lightwhite{
	background-color:rgba(255,255,255,.85) !important;
}
.bg-360{
	background-color:var(--360);
}
.text-360{
	color:var(--360);
}
.text-gray{
	color:var(--gray);
}
.shadow-360{
	box-shadow: 0 0 29px -6px #000;
}

/* news */
.card-body ol {
	    counter-reset: popular-post-counter;
    list-style: none;
    margin: 0;
	padding:0;
}
.card-body ol li {
    counter-increment: popular-post-counter;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 11px 14px 3px;
}
.card-body ol li::before{
	content: counter(popular-post-counter);
    color: #666;
    font-size: 12px;
    font-weight: 800;
    position: absolute;
    top: 15px;
    background: rgba(0,0,0,.075);
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 3px;
	left:-10px;
}
.office img {
	width:6rem;
}
.bg-black{
	background-color:#000;
	color:#fff;
}
#footer-bg{
	    -webkit-clip-path: polygon(42% 0, 100% 0, 100% 100%, 0% 100%);
		
		color:#fff;
}
.bg-light-360{
	background-color:rgba(0,0,0,.7);
	color:#fff;
}
.logo-footer img{
	width:20rem;
}
.fa-heart{
	color:var(--360);
}
.
element.style {
    width: 166px;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
}
.table thead th, .table tbody td{
	border-bottom-color:#000 !important;
}
.table thead th{
	background-color:var(--360) !important;
	color:var(--white);
}
.carousel-control-prev,.carousel-control-next{
	font-size:2rem !important;
}
.carousel-indicators {
	bottom:-15px !important;
}
.carousel-indicators li{
	background-color:var(--360) !important;
	width:10px !important;
	height:10px !important;
	border-radius:50% !important;
	
}

/* Preloader */

body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background:rgba(255,255,255,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    
    z-index:9999999;
    display:block;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
#cover-spin::before{
	content:"ΙΕΚ ΔΕΛΤΑ 360";
	font-weight:bold;
	position:absolute;
	left:calc(50% - 127px);
	top:44%;
	font-size:2rem
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:calc(50% + 78px);
	top:40%;
    width:25px;height:25px;
    border-style:solid;
    border-color:var(--360);
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.video ul, .video li{
	padding:0px;
	margin:0px;
}
.video iframe{
	width:100%;
	height:200px !important;
}

/* Aggelies*/
.aggelia{
	border-bottom:1px #000;
}
.profile_photo{
	max-width:80%;
	height:auto;
	border-radius:50%;
}
.info-icon img{
	width:1.3rem;
	cursor:pointer;
}
.active-360{
	color: #fff;
    background-color: var(--360);

}
.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}
.benefit-data .bd-image{
	border:solid 5px #fff;
}
.benefit-data{
	top:10% !important;	
}
.w-20{
	width:20% !important;
}
.w-30{
	width:30% !important;
}
.w-55{
	width:55% !important;
}

.w-60{
	width:60% !important;
}
.w-70{
	width:70% !important;
}
.w-80{
	width:80% !important;
}
.w-90{
	width:90% !important;
}
.breadcrump i{
	font-size:.7em;
}
.btn-360-footer-light{
	color:#fff;
	font-size:1em;
}
.list-social{
	list-style:none;
	padding:0px;
}
.list-social li {
	display:inline-block;
}
.list-social li a{
	display:inline-block;
	line-height: 42px;
    border-radius: 21px;
    text-align: center;
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
	transition:all ease .3s;
}
.list-social li a:hover{
	background-color:#000;
}
	@media (min-width: 576px) { .card-columns { column-count:1; } }

	@media (min-width: 768px) { .card-columns { column-count:2; } }

	@media (min-width: 992px) { .card-columns { column-count:3; } }

	@media (min-width: 1200px) { .card-columns { column-count:4; } }

.card-columns{
	width:100%!important;
}
.accordion .card-header{
	background-color:var(--360)!important;
	
}
.accordion  .card-header .btn{
	color:var(--white)!important;
}
.display-5{
	font-size: 2.5rem;
}
.display-6{
	font-size: 1.5rem;
}
.display-7{
	font-size: 1.3rem;
}
.display-8{
	font-size: 1.2rem;
}
.display-10{
	font-size: 6rem;
}
img.botface{
	margin-top:3px;
	width:3rem;
	background-color: #fff;
    border-radius: 50%;
	padding: 3px 5px 5px 5px;
    border: solid 3px #e4003a;
    position: fixed;
    right: 5%;
	top:9px;
	z-index:1000;
}
.career-cards{
	border:solid 8px #fff;
	border-radius:25px;
	background-size:cover;
	height:25rem;
	box-shadow:1px 1px 1px rgba(0,0,0,.5);
}
.career-cards .text-light{
	text-shadow:2px 2px 2px #000;
}
.career-cards .card-footer{
	background-color: transparent !important; 
    border-top: none  !important;
}
.career-cards .card-overlay{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	border-radius:25px;
	z-index:0;
}
.career-cards .card-body,.career-cards .card-footer{
	position:relative;
}
/*.career-cards:hover .card-overlay{
	background-color:rgba(255,255,255,.5);
	transition:all .3s;
	cursor:pointer;
}*/

.benefit-data .row div{
	padding-right:0px !important;
	padding-left:0px !important;
}
.bot360wrapper .list-group-item{
	border:none !important;
	padding:0 !important;
	text-align:left !important;
}
.pointer:hover{
	cursor:pointer;
}
.big-checkbox {width: 20px; height: 20px;}
.row-disabled td {
	color:gray !important;
}
.row-disabled{
	position:relative;
}
.row-disabled::after{
	content:'Το μάθημα πραγματοποιείται σε εξωτερική δομή και δεν υπάρχει η δυνατότητα της live μετάδοσης';
	position:absolute;
	width:95%;
	top:0;
	left:0;
	padding:2vh;
	color:#fff !important;
	text-shadow:1px 1px 2px #000;
	font-weight:bold;
	background-color:rgba(0,0,0,0.4);
	border-radius:10px;
}
#videos iframe{
	width:100% !important;
}
.book .book-cover{
	/*border:solid 5px #000;
	border-radius:3px;
	box-shadow:5px 5px 20px rgba(0,0,0,0.4);*/
	
}
.heading-responsive {
  font-size: calc(100% + .7vw)!important;
}
.cursor-pointer{
	cursor:pointer;
}
pre{display:none;}
.fa, .fab, .fad, .fal, .far, .fas{line-height:unset !important;}
.red-circle{
	display:block;
	width:30px;
	height:30px;
	border:solid 6px red;
	border-radius:50%;
	margin-right:20px;
	float:left;
}
.text-large{
	font-size:1.3em !important;	
}
.calendar-pic{
	width:80px;
	
}
.day-name{
	top: 27px;
	left: 9px;
	font-size: .47em;
	font-weight: 900;
}
.date{
	top: 36px;
	left: 9px;
	font-size: .78em;
	font-weight: 900;
}
.clock img{
	width:10px;
	
}
.clock {				
	left:11px;
	bottom:0px;
}
.time{
	left: 23px;
	bottom: 5px;
	font-size: .6em;
	font-weight: 700;
}
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
	width: 50px;
	height: 50px;
	z-index: 1;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	color:var(--360);
	font-size:3em;
}
.btn span.glyphicon {    			
	opacity: 0;				
}
.btn.active span.glyphicon {				
	opacity: 1;				
}
.btn-group .btn.btn-360.active{
	color:#fff;
	background-color:#000;
}
.display thead th{
	color:#fff !important;
	background-color:var(--360) !important;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

#loadingIndicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensure it's on top of other elements */
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}
/* Portal 2.0 */
 td.highlighted {
	background-color: #A1DD70 !important;
	color: #ffffff !important;
}

.bold{
	font-weight:bold;
}
.rounded-5{
	border-radius:1rem;
}