.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev{
    background-color: var(--black);
    background-image: url('../img/previous__icon.svg');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center center;
    width: 110px;
    height: 60px;
    border-radius: 0.5rem;
}

.ui-datepicker .ui-datepicker-next{
    background-image: url('../img/next__icon.svg');
}
.ui-datepicker .ui-datepicker-header{
    height: 80px;
}
.ui-widget-header{
    background-color: var(--white);
    border: none;
}
.ui-datepicker-title{
    font-size: 1.5rem;
    height: 60px;
    line-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.ui-datepicker th{
    font-size: 1.125rem;
}
.wrapper__calendar .hasDatepicker .ui-widget-content{
    width: 600px;
}
.ui-datepicker td span,
.ui-datepicker td a{
    font-size: 1rem;
    padding: 0.5rem;
    background: var(--white);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background: var(--white);
    border: none;
}

.ui-datepicker-calendar thead{
    border-bottom: 1px solid var(--bg-tablero);
}
.wrapper__calendar .calendar.right{
    display: none;
}
.wrapper__calendar .daterangepicker_input{
    display: none;
}
.wrapper__calendar > input{
    opacity: 0;
}
.wrapper__calendar .daterangepicker{
    position: relative;
    top: 0;
    left: 0;
}
.wrapper__calendar .range_inputs{
    opacity: 0;
}
.wrapper__calendar .range_inputs .btn-success{
    background-color: var(--color-red);
    border-color: var(--color-red);
}
.wrapper__calendar{
    position: relative;
}
.trigger__calendar__prev,
.trigger__calendar__next {
    background-color: var(--black);
    background-image: url('../img/previous__icon.svg');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center center;
    width: 60px;
    height: 60px;
    border-radius: 0.5rem;
    display: inline-block;
    z-index: 3002;

}
.trigger__calendar__prev{
    position: absolute;
    left: 2rem;
    top: 5rem;
}
.trigger__calendar__next {
    background-image: url('../img/next__icon.svg');
    right: 2rem;
    top: 5rem;
    position: absolute;
}

.daterangepicker .calendar-table .month {
    height: 100px;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: var(--color-red);
    color: var(--white);
}
.daterangepicker{
    border: none;
}
.daterangepicker.opensright:before,
.daterangepicker:after{
    content: none;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
}



.daterangepicker.single{
    top: 0;
    left: 0;
    z-index: 1;
}