.newcalendarnav {
        font-size: 18px;
        font-family: Museo500,Arial,Helvetica,sans-serif;
        font-weight: 400;
        color: #666;
        height: 20px;
        margin-bottom: 8px;
    }
    
    .newcalendarnav .nextmonth {
        width: 10%;
        display: inline-block;
    }
    
    .newcalendarnav .previousmonth {
        width: 10%;
        display: inline-block;
    }

    .newcalendarnav .clickbit {
        width: 20px;
        height: 20px;
        cursor: pointer;
        text-align: center;  
        font-size: 22px!important;
    }
    
    .newcalendarnav .previousmonth .clickbit {
        float: left;             
    }
    
    .newcalendarnav .nextmonth .clickbit {
        float: right;
    }
    
    .newcalendarnav .selectablemonth {
        width: 80%;
        border-style: none;       
        text-align: center !important;
         -webkit-appearance: none !important;
        text-align: -moz-center !important;
        text-align: -webkit-center !important;
        font-size: 16px;
        font-family: Museo500,Arial,Helvetica,sans-serif;
        font-weight: 400;
        color: #666;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='rgba(17,17,17,.7)' height='50' viewBox='0 0 24 50' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: -3px;
        top: -5px;
        position: relative;
        cursor: pointer;        
    }

    .clickableday {       
        cursor: pointer;
    }

    .clickableday.selected span {
        border-style: solid!important;
        border-width: 3px!important;
        border-color: black!important;
    }

@media only screen and (min-width:767px) and (max-width:1023px)
{
    .newcalendarnav .selectablemonth {
        font-size: 14px;
        background-position-x: 100%;
    }
}

@media only screen and (max-width:767px)
{
    .newcalendarnav .selectablemonth {
        background-position-x: 80%;
    }
}