:root{
	--main-grey:#E5E5E8;
	--main-grey-text:#939396;
	--main-grey-text-p:#69696c;
	--main-shadow:rgba(80, 106, 172, 0.2);
}
.header-inner{
	min-height:88px;
}
.header-inner .text-right h1{
	font-size:0.8em;
	line-height:47px;
	margin:0;
	letter-spacing:10px;
	font-weight:400;
	padding-top:20px;
}
.header-inner .text-right h1 .btn{
	letter-spacing:1px;
	text-transform:uppercase;
}
@-webkit-keyframes pulse{
	0%{box-shadow:0 0 0 0 rgba(74, 144, 226, 0.4)
	}
	70%{box-shadow:0 0 0 10px rgba(74, 144, 226, 0)
	}
	100%{box-shadow:0 0 0 0 rgba(74, 144, 226, 0)
	}
}
@keyframes pulse{
	0%{box-shadow:0 0 0 0 rgba(74, 144, 226, 0.4)
	}
	70%{box-shadow:0 0 0 10px rgba(74, 144, 226, 0)
	}
	100%{box-shadow:0 0 0 0 rgba(74, 144, 226, 0)
	}
}
.timeline-header{
	padding:4rem 0 0 0;
}
.timeline-header-insert{
	padding:3rem 0 0 0;
}
.timeline-header .timeline-branch{
	text-align:center;
	font-size:1.8rem;
}
.timeline-header .timeline-training{
	text-align:center;
	font-size:1.4rem;
}
.timeline-header .select{
	position:relative;
}
.timeline-header .select select{
	font-size:1rem;
	padding:0.8rem 1rem;
	-webkit-border-radius:0.2rem;
	-moz-border-radius:0.2rem;
	border-radius:0.2rem;
	-webkit-box-shadow:0 0 3.75rem 0 var(--main-shadow);
	box-shadow:0 0 3.75rem 0 var(--main-shadow);
	border:none;
}
.timeline-header .select::after{
	display:inline-block;
	font:normal normal normal 1.4rem/0.7 FontAwesome;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	content:"\f107";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	padding:1rem;
	color:rgba(80, 106, 172, 0.2);
	pointer-events:none;
}
.timeline-header .form-control:hover{
}
.timeline{
	display:flex;
	flex-direction:column;
	padding:2rem 5rem 0 6rem;
}
.timeline *{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.timeline .item{
	margin-bottom:2rem;
	min-height:5.5rem;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
}
.timeline .item .date{
	width:10rem;
	display:flex;
	justify-content:right;
	align-items:center;
	padding-right:3rem;
}
.timeline .item .date .date-inner{
	text-align:right;
	width:100%;
	color:var(--main-grey-text);
	line-height:0.9;
	font-size:1.3rem;
	font-weight:300;
}
.timeline .item .date .date-inner strong{
	font-size:0.9375rem;
	color:var(--main-grey-text);
	font-weight:500;
}
.timeline .item .dot{
	display:flex;
	width:2rem;
	height:2rem;
	background:#fff;
	-webkit-border-radius:4rem;
	-moz-border-radius:4rem;
	border-radius:4rem;
	box-shadow:inset var(--main-grey) 0 0 0 0.125rem;
	margin-right:3rem;
	position:relative;
	z-index:1;
}
.timeline .item .dot .pulse{
	width:2rem;
	height:2rem;
	border-radius:50%;
	animation:pulse 2s infinite;
	background-image:linear-gradient(180deg, #35daff, #28c3ff);
	opacity:0;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.timeline .item:hover .dot .pulse,
.timeline .item.active .dot .pulse{
	opacity:1;
}
.timeline .item .content{
	min-height:5.5rem;
	display:flex;
	flex:1;
	position:relative;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	border-radius:.5rem;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
	cursor:pointer;
}
.timeline .item .content:before,
.timeline .item .content:after{
	position:absolute;
	width:0.125rem;
	height:calc(50% + 1.75rem);
	display:block;
	content:" ";
	background:var(--main-grey);
	z-index:0;
	left:calc(-4rem - 0.0625rem);
}
.timeline .item .content:after{
	top:50%;
}
.timeline .item .content:before{
	bottom:50%;
}
.timeline .item:first-child .content:before,
.timeline .item:last-child .content:after{
	display:none;
}
.timeline .item.active .content,
.timeline .item .content:hover{
	background:#fff;
	-webkit-box-shadow:0 0 3.75rem 0 var(--main-shadow);
	box-shadow:0 0 3.75rem 0 var(--main-shadow);
}
.timeline .item .content .information{
	width:100%;
	padding:0 2rem;
	border-left:5.5rem solid #fff;
	overflow:hidden;
	height:0;
}
.timeline .item .content .information p{
	margin:0;
	padding:0;
	font-size:0.9375rem;
	color:var(--main-grey-text-p);
	line-height:1.5;
}
.timeline .item .content .information p strong{
	color:var(--main-grey-text-p);
	font-weight:500;
}
.timeline .item .content .information a:not(.btn){
	color:#28C3FF;
	font-size:0.9375rem;
	line-height:1.5;
}
.timeline .item.active .content .information{
}
.timeline .item .content .information .footer{
	padding-bottom:2rem;
}
.timeline .item .content .icon{
	width:5.5rem;
	height:5.5rem;
	border-radius:.5rem;
	margin-right:2rem;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.timeline .item:not(.active) .content .icon{
	-webkit-box-shadow:0 0 2.125rem 0 var(--main-shadow);
	box-shadow:0 0 2.125rem 0 var(--main-shadow);
}
.timeline .item .content:hover .icon{
	-webkit-box-shadow:none;
	box-shadow:none;
}
.timeline .item .content .icon img{
	border-radius:.5rem;
}
.timeline .item.active .content .icon img{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.timeline .item .content h1{
	margin:0;
	font-size:1.4rem;
	letter-spacing:-0.5px;
	padding-right:2rem;
	max-width:34rem;
	display:block;
}
.timeline-footer{
	padding:2rem;
	text-align:center;
}
.timeline-footer.loading .loader{
	display:block;
}
.timeline-footer.loading .btn,
.timeline-footer.finished .btn-lg{
	display:none;
}
.timeline-footer .alert{
	display:none;
	text-align:center;
}
.timeline-footer .alert .btn{
	margin-top:1rem;
}
.timeline-footer.empty .alert{
	display:block;
}
.fc-day-grid-container.fc-scroller{
	height:auto !important;
	overflow-y:hidden !important;
}
/**
 *
 * Calendar
 *
 */
.fc-day{
	border:2px solid #f9f9f9 !important;
	background:#f0f0f0;
	position:relative;
}
.fc-other-month{
	background:#f4f4f4;
}
.fc-event, .fc-event-dot{
	position:relative;
	display:block;
	font-size:12px;
	line-height:1;
	border-radius:0;
	border:none;
	background:rgba(40, 195, 255, 0.75);
	padding:4px;
	color:#fff;
	margin:2px
}
.fc-event:hover, .fc-event-dot:hover{
	background:rgba(40, 195, 255, 1);
}
.fc-event span{
	color:#fff;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{
	font-size:15px;
	color:#999;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{
	border:none;
}
.fc button .fc-icon{
	color:#fff;
}
.fc-state-default{
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:none;
	border-radius:0 !important;
	background:#28C3FF;
	color:#fff;
	text-shadow:none;
}
.fc-state-default:hover,
.fc-state-default:focus,
.fc-state-default:active{
	outline:none;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
.fc-state-default:hover{
	background-color:#68d5ff;
}
.term-modal-info .row{
	margin:4px -5px;
}
.term-modal-info .row > div{
	padding:0 5px;
}
.fc-state-disabled{
	display:none;
}
.fc-day-grid-event{
	cursor:pointer;
}
.fc-toolbar h2{
	font-size:16px;
	text-transform:uppercase;
}
.legend{
	text-align:center;
	color:#666;
	padding:30px 0 0 0;
}
.legend .branch{
	margin:0 10px;
	color:#666;
	font-size:14px;
}
.legend .bg{
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
@media (max-width:1200px){
	.timeline{
		padding:0 0 0 0;
	}
}
@media (max-width:991px){
	header .text-right{
		margin-top:15px;
		text-align:center;
	}
	header div{
		text-align:center;
	}
	html{
		font-size:84%;
	}
	.timeline .item .content h1{
		font-size:1.2rem;
	}
	.header-inner{
		min-height:66px;
	}
	.header-inner .text-right h1{
		padding-top:9px;
	}
}
@media (max-width:768px){
	.timeline-header{
		padding-top:1rem;
	}
	.timeline-header-insert{
		padding-top:1rem;
	}
	.header-inner .text-right{
		display:none;
	}
	.header-inner .text-right h1{
		letter-spacing:1px;
	}
	.timeline-header .select select{
		margin-bottom:1rem;
	}
	.timeline .item{
		margin:0.5rem 0;
		flex-wrap:nowrap;
		min-height:4rem;
	}
	.timeline .item .dot{
		display:none;
	}
	.timeline .item .date{
		width:5.2rem;
		min-width:5.2rem;
		padding:0 1rem 0 1rem;
	}
	.timeline .item .date .date-inner{
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size:1rem;
		text-align:left;
	}
	.timeline .item .content{
		display:flex;
		max-width:calc(100% - 5.2rem);
		min-height:4rem;
	}
	.timeline .item .content .icon{
		width:4rem;
		height:4rem;
	}
	.timeline .item .content .information{
		border-left-width:3.3rem;
	}
	.timeline .item .content h1{
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		flex-wrap:nowrap;
		font-size:1.1rem;
		max-width:calc(100% - 5.2rem);
		letter-spacing:-1px;
	}
	.timeline .item .content .icon{
		margin-right:1.2rem;
	}
	.timeline .item .content:before,
	.timeline .item .content:after{
		width:1px;
		left:calc(-5.2rem);
		z-index:1;
	}
	.timeline .item .date:before{
		width:5px;
		height:5px;
		border-radius:50%;
		position:absolute;
		left:-.125rem;
		top:calc(50% - 2px);
		content:" ";
		display:block;
		background:#999;
		z-index:2;
	}
	.container{
		width:100%;
		min-height:0;
	}
	.fc-time-grid .fc-slats .fc-minor td{
		border-top:1px dashed #ddd;
	}
	.fc-day-header{
		font-size:11px;
	}
	.term-modal-info .row > div{
		text-align:center;
	}
	.modal-more .btn-success{
		margin-bottom:10px;
	}
	.modal-more .modal-dialog{
		width:calc(100% - 20px);
	}
	.term-modal-info .row{
		margin:0 -5px;
		font-size:13px;
	}
	.fc-day-grid{
	}
	.fc-toolbar h2{
		font-size:16px;
		line-height:36px;
	}
}