/**
 * @Project EVENTS 4.X
 * @Author PHAN TAN DUNG <phantandung92@gmail.com>
 * @Copyright (C) 2016 PHAN TAN DUNG. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Sun, 12 Jun 2016 05:02:54 GMT
 */
.clockdiv{
	display: block;
	text-align: center;
}

.clockdiv > div{
	padding: 10px;
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #3e91d0;
    margin: 10px;
}

.clockdiv div > span{
	color: #ffec04;
    font-size: 28px;
	font-weight: 600;
	display: inline-flex;
    	align-items: center;
    	justify-content: center;
    	width: 50px;
}

.smalltext {color: #ffffff;margin-top: 5px;font-size: 13px;}
.event_list{margin-bottom: 10px;display: inline-block;width: 100%;border-radius: 8px; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);background-color: #ffffff; padding: 10px;}
.event_img{width: 100%;height: 200px;object-fit: cover;}
.event_img img{width: 100%;height: 180px;object-fit: cover;}
.event_list h3 {height:40px;line-height: 1.4;font-weight: 600;margin-bottom:5px;}
.event_list h3 a{text-transform: uppercase;padding: 5px;color: #227bbf;font-size: 16px;font-weight: 600;}
.event_list_li{width:100%;display: inline-block;margin-bottom:3px;}
.event_timelive{padding: 3px  5px  3px  5px;background-color:#5864f5;color: #ffffff;border-radius: 5px;font-size: 12px;font-weight: 500;text-transform: none;}
.event_do{background-color: #c71d1d;color: #ffec04;}
.event_xanh{background-color:#009212;color: #ffffff;}




.mb20 {
    margin-bottom: 20px!important;
}

.event-calendar {
    background: #f59172;
}

.event-calendar table {
    width: 100%;
}

.event-calendar * {
    text-align: center;
    background: transparent;
    border-color: transparent;
    color: #fff;
    font-weight: normal;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.event-calendar .calendar-head th, .event-calendar thead th {
    background: #f4815e;
}

.event-calendar thead a {
    color: #fff;
}

.event-calendar .calendar-head th {
    border-bottom: 1px #FFC8B7 solid;
}

.event-calendar th, .event-calendar td {
    padding: 3px;
}

.event-calendar .current-month {
    background: #f16236;
}

.event-calendar .today {
    background: #5cb85c;
}

.event-calendar .has-event, .event-calendar .has-event a {
    font-weight: 700;
    color: #EEEE00;
}

.event-calendar .has-event a:hover {
    color: #DAA520;
}

.event-list p {
    margin-bottom: 5px;
}

.event-list .item {
    padding-bottom: 20px;
    border-bottom: 1px #dcdcdc dashed;
    margin-bottom: 20px;
}

.event-list .item:last-child {
    border: 0;
    margin-bottom: 0;
}

.event-list .item .img {
    width: 200px;
    height: 140px;
    float: left;
    margin-right: 10px;
    border: 2px #dcdcdc solid;
    overflow: hidden;
}

.event-list .item .img img {
    min-height: 140px;
    width: 200px;
}

.event-list .item .ecat {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
}

.event-list .item .ecat li {
    display: inline;
}

.event-list .item .ecat li:after {
    content: ",";
    display: inline-block;
    margin-right: 7px;
}

.event-list .item .ecat li:last-child:after {
    display: none;
}

/*---- Event Detail ----*/
.event-detail-head {
    background: #eee;
    padding: 20px;
}

.event-detail-head .img {
    width: 200px;
    height: 140px;
    float: left;
    margin-right: 10px;
    border: 2px #dcdcdc solid;
    overflow: hidden;
}

.event-detail-head .img img {
    min-height: 140px;
    width: 200px;
}

/*---- Event-search ----*/
.event-search .row {
    margin-left: -5px!important;
    margin-right: -5px!important;
}

.event-search .row .columns {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

/*--- Notice ---*/
ul.notice {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.notice li {
    padding: 0 0 10px 0!important;
}

ul.notice li:last-child {
    padding-bottom: 0!important;
}

ul.notice li a {
    color: #666;
}

ul.notice li span.wdate {
    width: 58px;
    max-height: 56px;
    float: left;
    display: block;
    margin-right: 13px;
    text-align: center;
}

ul.notice li span.wdate .d  {
    display: block;
    width: 100%;
    height: 30px;
    background: #f16236;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

ul.notice li span.wdate .y  {
    padding: 6px 0px;
    display: block;
    text-align: center;
    line-height: 13px;
    font-size: 15px;
    color: #a5a5a5;
    border: 1px solid #d1d1d1;
    border-top: none;
}
