/**
* JADUAL
* By: Zul Zolkaffly
* Date: 21/11/2016
*/


.jadual .classic-tabs { background-color: #2e3192; }
.jadual .classic-tabs li.header h3 {
	display: block;
	padding: 20px 10px 0 0;
	font-size: 20px;
	color: rgba(255,255,255,.7);
	text-align: left;
	text-transform: uppercase;
}
.jadual .jadual-header,
.jadual .jadual-menu {
	background-color: #5c6bc0;
	color: #FFF;
	clear: both;
	overflow: auto;
	display: block;
	padding: 5px 56px 0 56px;
	margin: 0;
}
.jadual-menu select { color: #FFF; border-color: #FFF; }
.jadual .jadual-header { display: none; }


@media only screen and (max-width:62rem) {
	.jadual .classic-tabs li {
		-webkit-box-flex: 1 0 auto;
		-moz-box-flex: 1 0 auto;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		padding: 0;
		margin: 0;
	}
	.jadual .classic-tabs li a { padding: 20px 5px; }	
	.jadual .classic-tabs li.header { display: none; }
	.jadual .jadual-header { display: block; }
}

.fc-event { padding: 5px; background-color: rgba(46, 49, 146, 0.8); color: #FFF !important; cursor:pointer; border: none; }
.fc-event.kursus { background-color: rgba(252, 229, 54, 0.8); color: #333 !important; }
.fc-event.ujian { background-color: rgba(235, 88, 71, 0.8); color: #333 !important; }
.fc-event.penghargaan { background-color: rgba(56, 219, 10, 0.8); color: #124908 !important; }



.fc-event:hover { background-color: rgba(0,0,0,0.8); color: #FFF !important; }



.tabs-wrapper {
    overflow-x: hidden
}

.classic-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

@media (min-width:62rem) {
    .classic-tabs {
        overflow-x: hidden
    }
}

.classic-tabs li {
    -webkit-box-flex: 1 0 30%;
    -moz-box-flex: 1 0 30%;
    -webkit-flex: 1 0 30%;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%
}

.classic-tabs li a {
    display: block;
    padding: 20px 24px;
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
    text-align: center
}

.classic-tabs li a.active {
    border-bottom: 2px solid #ffeb3b;
    color: #fff
}

@media (min-width:62em) {
    .classic-tabs li {
        flex: inherit
    }
    .classic-tabs li:first-child {
        margin-left: 56px
    }
}

.classic-tabs.tabs-grey {
    background-color: #546e7a
}

.classic-tabs.tabs-grey li a.active {
    border-color: #fff
}

.classic-tabs.tabs-cyan {
    background-color: #00bcd4
}

.classic-tabs.tabs-cyan li a.active {
    border-color: #ffeb3b
}

.classic-tabs.tabs-pink {
    background-color: #ec407a
}

.classic-tabs.tabs-pink li a.active {
    border-color: #673ab7
}

.classic-tabs.tabs-orange {
    background-color: #ffa000
}

.classic-tabs.tabs-orange li a.active {
    border-color: #e53935
}

.classic-tabs.tabs-green {
    background-color: #7cb342
}

.classic-tabs.tabs-green li a.active {
    border-color: #1565c0
}

.classic-tabs.tabs-primary {
    background-color: #4285F4
}

.classic-tabs.tabs-primary li a.active {
    border-color: #fff
}

.navbar .navbar-nav .nav-item {
    margin-left: 0
}

.navbar .navbar-nav .nav-item a {
    padding-right: 8px;
    padding-left: 8px;
    font-weight: 300
}


.nav-tabs {
    border: 0;
    padding: .7rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: -20px;
    z-index: 2;
    position: relative
}

.nav-tabs .nav-item+.nav-item,
.tabs-5 li {
    margin-left: 0
}

.nav-tabs .nav-link {
    border: 0;
    color: #fff
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}