.toolbar .tool{
    .custom-datepicker{
        cursor: pointer;
        width: 40%;
        position: relative;
        float: left;
        z-index:9;

        &.disabled{
            opacity: 0.3;
        }

        .icon-calendar{
            position: absolute;
            top: 0;
            right: 7px;
            color: $color-info-dark;
            font-size: 15px;
            height: 100%;

            &:before{
                vertical-align: -webkit-baseline-middle;
            }
        }

        .inpt-date{
            padding-right: 30px;
            background: none;
            cursor: pointer;
        }
    }
}
.ui-datepicker{
    font-size: 14px;
    background: #fff;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 0 10px -4px #000;
    border-bottom: 0.1px solid $color-snow-extra-dark;
    @include border-top-radius(3px);
    @include border-bottom-radius(3px);
    z-index:9 !important;

    .ui-datepicker-prev-hover,
    .ui-datepicker-next-hover{
        border: none;
        top: 2px;
        background: darken($color-info-dark, 10%);
    }

    .ui-datepicker-prev-hover {
        left: 2px;
    }
    .ui-datepicker-next-hover {
        right: 2px;
    }
    //
    // .ui-state-disabled{
    //     background:transparent !important;
    //     cursor: default;
    // }
}

.ui-datepicker-header {
    font-family: $font-title;
    background: $color-info-dark;
    color: #fff;
    border: none;
    height: 29px;
    @include border-top-radius(0);
    @include border-bottom-radius(0);


    .ui-icon{
        text-indent: 0;
        cursor: pointer;
        background-image: none;

        &:before{
            font-size: 10px;
            position: relative;
            font-family: "icomoon-filtro";
            content:"\e900";
            color: #fff;
            top: -2px;
            display: inline-block;
        }
    }

    .ui-icon-circle-triangle-w:before{
        right: 1px;
        @include transform(rotate(90deg));
    }

    .ui-icon-circle-triangle-e:before{
        left: 1px;
        @include transform(rotate(-90deg));
    }
}

.ui-datepicker-calendar{
    margin: 0 !important;

    td:last-child{padding-right: 5px;}
    td:first-child{padding-left: 5px;}

    thead th:last-child{padding-right: 5px;}
    thead th:first-child{padding-left: 5px;}


    tr:last-child td{
        padding-bottom: 8px;
    }

    th{
        text-align: right;
        font-family: $font-title;
        font-size: 12px;
        font-weight: normal;
    }

    td a{
        color: $color-info;

        &.ui-state-active{
            border: 1px solid $color-info;
            background: $color-info;
            color: #fff;
        }

        &:hover{
            background: $color-snow-dark;
        }
    }

    .ui-state-disabled{
        background-color: inherit !important;
    }
}
