/**
 * @file
 * Uncompiled
 *
 * Add any CSS here that doesn't get compiled via a .scss file.  This file gets called
 * last so it will override all compiled CSS.
 */

   ul.primary {
    padding-top: 60px;
}
/** celandar style sheet*/ 
* {
  box-sizing: border-box;
}
.month-calendar-row {
  padding: 10px;
  content: "";
  display: table;
  clear: both;
 }
.month-calendar-column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; 
 }
 .month-calendar-column h2{
  color:#0A2240;
  font-family:Georgia;
  font-style: italic;
  font-weight: bold;
 }
.month-calendar-column p{
  color:#777777;
  font-family: Helvetica;
 }
 a.popup-element-title:link {
    color: #0A2240;
    line-height:15px;
 }

 .calendar-calendar .month-view .full td.single-day div.monthview {
    background: #f4f4f4;
    width: auto;
    padding: 0px 3px;
    overflow: hidden;
}
.calendar-calendar .month-view .full td.single-day div.monthvie a:hover{
    color:#ffffff;
}
 .calendar-calendar .month-view .full td.single-day div.monthview div.Webinar:hover {
    background: #0071BC;
    width: auto;
    padding: 0px 3px;
    overflow: hidden;
    color:#ffffff;
}
.calendar-calendar .month-view .full td.single-day div.monthview div.MOOC:hover {
    background: #C12033;
    width: auto;
    padding: 0px 3px;
    overflow: hidden;
    color:#ffffff;
}
.calendar-calendar .month-view .full tr td.single-day.today {
    border-bottom: 2px solid #0A2240;
}
.calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today {
    background: none;
    border-left: 2px solid #0A2240;
    border-right: 2px solid #0A2240;
}
.calendar-calendar .month-view .full td.date-box.today {
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: #0A2240;
}
.views-exposed-form .views-exposed-widget {
    width:100%;
    padding: .5em 0 0 20em;
}
@media only screen and (max-width: 1023px) {
.views-exposed-form .views-exposed-widget {
    width:100%;
    padding: .5em 0 0 10em;
}
.view .date-nav-wrapper .date-prev {
    left: 220px;
}
.view .date-nav-wrapper .date-next  {
    right: 220px;
}
.description{
   margin-bottom: 0em;
   color: #777777;
   font-size:16px;
   margin-left:130px;
}
}
@media  screen and (max-width: 700px) and (min-width:300px) {
#navigation .block-eca-search-api {
    display:none;
}
#main {
    display: inline-block;
    margin-top:20px;
}
#gte_wrapper {
    display:none;
}
}

#content form div.selector {
    border: 1px solid #c4c4be;
    font-size: 1em;
    padding-bottom: .26667em;
    padding-right: 2.08333%;
    padding-top: 0.4em;
    width: 14.33333em;
    height: 30px;
}

.titlepopup {
    color: #0A2240;
    font-family: 'Proxima Nova';
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height:15px;
    margin-bottom: 10px;
}
.bodypopup p{
    margin-top: 10px;
    line-height:15px;
    margin-bottom: 0px;
}
.bodypopup {
   font-family:	Helvetica;
   font-size: 11px;
   color:#777777;
}
div.Webinar a.popup-element-title:hover{
   color:#ffffff;
  text-decoration: none;
}
div.MOOC a.popup-element-title:hover{
   color:#ffffff;
  text-decoration: none;
}
.view-filters form:before {
    padding-left 20px;
}
.description{
   margin-bottom: 0em;
   color: #777777;
   font-size:16px;
}

.view .date-nav-wrapper .date-heading h3 {
    line-height: 30px;
    font-size: 1.8em;
    color:#0A2240;
}
.views-exposed-form .form-item, .views-exposed-form .form-submit {
    margin-top: -55px;
    margin-bottom: 0;
    float: right;
}
.view .date-nav-wrapper li.date-prev {
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    float: none;
    padding: 5px 0;
    position: absolute;
    right: auto;
    left: 320px;
    top: -8px;
    width: auto;
    z-index: 1;
    background-color:  #ffffff;
}

.view .date-nav-wrapper .date-prev a {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 0px;;
    background: transparent url(/sites/all/themes/custom/eca_ae/images/arrow_teal_left.png) no-repeat center;
     background-size: cover;
}
.view .date-nav-wrapper .date-next  { 
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    float: none;
    padding: 5px 0;
    position: absolute;
    right: 320px;
    text-align: right;
    top: -8px;
    width: auto;
    z-index: 1;
    background-color:  #ffffff;
}
.view .date-nav-wrapper .date-next a {
   display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 0px;;
    background: transparent url(/sites/all/themes/custom/eca_ae/images/arrow_teal_right.png) no-repeat 0 0;
    background-size: cover; 
}


.view .date-nav-wrapper .date-nav {
    background-color: transparent;
    border: 0px;
    height: 35px;
    min-height: 30px;
    position: relative;
    margin-bottom: 10px;
}
.popup-style-white .popup-element-body a.popup-close-button {
    background:  url(/sites/all/themes/custom/eca_ae/images/button_close_teal.png) no-repeat 0 0;;
    display:inline-block;
    height: 10px;
    position: absolute;
    margin-top: 5px;
    margin-right: 11px;
    width: 10px;
    background-size:cover;
}
/**
div.selector{
    background: url(/sites/all/themes/custom/eca_ae/images/button_dropdown_teal.png);
    height: 20px;
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    width: 20px;
}
*/
div.selector, div.selector.hover div.selector.focus,div.selector:hover,div.selector:active,div.selector:focus {
    background: url(/sites/all/themes/custom/eca_ae/images/button_dropdown_teal.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center right;
}