select {height: 25px!important;}

    .ui-state-default {

        position: absolute;
        top: 20px;
        left: 50%;
        padding: 5px 10px;
        background: #f00;
        color: #fff;
        cursor: pointer
    }

    body{margin-top:20px;}
    
    .timeline-steps {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .timeline-steps .timeline-step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 1rem
    }

    @media (min-width:768px) {
        .timeline-steps .timeline-step:not(:last-child):after {
            content: "";
            display: block;
            border-top: .25rem dotted #3b82f6;
            width: 3.46rem;
            position: absolute;
            left: 7.5rem;
            top: .3125rem
        }
        .timeline-steps .timeline-step:not(:first-child):before {
            content: "";
            display: block;
            border-top: .25rem dotted #3b82f6;
            width: 3.8125rem;
            position: absolute;
            right: 7.5rem;
            top: .3125rem
        }
    }

    .timeline-steps .timeline-content {
        width: 10rem;
        text-align: center
    }

    .timeline-steps .timeline-content .inner-circle {
        border-radius: 1.5rem;
        height: 1rem;
        width: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-image: linear-gradient(90deg, rgba(43,56,119,1) 49%, rgba(65,80,153,1) 75%, rgba(8,165,198,1) 95%);
        /* background-image: url('/images/timeline.png');*/
        background-size: cover;
        
    }

    .timeline-steps .timeline-content .inner-circle:before {
        content: "";
        background-color: #3b82f6;
        display: inline-block;
        height: 3rem;
        width: 3rem;
        min-width: 3rem;
        border-radius: 6.25rem;
        opacity: .1
    }


    .timeline-steps .timeline-content .inner-circle.nov:before {
        content: "";
        background-image: linear-gradient(90deg, rgba(43,56,119,1) 49%, rgba(65,80,153,1) 75%, rgba(8,165,198,1) 95%);
        display: inline-block;
        border: 2px solid rgb(43, 57, 132);
        height: 3rem;
        width: 3rem;
        min-width: 3rem;
        border-radius: 6.25rem;
        opacity: .95
    }