﻿
.EventCalendar .col-xs-2{ padding-left:0px !important; padding-right:0px !important}
.CalanderHeader{ display:none}
.viewAllEvents{ padding-bottom:10px}
#calendarHolder{   background-color: white;
  border: 1px solid #e0e0e0;
  padding: 10px 5px;color:#333;}
  #calendarHolder .ViewAllNews{overflow-y:auto;height: 346px;}
ul,li{margin:0 px;padding:0px;}
.clear{clear:both}
.eventday{
border-radius:50%;
padding:2px;
margin:1px 8px 1px 0;width: 22px;height: 21px;line-height: 18px;cursor:pointer;
text-align: center;font-size: 0.8em;
color:#333333;}
.eventsContainer { padding-top:20px;}
.dayBtn{color:#333333;padding:3px 5px;margin:1px 8px 1px 0;cursor:pointer;}
.dayBtn.hasevent{background-color: #333;color: white;}
#eventSecondCol{  padding: 0px 4px 7px 4px;overflow-y: hidden;height: 420px;}
.ntwday_rdbtn,.ntwday_dayBtn{display:none}
.ntwselectDate{background-color: #494949;color:white; width:100%;padding: 9px 0px; cursor:pointer; font-size: 0.6em;}
.ETFEventCalendar .ntwselectDate{position:relative}
.ETFEventCalendar .eventTypeList >li{padding:25px 0px; font-size:1.5em;}
  .ntwselectDate #month{font-size: 1.5em;  font-weight: bold;}
  .ntwselectDate #date{font-size: 1.3em;}
.ntwselectDate #year{font-size: 1.3em;padding: 0px 4px;}
.eventday.hasevent{background-color: #333;color: white;}
.eventTypeList{list-style:none;    font-size: 0.8em;}
.eventTypeList >li{cursor :pointer;color:white;text-align: center;  padding: 9px 0px; text-transform:uppercase; position:relative; }
.eventTypeList .DailyEvent{background-color: #494949;  margin-bottom: 5px;}
.eventTypeList .DailyEvent:hover{background-color: #EA344D;}
.eventTypeList .DailyEvent:after{ color:#EA344D }
.eventTypeList .DailyEvent:hover:after{color: #EA344D;}
.eventTypeList .WeeklyEvent{background-color: #494949;  margin-bottom: 5px;}
.eventTypeList .WeeklyEvent:hover{background-color: #EA344D;}
.eventTypeList .WeeklyEvent:hover:after{color: #EA344D;}
.eventTypeList .WeeklyEvent:after{color:#EA344D}
.eventTypeList .MonthlyEvent{background-color: #494949;  margin-bottom: 5px;}
.eventTypeList .MonthlyEvent:hover{background-color: #EA344D;}
.eventTypeList .MonthlyEvent:hover:after{color: #EA344D;}
.eventTypeList .MonthlyEvent:after{color:#EA344D}
.eventTypeList .AgendaEvent{background-color: #494949;}
.eventTypeList .AgendaEvent:hover{background-color: #EA344D;}
.eventTypeList .AgendaEvent:hover:after{color: #EA344D;}
.eventTypeList .AgendaEvent:after{color:#EA344D}
.eventTypeList >li.selected:after {display:block;}
.eventTypeList >li.selected {background-color:#EA344D;}
.superscriptDate{vertical-align:super;  font-size: 0.8em;}
.EventCalendar .btn{padding: 6px 0px; width: 100%; text-transform:uppercase }
.eventTitle ,.eventDescription{font-weight:bold;font-size:1.1em}
.eventwrapper{  font-size: 0.7em;}
/*
.eventsContainer{max-height:99px;overflow: auto;  margin-top:5%;  height: 80%;}
*/
.eventsContainer ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#daysInMonth,#weekDays,#Abtns{-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding:10px; border:1px solid #dadada;
	}
	
	
#calendarHolder input[type="radio"]:checked+label{  background-color: #034D7A !important; color:#ffffff !important } 
#calendarHolder .ntwday_rdbtn[type="radio"]:checked+label{ background-color: #034D7A !important; color:#ffffff!important }
.eventsContainer.DailyEvent{margin:0px; max-height:250px}
.eventsContainer.DailyEvent .eventwrapper {margin-top:0px}
.CalanderHeader{}
.viewAllEvents a:hover{color:#1e448c}
.viewAllEvents a:visited{color:#1e448c}
.viewAllEvents a{text-transform: uppercase;
    color: #1e448c;
    font-family: Constantia;
    font-size: 1em;
    text-decoration: underline;}
.viewAllEvents{ padding-left:0px !important; padding-right:0px !important}
 
 @media screen and (max-width: 768px){
 .selectdiv,.leftcalsection,.selectorcontainer{ padding-left:0!important; padding-right:0!important;}
.ETFEventCalendar .eventTypeList >li{ margin-bottom:20px;}
}