.event-task {
	font-size: 12px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	width: calc(30% + 13px);
	margin: 8px;
	padding: 20px;
	border-radius: 16px;
	/* border: 1px solid #ccc; */
	box-shadow: 0 2px 12px 2px rgba(0,0,0,.06);
	position: relative;
	}
@media screen and (max-width: 991px) { .event-task {width: calc(45% + 16px);} }
@media screen and (max-width: 767px) { .event-task {width: 100%;} }
.event-task h5 {font-size: 18px; border-bottom: none; margin: 4px 0 14px; padding-bottom: 0; overflow: hidden; display: -webkit-box; /* -webkit-line-clamp: 3; line-clamp: 3; */ -webkit-box-orient: vertical;}
.event-task .label {float: initial; font-size: 14px;}
.event-task .time {font-size: 18px; font-weight: 500; margin-left: 16px;}
.event-task .hall {display: block; /* background-color: #f6f6f6; padding: 3px 6px; border: 2px; */ margin-left: 16px; color: rgba(0,0,0,0.75);}
.event-task .speakers, .event-task .org {margin-bottom: 8px;}
.event-task .speakers .participant {display: inline-table; margin-right: 6px;}
.tags {margin-top: 6px;}
.tags span {
	padding: 0.25rem 0.5rem;
	font-size: 12px;
    line-height: 1.5;
    border-radius: 0.2rem;
    background-color: #00adee;
	color: #fff;
	display: inline-block;
	padding: 1px 4px;
	margin: 0 3px 3px 0;
	font-weight: 500;
	}
.modal.modal-zoom.fade:not(.show) .modal-dialog {transform: scale(0.8);} 
.event-task .modal {cursor:initial; font-size: initial; }
.event-task .modal .time, .event-task .modal .hall {margin: 0;}	
.event-task .modal-header {background-color: #dbdada;}
.event-task .modal-footer {background-color: #f6f6f6; justify-content: space-between;}
.event-task .modal-content {border: 3px solid white; border-radius: 20px;}
.event-task .modal-header .close {font-size: 32px;}
.event-task .modal .hall {
	background-color: initial;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	margin: 0;}	
.event-task h5.modal-title {font-size: 22px; /* margin: 0; padding-left: 10px; */}
.event-task .tplace {
	margin: -17px -17px 0px -17px;
	background-color: #dbdada;
	/* border-left: 4px solid #00adee; */
	border-radius: 14px 14px 0 0;
	padding-top: 10px;
}
.event-task .modal .tplace	{/* margin: 0; */ background-color: #f6f6f6 !important; border-radius: initial; padding-top: initial;}
.event-task .tplace .date {display: none;} 
#favorites .event-task .tplace .date {display: block; margin-left:16px;}
.event-task .speakers-title {margin-top: 10px;}
.event-task .modal .speakers {flex-wrap: wrap; -ms-flex-align: start !important; align-items: flex-start !important;}
/* .event-task .modal .speakers div {
	flex: 0 0 20%;
	max-width: 20%;
	}
@media (max-width: 576px) { .event-task .modal .speakers div {flex: 0 0 100%; max-width: 100%;} }
*/
@media (max-width: 576px) { .event-task {margin: 8px 0;} .event-task h5.modal-title {font-size: 16px; /* margin-bottom: 16px;*/} .event-task .time {font-size: 15px;} .event-task .modal .hall {font-size: 13px;} .tplace {background-color: #fff; /* margin: -20px -20px 0px -20px !important; */} }
.event-task p:last-child, .tab-pane .event-task:last-child {margin-bottom: 8px !important;}

.tab-content>.active {display: flex; flex-direction: row; flex-wrap: wrap;}
.event-date, .event-hr {
	width: 100%;
    display: flex;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
	flex-direction: column;
	}
.event-hr {margin: 30px -30px 20px;}
.nav-panel .btn-default {padding: 8px 10px; min-width: 100px; min-height: initial; border-radius: 3px;}

.filter_menu {
    width: 360px;
    min-width: 360px;
    position: fixed;
    top: 0;
	bottom: 0;
    margin: 0;
    padding: 16px 20px;
	transition: transform 0.5s ease-in-out;
    background: #f6f6f6;
	box-shadow: #00000026 2px 0px 7px 0px;
    z-index: 3;
	left: -360px;
}
.filter_menu.open {
    -webkit-transform: translateX(360px);
    -moz-transform: translateX(360px);
    -ms-transform: translateX(360px);
    transform: translateX(360px);
}

.speaker_menu {
    width: 360px;
    min-width: 360px;
    position: fixed;
    top: 0;
    right: -360px;
	bottom: 0;
    margin: 0;
    padding: 16px 20px;
	transition: transform 0.5s ease-in-out;
    background: #f6f6f6;
	box-shadow: #00000026 2px 0px 7px 0px;
    z-index: 2;
}
.speaker_menu.open {
    -webkit-transform: translateX(-360px);
    -moz-transform: translateX(-360px);
    -ms-transform: translateX(-360px);
    transform: translateX(-360px);
}
/* @media screen and (max-width: 360px) { .filter_menu, .speaker_menu {width: 100%;} } */
@media screen and (max-width: 991px) { .filter_menu, .speaker_menu {margin-top: 90px; padding-bottom: 90px;} }
@media screen and (max-width: 576px) { .filter_menu, .speaker_menu {margin-top: 0px; padding-bottom: 0; z-index: 100;} 
.filter_menu {width: 100vw; left: -100vw;} .filter_menu.open {-webkit-transform: translateX(100vw);-moz-transform: translateX(100vw);-ms-transform: translateX(100vw);transform: translateX(100vw);}
.speaker_menu {width: 100vw; right: -100vw;} .speaker_menu.open {-webkit-transform: translateX(-100vw);-moz-transform: translateX(-100vw);-ms-transform: translateX(-100vw);transform: translateX(-100vw);} 
}  
@media screen and (min-width: 992px) { .filter_menu, .speaker_menu {position: absolute; margin-top: 0; z-index: 1;} body {overflow-x: hidden;} }
@media screen and (min-width: 1880px) { .filter_menu, .speaker_menu {box-shadow: none;} body {overflow-x: hidden;} }

.close-btn {
	/* z-index: 2; */
	position: absolute;
	top: 14px;
	right: 14px;
	width: 24px;
	height: 24px;
	opacity: 0.2;
	cursor: pointer;
	transition: opacity ease 0.5s;
	&:hover {
		opacity: 1;
	}
}
.close-btn::before,
.close-btn::after {
	content: '';
	position: absolute;
	top: 10px;
	display: block;
	width: 24px;
	height: 3px;
	background: #000;
}
.close-btn::before {
	transform: rotate(45deg);
}
.close-btn::after {
	transform: rotate(-45deg);
}

.speaker_card {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.06);
	padding: 12px;
	margin-bottom: 12px;
	cursor: pointer;
}
.speaker_card:hover {
	box-shadow: 0 2px 6px 0 rgba(196,199,204,.84);
}
.speaker_card.active {
	box-shadow: 0 4px 6px 0 rgba(196,199,204,.84);
	transform: scale(1.01);
}
.speaker_card .persona {max-height: 42px; margin-right: 10px !important; margin-bottom: 0;}
.speaker_card h6 {font-size:14px; margin-bottom: 4px;}
.speaker_card p {font-size:12px; margin-bottom: 0; line-height: 16px;}
    
.speakers .persona {max-height: 19px; margin-right: 2px; margin-bottom: 2px;}
.modal .speakers .persona {max-height: 100px; /* margin-right: 8px; */}
.modal .speakers {display: flex; align-items: center;}
.modal .speakers p {margin-bottom: 0;}
/* .modal .speakers div {margin-right: 10px;} */

.irs-line, .irs-bar, .irs-from, .irs-to, .irs-handle {cursor: pointer;}
.irs--flat .irs-bar, 
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,
.irs--flat .irs-handle>i:first-child {background-color: #0062cc;}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {border-top-color: #0062cc;}
.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {background-color: #F6931D;}

.sharing_buttons {display: flex; justify-content: end;}
.sharing_buttons .item {
	display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.sharing_buttons .item .svg-icon {
    display: block;
    max-width: 100%;
    height: 100%;
}
.sharing_buttons .email_link {
	background-color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: normal;
    padding: 6px;
}

.favorites {
	position: absolute;
    top: -8px;
	right: 30px;
    font-size: 24px; 
    font-family: "Font Awesome 5 Free";
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.favorites:before {
	content: "\f02e";
	font-weight: 400;
}
.event-task.active .favorites:before {
	content: "\f02e";
	font-weight: 900;
	color: #ad1919;
}
.event-task.active .modal h5:before {
	top: -8px;
	right: 30px;
	font-family: "Font Awesome 5 Free";
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
		content: "\f02e";
		font-weight: 900;
		color: #ad1919;
	/* margin-left: -10px; */
	padding-right: 10px;
}

.btn-sm {font-size: 0.75rem; display: inline-block; padding: 1px 4px;} .btn-sm:focus {box-shadow: none !important;}
/* .filter-bar {min-height: 26px;}  */
.filter-bar .btn-sm {padding: 3px 7px;}
.filter-bar button span {margin-left: 5px;}
.filter-bar .hall {margin-bottom: 0;}
.nano > .nano-pane, .nano .nano-slider {width: 4px;}
.speaker_menu .nano-content {right: -10px !important;}
.stream {background: #ff0000!important;}
.nav sup {top: -1em; font-size: 60%; opacity: 0.75;}