@mixin bsnative($bsval: 0px 0px 0.83em #333, $due: 0 0 0 transparent) {
  box-shadow: $bsval, $due;
  -moz-box-shadow: $bsval, $due;
  -webkit-box-shadow: $bsval, $due;
  -o-box-shadow: $bsval, $due;
  -box-shadow: $bsval, $due;
}
.calendar_nav {
    color: #fff;
    background: #091653;
    line-height: 38px;
    padding: 0 10px;
    font-weight: bold;
    h2 { 
        display: inline-block;
        font-size: 25px;
        margin: 5px 0 0;
    }
    a {color: #fff;}
    .circle {
        background: #2E386B;
        line-height: 22px;
    }
}

table.calendar { 
    width: 100%; border-collapse: collapse; margin-bottom: 20px;
    background: url('../../images/skewed-lines.png'); 
    tbody {border-right: 1px solid #ccc;}
    th { 
        width: 110px;
        text-align: center; 
        font-weight: bold;
        font-size: 14px; 
        line-height: 35px;
        color: #091653;
        background-color: #f2f2f2
    }
    td { 
        height: 68px; 
        font-size: 12px; 
        vertical-align: top;
        background: url('../../images/divider.png') no-repeat 0% 0%; 
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 0;
    }

    td.day-na { background-color: #f2f2f2}

    .no { font-size: 11px; font-weight: bold; padding: 3px 6px; color: #262262; display: inline-block;}

    .current {  
        .no { font-size: 12px; background: #262262; color: #fff; }
    }
    .event { 
        margin-top: 2px; 
        padding: 5px 8px; 
        height: 52px; 
        overflow: hidden; 
        a { display: block; width: 100%; height: 100%; }
    }

    .event { 
        color: #E36018; 
        border-color: #E36018; 
        border-top: 1px solid; 
        border-bottom: 1px solid; 
    }
    .event.first { border-left: 1px solid; }
    .event.last { border-right: 1px solid; }
    .event.blank { background: none; border: none; height: 54px;}

    .event.type-regular { background: #F8D8C7; }
    .event.type-group { background: #F8D8C7; }
    .event.type-committee { background: #DEF4FE; }
    .event.type-other { background: #FFFFCC; }

}

.calendar_tip {
    .event {
        background: #FFF;
        border: 1px solid #B5B5B5;
        padding: 8px 10px;
        margin: 0 9px 0 0;
        position: relative;
        @include bsnative(1px 1px 3px rgba(50, 50, 50, 0.5));
        max-width: 400px;
        .btn {
            width: 95px;
            &.btn-agenda {width: 135px;}
        }
    }
    .event:after {
        content: "";
        background: url('../../images/arrow.png') no-repeat 0% 0%;
        position: absolute;
        right:-10px;
        top: 50%;
        width: 10px;
        height: 17px;
        display: block;
        margin-top: -9px;
    }
    .date { font-weight: bold;}
    h5 {margin: 5px 0; font-size: 13px;}
    .link .btn {margin: 8px 0 0;}
}

div.calendar-legend {

  .event {
      background: #FFF;
      border: 1px solid #E36018;;
      padding: 8px 10px;
      margin-bottom: 10px;
  }

  .event.type-regular { background: #F8D8C7; }
  .event.type-committee { background: #DEF4FE; }
  .event.type-other { background: #FFFFCC; }
}