.agenda-container{font-size:0.8em}
.agenda{width:60%;position:relative;display:inline-block}
.agendabody{padding:0 2rem}
.tab_agenda{text-align:center;width:100%;border-collapse:collapse}
.tab_agenda td{padding:0.5rem 1.2rem;height:52px;font-size:0.9em;width:calc(100% / 7);text-align:center}
.agenda-info{width:35%;margin:65px 0 20px 4%;display:inline-block;float:right;background-color:#e0e7e0;min-height:385px;padding-left:20px;border:1px solid #4ca928}
.agenda-info p:not(.infosubscribed){margin:0 0 5px 0 !important}
.agenda-info .title{width:100%;padding:1rem 0 1rem 0;font-size:1.3em;font-weight:bold}
.agendabtn{display:inline-block;text-decoration:none;position:relative;-o-transition:all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;margin-top:0.5rem;text-transform:uppercase;padding:1rem 2rem;font-family:'Qanelas Soft Bold',Helvetica,Arial,serif;font-size:1.3rem;letter-spacing:.15rem;color:white;-o-transition:color 250ms ease-in-out;-webkit-transition:color 250ms ease-in-out;transition:color 250ms ease-in-out;-o-transition:padding 250ms ease-in-out;-webkit-transition:padding 250ms ease-in-out;transition:padding 250ms ease-in-out;transform-origin:left;cursor:pointer;transform:scale(0.6)}
.agendabtn:focus{color:white !important}
.agendabtn span{position:relative;z-index:2}
.agendabtn.neg-mg-top{margin-top:-10px}
.legend ul{list-style:none;font-size:0.8em;margin:0 0 20px 0}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
fieldset legend{font-weight:bold;background:#fff;padding:0 .1875rem;margin:0;margin-left:-.1875rem}
.dropdown-choices .bullet,.tooltip .bullet{margin:0 10px 0 0 !important;position:absolute;top:calc(50% - 10px);left:0}
.bullet{width:10px;height:10px;margin:10px 2px 0 2px;border-radius:100%;display:inline-block;border:1px solid #666}
.bullet.subscribed{border-radius:0}
.tab_header{padding:1rem 0 2rem 3rem}
.tab_header .title,.tab_header .nav{display:inline-block}
.tab_header .title{width:100%}
/*
.tab_header strong{margin-left:3rem;font-size:1.3em;text-transform:capitalize}
.tab_header strong::after{font-family:'Icomoon';background-color:#4ca928;font-weight:400;border:1px solid #4ca928;display:flex;align-items:center;font-size:1.5rem;color:#fff;justify-content:center;margin-top:-1.6rem;margin-right:20px;width:4rem;height:4rem;border-radius:100%;position:absolute;left:0;top:1.2rem;text-transform:lowercase}
.tab_header strong:nth-child(1)::after{content:"c"}.nav{width:30%;position:absolute;right:0;top:0.75rem}
*/
.tab_header .change-month{color:#fff;text-decoration:none}
.tab_header .change-month::after{font-family:'Icomoon';font-weight:400;background-color:#35a0b7;text-transform:lowercase;content:'a';padding:0.5rem;border-radius:100%;position:absolute;transition:all 250ms ease-in-out;border:1px solid #35a0b7}
.tab_header .change-month:hover::after{background-color:white;color:#35a0b7}
.tab_header .change-month:nth-child(1)::after{right:60px;transform:rotate(180deg)}
.tab_header .change-month:nth-child(2)::after{right:0}
/*
.tab_header strong:nth-child(2){display:none}
.tab_header strong:nth-child(2)::after{content:"a";transform:rotate(180deg);cursor:pointer;transition:all 250ms ease-in-out;border:1px solid #4ca928}
.tab_header strong:nth-child(2):hover:after{background-color:white;color:#4ca928}
*/
.tab_header .change-month{color:#fff;text-decoration:none}
.tab_header .change-month::after{font-family:'Icomoon';font-weight:400;background-color:#35a0b7;text-transform:lowercase;content:'a';padding:0.5rem;border-radius:100%;position:absolute;transition:all 250ms ease-in-out;border:1px solid #35a0b7}
.tab_header .change-month:hover::after{background-color:white;color:#35a0b7}
.tab_header .change-month:nth-child(1)::after{right:60px;transform:rotate(180deg)}
.tab_header .change-month:nth-child(2)::after{right:0}
.nav{display:inline-block}
.nav{width:30%;position:absolute;right:0;top:0.75rem}
.tooltip{position:absolute;top:52px;left:0;display:none;background-color:rgba(44,62,80,0.9);color:white;text-align:left;z-index:10}
.tooltip ul{list-style:none;margin:0;padding:10px;width:280px}
.tooltip li{position:relative;padding:5px 20px}
.tooltip li:hover{background-color:rgba(90,105,120,0.9);border-radius:5px}
.tooltip a{color:white}

.dayinfo .infotype,
.infosubscribed{font-size:1em;font-weight:bold;display:inline-block;width:130px;color:#4ca928}
.infosubscribed{width:100%;margin-bottom:10px}
.dayinfo .infovalue{display:inline-block;margin:5px 0 15px 0;width:calc(100% - 130px)}
.dayinfo .infovalue:last-child{text-transform:lowercase}
.dayinfo .infovalue:last-child::first-letter{text-transform:uppercase}

@media (max-width: 991px){
    .agendabtn{background:#35a0b7;border-radius:4.2rem;position:relative}
}
@media (min-width: 992px){
    .agendabtn{padding:1.2rem 3rem}
    .agendabtn:before{content:"";position:absolute;top:50%;right:0;width:100%;height:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#35a0b7;border-radius:4.2rem;-o-transition:width 250ms ease-in-out;-webkit-transition:width 250ms ease-in-out;transition:width 250ms ease-in-out}
    .agendabtn:after{font-family:'Icomoon';font-size:2rem;font-weight:400;display:block;position:relative;text-transform:lowercase;content:"a";color:#fff;position:absolute;top:50%;right:1rem;opacity:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-o-transition:opacity 250ms ease-in-out;-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out}
    .agendabtn:hover{text-decoration:none;color:#35a0b7;padding:1.2rem 6rem 1.2rem 0}
    .agendabtn:hover:before{width:4.2rem;height:100%}
    .agendabtn:hover:after{opacity:1}
}

@media (max-width: 900px){
    .agenda,.agenda-info{width:100%;margin:30px 0 0 0 !important}
    .agendabody{margin:0 20px !important;padding:0}
}
@media (max-width: 740px){
    .filters div{width:100%;margin:0 0 30px 0 !important}
    .tooltip ul{width:240px}
}
@media (max-width: 500px){
    .tab_agenda td{padding:0.5rem 0}
    .tooltip ul{width:150px}
}