/*
*
*
*	content
*
*
*/

/* Content Wrap */
/*--------------*/
#content {padding: 0px var(--s-space) var(--m-space) calc(52px + var(--s-space));}
#main-divider {height: 78px;}

.event-grid {
	display: grid !important;
	grid-template-columns: 1fr;
}

/* Event content */
/*---------------*/

.w-event-content {
	width: 100%;
    display: grid !important;
    /* grid-template-columns: 60px 2fr 60px 1fr 3fr 60px; */
	grid-template-columns: auto 2fr auto 1fr 4fr 60px;
}

body.small .w-event-content {
	width: 100%;
    display: grid !important;
    /* grid-template-columns: 60px 2fr 60px 1fr 3fr 60px; */
	grid-template-columns: auto 2fr auto 2fr 8fr 60px;
}



/* Event grid items */
/*------------------*/

/* Main info */
.w-event-content > :first-child {
	grid-row: 1;
	grid-column: 1 / span 2;
}

/* Time */
.w-event-content > :nth-child(2) {
	grid-row: 1;
	grid-column: 3 / span 2;
}

/* Call time */ 
.w-event-content > :nth-child(3) {
	grid-row: 1;
}
/* Free */ 
.w-event-content > :nth-child(4) {
	grid-row: 1;
}
/* Event menu */
.w-event-content > :nth-child(5) {
	grid-row: 2;
}
/* Callers */
.w-event-content > :nth-child(6) {
	grid-row: 2;
}
/* Status icon */
.w-event-content > :nth-child(7) {
	grid-row: 2;
}
/* Status */
.w-event-content > :nth-child(8) {
	grid-row: 2;
}
/* Comment */
.w-event-content > :nth-child(9) {
	grid-row: 2;
}
/* Color tag */
.w-event-content > :nth-child(10) {
	grid-row: 2;
}
/* tartalék sor */
.w-event-content > :nth-child(11) {
	grid-row: 3;
	grid-column: 1 / span 5;
}







/* event comment */
.w-event-comment-wrap:first-child {
	padding: var(--xs-space)var(--s-space);
}

.w-event-comment-row {
	width: 100%;
	display: grid !important;
	grid-template-columns: 50px 150px 1fr 170px;
	padding: var(--xs-space);
	border-bottom: 1px solid  var(--color-border-lighter);
}

/* Main Icons */
/*------------*/
.e-incoming-call .e-main-icon {color: var(--color-green);}
.e-outgoing-call .e-main-icon {color: var(--color-blue);}
.e-incoming-sms .e-main-icon {color: var(--color-orange);}
.e-outgoing-sms .e-main-icon {color: var(--color-blue);}

/* Status */
/*--------*/

.e-incoming-call .e-finished {background: var(--color-green);}
.e-outgoing-call .e-finished {background: var(--color-blue);}

.e-missed, .e-failed {background: var(--color-red) !important;}

.e-recived {background: var(--color-orange);}

/* Tags */
/*------*/

.e-tag-wrap {padding: 5px 5px 5px 0px;}

.e-tag {display: flex; padding: 0px var(--s-space); min-width: 76px; align-items: center; font-size: var(--s-text); color: white; margin-right: var(--s-space);}

.e-incoming-call .e-tag {background: var(--color-green);}
.e-outgoing-call .e-tag {background: var(--color-blue);}


/* progress bar */
/*--------------*/
.e-incoming-call .e-bg-progress {background: var(--color-green-light);}
.e-outgoing-call .e-bg-progress {background: var(--color-blue-light);}
.e-incoming-sms .e-bg-progress {background: var(--color-orange-light);}


/* event night icon and others bg color */
.night .w-event-content .w-bg-green-light {color: #3a6d4f; background: var(--color-bg-light);}
.night .w-event-content .w-bg-blue-light {color: #3c6095; background: var(--color-bg-light);}
.night .w-progressbar .w-bg-blue-light {background: #3c6095}
.night .w-progressbar .w-bg-green-light {background: #3a6d4f}



@media screen and (max-width: 1279px) {

	body.small .w-event-content, .w-event-content {
		width: 100%;
		display: grid !important;
		/* grid-template-columns: 60px 2fr 60px 1fr 3fr 60px; */
		grid-template-columns: auto 3fr auto 2fr;
	}

	/* Event grid items */
	/*------------------*/

	/* Main info */
	.w-event-content > :first-child {
		grid-row: 1;
		grid-column: 1 / span 2;
	}
	/* Time */
	.w-event-content > :nth-child(2) {
		grid-row: 1;
		grid-column: 3 / span 2;
	}
	/* Call time */ 
	.w-event-content > :nth-child(3) {
		grid-row: 3;
		grid-column: 1 / span 2;
		justify-content: left;
	}
	/* Free */
	.w-event-content > :nth-child(4) {
		grid-row: 3;
		grid-column: 3;
	}
	/* Event menu */
	.w-event-content > :nth-child(5) {
		grid-row: 2;
		grid-column: 1;
	}
	/* Callers */
	.w-event-content > :nth-child(6) {
		grid-row: 2;
		grid-column: 2;
	}
	/* Status icon */
	.w-event-content > :nth-child(7) {
		grid-row: 2;
		grid-column: 3;
	}
	/* Status */
	.w-event-content > :nth-child(8) {
		grid-row: 2;
		grid-column: 4;
	}
	/* Comment */
	.w-event-content > :nth-child(9) {
		grid-row: 4;
		grid-column: 1 / span 4;
	}
	/* Color tag */
	.w-event-content > :nth-child(10) {
		grid-row: 3;
		grid-column: 4;
	}
	/* tartalék sor */
	.w-event-content > :nth-child(11) {
		grid-row: 5;
		grid-column: 1 / span 4;
	}
	
}

@media screen and (max-width: 1023px) {
	#content {padding: 0px var(--s-space) var(--m-space) var(--s-space);}
	#main-divider {height: 78px;}
}