.ms-datepickerouter .ms-quickLaunch {
    // font-family: $font-sec;
    border: none;
    border-left: 3px $red solid;
}

.ms-picker-header table.ms-picker-table {
    border: none;
    .ms-pagearrow-left-icon,
    .ms-pagearrow-right-icon {
        display: none;
    }
    .ms-pagearrow-left {
        text-decoration: none;
        position: relative;
        &::before {
            font-family: $font-icons !important;
            font-size: 120%;
            content: "\e089";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 20px;
            height: 20px;
            z-index: 100;
        }
    }
    .ms-pagearrow-right {
        text-decoration: none;
        &::before {
            font-family: $font-icons;
            font-size: 120%;
            content: "\e08a";
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 100;
        }
    }
}

.ms-picker-month {
    font-size: 22px;
    height: 46px;
    // color: $violet;
}

.ms-quickLaunch {
    table.ms-picker-table td.ms-picker-dayselected {
        background-color: $red;
        a {
            color: white;
        }
    }
    table.ms-picker-table td.ms-picker-today,
    {
        border: none;
        border-color: $red;
        a {
            color: $red;
        }
    }
    table.ms-picker-table td.ms-picker-monthselected,
    {
        border: none;
        background-color: $red;
        a {
            color: white;
        }
    }
    table.ms-picker-table td.ms-picker-monthcenter {
        padding-top: 11px;
        padding-bottom: 11px;
        color: $red;
        border: 1px $gray solid;
        &:first-child {
            border-left: none;
        }
        &:hover {
        }
        &On {
            padding: 0;
            text-decoration: none;
            border-color: $gray;
            background-color: $gray;
            &:first-child {
                border-left: none;
            }
            a,
            a:hover,
            a:active,
            a:link,
            a:visited {
                text-decoration: none !important;
                border: none;
            }
        }
    }
    table.ms-picker-table td.ms-picker-monthselected {
        &:first-child {
            border-left: none;
        }
    }
}

.ms-picker-monthcenter a,
.ms-picker-monthcenter a:hover,
.ms-picker-monthcenter a:active,
.ms-picker-monthcenter a:link,
.ms-picker-monthcenter a:visited {
    text-decoration: none !important;
    color: $gray-dark;
    border: none;
}

.ms-picker-daycenter.ms-picker-month a,
.ms-picker-month a:hover,
.ms-picker-month a:active,
.ms-picker-month a:link,
.ms-picker-month a:visited {
    text-decoration: none !important;
    color: $gray-dark;
    border: none;
}

.ms-picker-header {
    border: 1px $gray solid;
    background-color: transparent;
    font-family: $din-medium;
    color: $red;
    .ms-picker-month{
        color: $red;
        font-size: 24px;
    }
}

.ms-picker-body {
    border: none;
}

table.ms-picker-table td.ms-picker-footer {
    padding: 11px 29px;
    border: 1px $gray solid;
}