.non-plc nav.pagination li.page-item.nextDisabled a.page-link span{
    color: #BDBDBD;
}


.non-plc nav.pagination li.page-item:first-child a.page-link{
    border: 1px solid #ddd;
}

.non-plc nav.pagination li.page-item.preDisabled a.page-link span{
    color: #BDBDBD;
}

.non-plc nav.pagination li.page-item:last-child a.page-link{
    border: 1px solid #ddd;
}
.non-plc nav.pagination, .non-plc ul.pagination{ 
    border-top:none; 
}

.non-plc nav.pagination{
    padding: 20px;
}

.non-plc nav.pagination a.page-link{
    font-weight: bold;
    border: 1px solid #ddd;
    color: #337ab7;
}

.non-plc nav.pagination span{
    font-weight: bold;
    color: #337ab7;

}

.non-plc li.page-item.active a.page-link{
    border-radius: 4px;
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination{
    margin: 0 auto ;
    padding-top:20px;
    padding-bottom: 20px;
    
}

nav.falconui  a.page-link {
    width: 37px;
    height: 37px;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 1.25;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

nav.falconui  a.page-link:hover {
    background: transparent;
}

li.page-item.active a.page-link {
    z-index: 3;
    border-radius: 4px;
    background:#0133B3;
    
}

li.page-item:first-child a.page-link{
    color:black;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 101px;
    height: 37px;
    border: 1px solid black;
}


li.page-item:last-child a.page-link{
    
    color: black;
    position: relative;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 101px;
    height: 37px;
    border: 1px solid black;
}



li.page-item.preDisabled a.page-link {
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 101px;
    height: 37px;
    color: #BDBDBD;
    border-color: #BDBDBD;
}


li.page-item.nextDisabled a.page-link {
    display: flex;
    position: relative;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 101px; 
    height: 37px;
    color: #BDBDBD;
    border-color: #BDBDBD;
}


i.mobileText, svg {
    display: none;
}


nav.pagination li.hellip{
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bdbdbd;
}
  
span.desktopText {
    display: block;
}

@media only screen and (max-width: 767px) {
    
    li.page-item:first-child a.page-link{
        width: 37px;
    }
    
    li.page-item:first-child a.page-link::before{
        right:19px;
        border-top: 18px solid transparent;
    }
   
    span.textPagination{
         display: none;
    }
   
    i.mobileText{
        display: block;
    }
    
    span.desktopText {
        display: none;
    }
    
    li.page-item:last-child a.page-link{
        width: 37px;
    }
    
    li.page-item:last-child a.page-link::before{
        left:19px;
        border-top: 20px solid transparent;
        border-bottom: 17px solid transparent; 
    }
    
   svg {
       display: block;
        width: 22px;
        height: 22px;
        fill: currentColor;
    }

    svg.next-icon {
        transform: rotate(180deg);
    }
   
    li.page-item.preDisabled a.page-link {
        width: 37px;  
    }

    li.page-item.preDisabled a.page-link::before {
        right:19px;
        border-top: 19px solid transparent;
    }
    
    li.page-item.nextDisabled a.page-link {
        width: 37px; 
    }
    
    li.page-item.nextDisabled a.page-link::before {
        left:19px;
        border-top: 20px solid transparent;
        border-left:11px solid #dcdcdc;  
    }
  
    li.page-item:nth-child(n+5){
        display:none;
    }
  
    li.page-item:nth-last-child(2) {
        display:block;
    }
    
    li.page-item:nth-last-child(1) {
        display:block;
    }

    .non-plc nav.pagination, .non-plc ul.pagination{ 
        width: 100%;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    .non-plc li.page-item.active a.page-link {
        margin-top: 2px;
    }
  
}