.comiseo-daterangepicker-calendar .ui-datepicker .ui-datepicker-title {
    color: black;
}

.comiseo-daterangepicker-triggerbutton.ui-button {
    display: inline-block;
    min-width: 0;
    min-height: 0;
    /*display: block;*/
    padding: 0;
    padding-left: 3px;
    margin: 0px;
    color: #1f1f1f;
    /*background: #fff;*/
    background-color: #fff;
    float: left;
    /*border: 2px solid #e5e6e7;*/
    border: 1px solid #bdbdbd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    font-family: 'Roboto', sans-serif;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    outline: none;
}

    .comiseo-daterangepicker-triggerbutton.ui-button:focus {
        background-color: #fff;
        color: #262626;
        border: 1px solid #1c7eaf;
    }
    .comiseo-daterangepicker-triggerbutton.ui-button:hover {
        border: 1px solid #1c7eaf;
        border-radius: 4px;
        cursor: pointer;
        background-color: #fff;
        color: #1c7eaf !important;
    }

    .changeRangeIcon {
        
        position: absolute; 
        left: 6px;
    }

    .comiseo-daterangepicker-triggerbutton.ui-button .ui-button-text {
        padding-left: 16px;
    }


.comiseo-daterangepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    background-color: #f3f3f3;
}

comiseo-daterangepicker-triggerbutton ui-button ui-widget ui-state-default ui-corner-all comiseo-daterangepicker-bottom ui-button-text-icon-secondary {
    background-color: #f3f3f3;
}

.comiseo-daterangepicker-calendar .ui-datepicker .ui-datepicker-title {
    background-color: #f3f3f3;
}

.comiseo-daterangepicker-triggerbutton.ui-button ui-state-hover {
    min-width: 250px;
}


.comiseo-daterangepicker-calendar .ui-dialog.docsweb-dialog .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: none;
}

.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
    color: #ffffff;
    border: 1px solid #709aca;
    cursor: pointer;
    text-shadow: 1px 1px 1px #2a66aa, 1px 1px 1px #2a66aa;
    background: rgb(108,151,200);
    background: -moz-linear-gradient(top, rgba(134,183,238,1) 0%, rgba(112,169,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,183,238,1)), color-stop(100%,rgba(112,169,235,1)));
    background: -webkit-linear-gradient(top, rgba(134,183,238,1) 0%, rgba(112,169,235,1) 100%);
    background: -o-linear-gradient(top, rgba(134,183,238,1) 0%, rgba(112,169,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(134,183,238,1) 0%, rgba(112,169,235,1) 100%);
    background: linear-gradient(to bottom, rgba(134,183,238,1) 0%, rgba(112,169,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86B7EE', endColorstr='#70A9EB',GradientType=0 );
    font-weight: normal;
    font-size: 11px;
    font: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.comiseo-daterangepicker-calendar .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: 0.1em;
}