.paginator {
    position: relative;
}

.paginator .col-md-1 {
    text-align: center;
    padding: 5px;
    cursor:pointer;
}

.paginator .col-md-1:hover {
    background: #67809f;
    color:white;
}

.paginator .col-md-1.selected {
    background: #67809f;
    color:white;
}

.paginator i {
    top:22px;
}

.paginator .left {
    position:absolute;
    top:0;
    left:-20px;
    cursor:pointer;
    height: 100%;
    text-align: center;
    background:#ccc;
}

.paginator .right {
    position:absolute;
    top:0;
    right:-20px;
    cursor:pointer;
    height:100%;
    background:#ccc;
}

.paginator .left:hover {
    background: #67809f;
    color:white;
}

.paginator .right:hover {
    background: #67809f;
    color:white;
}

.paginator .disabled {
    color: #999;
    cursor:default;
}

.paginator .disabled:hover {
    background: none;
    color: #999;
}



@media (max-width: 990px) {
    /* 978px */
    .paginator {
        height:360px;
    }

    .paginator i {
        top: 175px;
    }

    .paginator > .row {
        display: block !important;
        float: left !important;
        width:calc(50% + 30px) !important;
    }
}