/*=====================================
uses:
.element {
	@include prefixer(transform, scale(1.5), ms webkit spec);
}
=======================================*/
/*=====================================
uses:
.element {
	@include transform(scale(1.5));
}
=======================================*/
/*=====================================
uses:
.element {
	@include transition(all 300ms ease);
}
=======================================*/
/*=====================================
uses:
.element {
	font-size:em(20px);
}
=======================================*/
/*=====================================
uses:
.element {
	line-height:lh(20px,24px);
}
=======================================*/
/* ~~~~~~~~~~~~~~ previous CalendarPage.css ~~~~~~~~~~~~~~~~~~ */
.layout-link {
  width: auto;
  float: right;
  background: #003D79;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 30px;
  line-height: 30px;
}
.layout-link:hover {
  background: #082255 !important;
}
.layout-link a {
  font-size: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
}
.layout-link a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Events View */
.events-agenda {
  width: 100%;
  background: #a0a0a0;
}
.events-agenda th {
  background: #edf3fa;
  font-size: 16px;
  padding: 10px;
  vertical-align: middle;
  font-weight: 400;
}
.events-agenda td {
  background: #ffffff;
  font-size: 14px;
  padding: 10px;
  vertical-align: top;
}
.event-description p {
  margin: 5px 0 0 0 !important;
}
.events-agenda .l {
  text-align: left;
}
.events-agenda .r {
  text-align: right;
}
.events-agenda .c {
  text-align: center;
}
@media (max-width: 690px) {
  .events-agenda th, .events-agenda td, .events-agenda td * {
    font-size: 12px !important;
    line-height: 1.6em !important;
  }
}
@media (max-width: 500px) {
  .events-agenda thead {
    display: none;
  }
  .events-agenda tbody, .events-agenda tr, .events-agenda td {
    display: block;
    text-align: left !important;
  }
  .events-agenda td {
    padding: 5px;
  }
  .events-agenda td:before {
    content: attr(data-title);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
  }
  .events-agenda tr {
    border-top: 1px solid #ccc;
  }
  .events-agenda tbody tr:nth-child(even) td {
    background: #f1f1f1;
  }
}
/*
@media(max-width: 475px){
	.events-agenda th,
	.events-agenda td		{ font-size:10px; padding:5px; }
}
*/
/* Calendar View */
#calendar-loading {
  position: absolute;
  width: 100%;
  max-width: 940px;
  height: 300px;
  display: none;
}
#calendar-loading img {
  display: block;
  width: 66px;
  height: 66px;
  margin: 200px auto 0 auto;
}
.typography table.events-agenda, .typography table.months, .typography table.calendar {
  width: 100% !important;
}
table.calendar {
  margin-bottom: 20px;
}
td.month_head {
  font-size: 12px;
  text-align: center;
  background-color: #f5f5f5;
}
td.day_of_week {
  font-size: 12px;
  text-align: center;
  background-color: #FFFFFF;
  color: #003D79;
}
td.month_title {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  background-color: #f5f5f5;
  padding: 10px 0 10px 0;
}
td.blank_day {
  background-color: #f5f5f5;
  height: 30px;
}
td.day {
  font-size: 10px;
  vertical-align: top;
  background-color: #edf3fa;
  height: 70px;
}
td.day_current {
  font-size: 10px;
  vertical-align: top;
  background-color: #FFFCE4;
  height: 70px;
}
td.cal_area {
  padding: 0 0 5px 5px;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  color: #494B4A;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #747A76;
}
div.day_number {
  width: 100%;
  text-align: right;
}
div.event {
  display: block;
  text-align: left;
  margin: 5px;
  padding: 5px;
  border: solid 1px #808080;
  background: #fefefe;
}
a.head_link {
  text-decoration: none;
  color: #1064AD;
}
a.head_link:hover {
  text-decoration: underline;
  color: #1064AD;
}
.event a {
  text-decoration: none;
  color: #032208;
  display: block;
}
.event a:hover {
  text-decoration: none;
  color: #516f99;
}
#agenda-search-box {
  background: #003D79;
  padding: 20px;
  margin-bottom: 20px;
}
#agenda-search-box h3 {
  color: #ffffff !important;
}
#agenda-search-filter {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 0px;
  text-indent: 5px;
}
#agenda-search-box > div {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#agenda-search-box > div:last-child {
  float: right !important;
}
#agenda-search-box label {
  color: #ffffff;
  float: left;
  font-size: 14px;
}
#agenda-search-box select, #agenda-search-box input {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 2px;
}
/*# sourceMappingURL=/assets/_css/themes-mysite-css-pages-CalendarPage.css.map */