input.is-loading {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.show-hide-password {
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 10px !important;
    display: inline-block;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

.mr-1 {
    margin-right: 12px;
}

.web-services-table .fade:not(.show) {
    display: none;
}

table thead tr {
    height: 60px;
    /*    background: #36304a;*/
}

table thead {
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}

tbody tr:hover {
    color: #555;
    background-color: #f5f5f5;
    cursor: pointer;
}

table tbody tr {
    height: 50px;
}

tr.even {
    background-color: #f5f5f5 !important;
}
.table>:not(caption)>*>*{
    background-color: unset;
}

.table th, .table td {
    border: 0;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 12px !important;
}

.table-responsive {
    overflow-x: unset;
}

.table-responsive a.paginate_button {
    border: 0 !important;
    border-radius: 100% !important;
    background-color: rgba(34, 231, 95, 0.13) !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.table-responsive a.paginate_button.previous {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: unset !important;
}

.table-responsive a.paginate_button.next {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: unset !important;
}

.table-responsive a.paginate_button.next:hover {
    background: unset !important;
    color: #000 !important; 
}

.table-responsive a.paginate_button.previous:hover {
    background: unset !important;
    color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(34, 231, 95, 0.28) !important;
}

.table-responsive a.paginate_button:hover {
    background: rgba(34, 231, 95, 0.28) !important;
}

.server-details-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
}

.server-details-table td {
    border: 1px solid #ddd;
    padding: 8px;
}

.server-details-table th {
    padding: 8px;
}

.no-border {
    border: 0;
}

.aggregate-bandwidth-graph {
    width: 700px;
    height: auto;
}

.aggregate-bandwidth-graph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.app-card-accordion .faq-accordion .accordion-body {
    overflow-x: auto;
}

@media only screen and (max-width: 992px) {
    .table-responsive {
        overflow-x: auto;
    }
    .aggregate-bandwidth-graph {
        width: 600px;
    }
}

@media only screen and (max-width: 682px) {
    .aggregate-bandwidth-graph {
        width: 548px;
    }
}