.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 14px;
        text-decoration: none;
        cursor: pointer;
    }

        .pagination a.active {
            /* background-color: #F64E60; */
            background-color: #E1F0FF;
            color: #3699FF;
            border-radius: 5px;
        }

        .pagination a:hover:not(.active) {
            background-color: #ddd;
            border-radius: 5px;
        }

.not-active {
    pointer-events: none;
    color: #565656 !important;
}

.cny-font {
    margin-top: 2px;
    font-size: 8pt;
}

.cny_tb_font {
    font-size: 10pt;
}

.active-cursur {
    cursor: pointer;
}

.cny_search_container {
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.cny-search {
    font-size: 36px;
    height: 60px;
    width: 555px;
    color: #FFCC00;
    background-color: 000000;
    padding: 50px 20px 50px 20px;
}

.cny_search_container {
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.cny-input {
    font-size: 36px !important;
    height: 80px !important;
    width: 500px !important;
    color: #FFCC00 !important;
    /*background-color: #000000 !important;*/
    padding: 50px 20px 50px 20px;
}

.cny-column {
    float: left;
    width: 50%;
    padding: 10px;
    /* height: 300px;  */
}

.cny-col-8 {
    float: left;
    width: 80%;
    padding: 10px;
}

.cny-col-2 {
    float: left;
    width: 20%;
    padding: 10px;
}

.cny-row:after {
    content: "";
    display: table;
    clear: both;
}

.cny-d-flex {
    display: flex !important;
}

.cny-flex-end {
    justify-content: flex-end !important;
}