/* Loaders styles begins */
.loader {
    width: 80px;
    aspect-ratio: 1;
    --_c: no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
    background: var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom;
    background-size: 18px 18px;
    animation: l7 1s infinite;
}

@keyframes l7 {
    to {
        transform: rotate(.5turn)
    }
}


.loader2 {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#ffa516);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn)
    }
}
/* Loaders styles ends */

/*Pagnation styles begins*/

.pagination {
    height: 36px;
    margin: 0;
    padding: 0;
}

.pager, .pagination ul {
    margin-left: 0;
    *zoom: 1
}

.pagination ul {
    padding: 0;
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.pagination li {
    display: inline
}

.pagination a {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination .active a, .pagination a:hover {
    background-color: #a7a0a0;
    color: #fff;
}

.pagination .active a {
    color: #fff;
    cursor: default
}

.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled span {
    color: #94999E;
    background-color: transparent;
    cursor: default
}

.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin-bottom: 18px;
    text-align: center
}

.pager:after, .pager:before {
    display: table;
    content: ""
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a, .pager .disabled a:hover {
    color: #999;
    background-color: #fff;
    cursor: default
}

.pagination .prev.disabled span {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 1
}

.pagination .next.disabled span {
    float: left;
    padding: 0 12px;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination li.active, .pagination li.disabled {
    float: left;
    padding: 0 0;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.pagination li.active {
    background: #436482;
    color: #fff;
}

.pagination li:first-child {
    border-left-width: 1px;
}

/*Pagnation styles ends*/