@media screen and (min-width:769px)
{
    .ui-datepicker,
    .ui-datepicker table,
    .ui-datepicker tr,
    .ui-datepicker td,
    .ui-datepicker th {
        margin: 0;
        padding: 0;
        border: none;
        border-spacing: 0;
    }

    .ui-datepicker {
        display: none;
        width: 25%;
        padding: 35px;
        cursor: default;
        margin-top: 10px;
        text-transform: uppercase;
        font-family: Tahoma;
        font-size: 24px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border:solid 1px #e91e62;
    }

    .ui-state-default.ui-state-hover {
        border-color: #dcdcdc;
        background-color: #cff3f8 !important;
    }

    .ui-datepicker-header {
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid red;
    }

    .ui-datepicker-title { text-align: center; }

    .ui-datepicker-month {
        position: relative;
        padding-right: 15px;
        color: #e91e62;
    }

    .ui-datepicker-year {
        padding-left: 8px;
        color: #e91e62;
    }


    .ui-datepicker-month:before {
        display: block;
        position: absolute;
        top: 5px;
        right: 0;
        width: 5px;
        height: 5px;
        content: '';

        background: #a5cd4e;
        background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
        background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    .ui-datepicker-prev,
    .ui-datepicker-next {
        position: absolute;
        top: -2px;
        padding: 5px;
        cursor: pointer;
    }

    .ui-datepicker-prev {
        left: 0;
        padding-left: 0;
        background-image: url('/assets/imagens/back.png');
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 5px;
    }

    .ui-datepicker-next {
        right: 0;
        padding-right: 0;
        background-image: url('/assets/imagens/next.png');
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 5px;
    }

    .ui-datepicker-prev span,
    .ui-datepicker-next span{
        display: block;
        width: 5px;
        height: 10px;
        text-indent: -9999px;

        background-image: url(../img/arrows.png);
    }

    .ui-datepicker-prev span { background-position: 0px 0px; }

    .ui-datepicker-next span { background-position: -5px 0px; }

    .ui-datepicker-prev-hover span { background-position: 0px -10px; }

    .ui-datepicker-next-hover span { background-position: -5px -10px; }


    .ui-datepicker-calendar th {
        padding-top: 15px;
        padding-bottom: 10px;
        text-align: center;
        font-weight: normal;
        color: #000;
        width:20%;
    }

    .ui-datepicker-calendar td {
        padding: 0 7px;
        text-align: center;
        line-height: 26px;
    }


    .ui-datepicker-calendar .ui-state-default .ui-datepicker-unselectable{
        display: block;
        width: 26px;
        outline: none;
        text-decoration: none;
        color: #000;
        border: 1px solid transparent;
    }

    .ui-datepicker-calendar .ui-datepicker-unselectable {
        color: #bbb !important;
        cursor: default;
    }

    .ui-datepicker-calendar .ui-state-active {
        color: #e91e62;
        border: 1px solid #e91e62;
    }

    .ui-datepicker-other-month .ui-state-default { color: #000; }
}

    /*****************************************************************************************************************************/


    @media screen and (max-width:768px)
    {
        .ui-datepicker {
            display: none;
            width: 70%;
            padding: 35px;
            cursor: default;
            text-transform: uppercase;
            font-family: Tahoma;
            font-size: 14px;
            background: #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border:solid 1px #e91e62;
        }

        .ui-state-default.ui-state-hover {
        border-color: #dcdcdc;
        background-color: #cff3f8 !important;
    }

    .ui-datepicker-header {
        position: relative;
        padding-bottom: 10px;
        border-bottom: 1px solid red;
    }

    .ui-datepicker-title { text-align: center; }

    .ui-datepicker-month {
        position: relative;
        padding-right: 15px;
        color: #e91e62;
    }

    .ui-datepicker-year {
        padding-left: 8px;
        color: #e91e62;
    }


    .ui-datepicker-month:before {
        display: block;
        position: absolute;
        top: 5px;
        right: 0;
        width: 5px;
        height: 5px;
        content: '';

        background: #a5cd4e;
        background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
        background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }


    .ui-datepicker-prev,
    .ui-datepicker-next {
        position: absolute;
        top: -2px;
        padding: 5px;
        cursor: pointer;
    }

    .ui-datepicker-prev {
        left: 0;
        padding-left: 0;
        background-image: url('/assets/imagens/back.png');
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 5px;
    }

    .ui-datepicker-next {
        right: 0;
        padding-right: 0;
        background-image: url('/assets/imagens/next.png');
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 5px;
    }

    .ui-datepicker-prev span,
    .ui-datepicker-next span{
        display: block;
        width: 5px;
        height: 10px;
        text-indent: -9999px;

        background-image: url(../img/arrows.png);
    }

    .ui-datepicker-prev span { background-position: 0px 0px; }

    .ui-datepicker-next span { background-position: -5px 0px; }

    .ui-datepicker-prev-hover span { background-position: 0px -10px; }

    .ui-datepicker-next-hover span { background-position: -5px -10px; }



    .ui-datepicker-calendar th {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 10px;
        font-weight: normal;
        color: #000;
        width:auto;
    }

    .ui-datepicker-calendar td {

        padding: 0 7px;
        line-height: 26px;
        width:20%;
    }


    .ui-datepicker-calendar .ui-state-default .ui-datepicker-unselectable{
        display: block;
        width: 26px;
        outline: none;
        text-decoration: none;
        color: #000;
        border: 1px solid transparent;
        width: 10px;

    }

    .ui-datepicker-calendar .ui-datepicker-unselectable {
        color: #bbb !important;
        cursor: default;
    }

    .ui-datepicker-calendar .ui-state-active {
        color: #e91e62;
        border: 1px solid #e91e62;
    }

    .ui-datepicker-other-month .ui-state-default { color: #000; }
    }