@import "dataTables.dataTables.min.css";

.paging_simple {
  display: none !important;
}

.dataTables_filter {
  text-align: center;
}

.dataTables_filter label input {
  display: inline-block; /* Make the input inline-block */
  margin: 0 auto; /* Add automatic margins on the left and right */
}

.child-row {
  padding-left: 20px !important;
  background-color: #f8f3f3 !important;
}

#pwl_servers_list_table tbody tr {
  cursor: pointer;
}

.dt-search {
  text-align: center;
}

input:focus-visible {
  outline: none;
}

thead {
  border: 1px solid #b5b5b5;
  border-radius: 20px 20px 0px 0px;
  background: linear-gradient(246deg, #ea7024 17.35%, #ea4833 52.82%);
}
tbody {
  border: 1px solid #b5b5b5;
}

thead th {
  color: #fff;
}
.feature-th {
  text-align: center;
}
.tr-country {
  text-align: left !important;
}
.check {
  color: #39b64d;
  font-size: 23px;
}

.city-row {
  text-align: left;
  color: #6c6c6c;
}

#pwl_server_load_more {
  border-radius: 30px;
  background: transparent;
  color: #232222;
  padding: 10px 50px;
  border: 2px solid #4d4d4d;
}

@media only screen and (max-width: 600px) {
  .dt-search input {
    padding: 6px 9px !important;
    width: 80% !important;
    margin: 20px !important;
    border-radius: 10px !important;
    height: 55px !important;
  }
  .dt-layout-table {
    overflow: scroll;
  }
}
@media only screen and (min-width: 600px) {
  .dt-search input {
    padding: 17px 10px !important;
    width: 555px;
    margin: 30px !important;
    border-radius: 10px !important;
    height: 65px !important;
  }
}

.flag {
  background-image: url("../images/spritesheet.webp");
  background-repeat: no-repeat;
  width: 20px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.fg-ad {
  background-position: -5px -5px;
}
.fg-ae {
  background-position: -39px -5px;
}
.fg-af {
  background-position: -73px -5px;
}
.fg-ag {
  background-position: -107px -5px;
}
.fg-al {
  background-position: -141px -5px;
}
.fg-am {
  background-position: -175px -5px;
}
.fg-ao {
  background-position: -209px -5px;
}
.fg-ar {
  background-position: -243px -5px;
}
.fg-at {
  background-position: -277px -5px;
}
.fg-au {
  background-position: -311px -5px;
}
.fg-aw {
  background-position: -345px -5px;
}
.fg-az {
  background-position: -379px -5px;
}
.fg-ba {
  background-position: -5px -31px;
}
.fg-bb {
  background-position: -39px -31px;
}
.fg-bd {
  background-position: -73px -31px;
}
.fg-be {
  background-position: -107px -31px;
}
.fg-bf {
  background-position: -141px -31px;
}
.fg-bg {
  background-position: -175px -31px;
}
.fg-bh {
  background-position: -209px -31px;
}
.fg-bi {
  background-position: -243px -31px;
}
.fg-bj {
  background-position: -277px -31px;
}
.fg-bm {
  background-position: -311px -31px;
}
.fg-bn {
  background-position: -345px -31px;
}
.fg-bo {
  background-position: -379px -31px;
}
.fg-br {
  background-position: -5px -57px;
}
.fg-bs {
  background-position: -39px -57px;
}
.fg-bt {
  background-position: -73px -57px;
}
.fg-bu {
  background-position: -107px -57px;
}
.fg-bw {
  background-position: -141px -57px;
}
.fg-by {
  background-position: -175px -57px;
}
.fg-bz {
  background-position: -209px -57px;
}
.fg-ca {
  background-position: -243px -57px;
}
.fg-cd {
  background-position: -277px -57px;
}
.fg-cf {
  background-position: -311px -57px;
}
.fg-cg {
  background-position: -345px -57px;
}
.fg-ch {
  background-position: -379px -57px;
}
.fg-ci {
  background-position: -5px -83px;
}
.fg-cl {
  background-position: -39px -83px;
}
.fg-cm {
  background-position: -73px -83px;
}
.fg-cn {
  background-position: -107px -83px;
}
.fg-co {
  background-position: -141px -83px;
}
.fg-cr {
  background-position: -175px -83px;
}
.fg-cu {
  background-position: -209px -83px;
}
.fg-cv {
  background-position: -243px -83px;
}
.fg-cy {
  background-position: -277px -83px;
}
.fg-cz {
  background-position: -311px -83px;
}
.fg-de {
  background-position: -345px -83px;
}
.fg-dj {
  background-position: -379px -83px;
}
.fg-dk {
  background-position: -5px -109px;
}
.fg-dm {
  background-position: -39px -109px;
}
.fg-do {
  background-position: -73px -109px;
}
.fg-dz {
  background-position: -107px -109px;
}
.fg-ec {
  background-position: -141px -109px;
}
.fg-ee {
  background-position: -175px -109px;
}
.fg-eg {
  background-position: -209px -109px;
}
.fg-er {
  background-position: -243px -109px;
}
.fg-es {
  background-position: -277px -109px;
}
.fg-et {
  background-position: -311px -109px;
}
.fg-fi {
  background-position: -345px -109px;
}
.fg-fj {
  background-position: -379px -109px;
}
.fg-fm {
  background-position: -5px -135px;
}
.fg-fo {
  background-position: -39px -135px;
}
.fg-fr {
  background-position: -73px -135px;
}
.fg-ga {
  background-position: -107px -135px;
}
.fg-gb {
  background-position: -141px -135px;
}
.fg-gb-eng {
  background-position: -175px -135px;
}
.fg-gb-sct {
  background-position: -209px -135px;
}
.fg-gb-wls {
  background-position: -243px -135px;
}
.fg-gd {
  background-position: -277px -135px;
}
.fg-ge {
  background-position: -311px -135px;
}
.fg-gh {
  background-position: -345px -135px;
}
.fg-gm {
  background-position: -379px -135px;
}
.fg-gn {
  background-position: -5px -161px;
}
.fg-gq {
  background-position: -39px -161px;
}
.fg-gr {
  background-position: -73px -161px;
}
.fg-gt {
  background-position: -107px -161px;
}
.fg-gw {
  background-position: -141px -161px;
}
.fg-gy {
  background-position: -175px -161px;
}
.fg-hk {
  background-position: -209px -161px;
}
.fg-hn {
  background-position: -243px -161px;
}
.fg-hr {
  background-position: -277px -161px;
}
.fg-ht {
  background-position: -311px -161px;
}
.fg-hu {
  background-position: -345px -161px;
}
.fg-id {
  background-position: -379px -161px;
}
.fg-ie {
  background-position: -5px -187px;
}
.fg-il {
  background-position: -39px -187px;
}
.fg-im {
  background-position: -73px -187px;
}
.fg-in {
  background-position: -107px -187px;
}
.fg-iq {
  background-position: -141px -187px;
}
.fg-ir {
  background-position: -175px -187px;
}
.fg-is {
  background-position: -209px -187px;
}
.fg-it {
  background-position: -243px -187px;
}
.fg-jm {
  background-position: -277px -187px;
}
.fg-jo {
  background-position: -311px -187px;
}
.fg-jp {
  background-position: -345px -187px;
}
.fg-ke {
  background-position: -379px -187px;
}
.fg-kg {
  background-position: -5px -213px;
}
.fg-kh {
  background-position: -39px -213px;
}
.fg-ki {
  background-position: -73px -213px;
}
.fg-km {
  background-position: -107px -213px;
}
.fg-kn {
  background-position: -141px -213px;
}
.fg-kp {
  background-position: -175px -213px;
}
.fg-kr {
  background-position: -209px -213px;
}
.fg-kv {
  background-position: -243px -213px;
}
.fg-kw {
  background-position: -277px -213px;
}
.fg-ky {
  background-position: -311px -213px;
}
.fg-kz {
  background-position: -345px -213px;
}
.fg-la {
  background-position: -379px -213px;
}
.fg-lb {
  background-position: -5px -239px;
}
.fg-lc {
  background-position: -39px -239px;
}
.fg-li {
  background-position: -73px -239px;
}
.fg-lk {
  background-position: -107px -239px;
}
.fg-lr {
  background-position: -141px -239px;
}
.fg-ls {
  background-position: -175px -239px;
}
.fg-lt {
  background-position: -209px -239px;
}
.fg-lu {
  background-position: -243px -239px;
}
.fg-lv {
  background-position: -277px -239px;
}
.fg-ly {
  background-position: -311px -239px;
}
.fg-ma {
  background-position: -345px -239px;
}
.fg-mc {
  background-position: -379px -239px;
}
.fg-md {
  background-position: -5px -265px;
}
.fg-me {
  background-position: -39px -265px;
}
.fg-mg {
  background-position: -73px -265px;
}
.fg-mh {
  background-position: -107px -265px;
}
.fg-mk {
  background-position: -141px -265px;
}
.fg-ml {
  background-position: -175px -265px;
}
.fg-mm {
  background-position: -209px -265px;
}
.fg-mn {
  background-position: -243px -265px;
}
.fg-mo {
  background-position: -277px -265px;
}
.fg-mr {
  background-position: -311px -265px;
}
.fg-ms {
  background-position: -345px -265px;
}
.fg-mt {
  background-position: -379px -265px;
}
.fg-mu {
  background-position: -5px -291px;
}
.fg-mv {
  background-position: -39px -291px;
}
.fg-mw {
  background-position: -73px -291px;
}
.fg-mx {
  background-position: -107px -291px;
}
.fg-my {
  background-position: -141px -291px;
}
.fg-mz {
  background-position: -175px -291px;
}
.fg-na {
  background-position: -209px -291px;
}
.fg-ne {
  background-position: -243px -291px;
}
.fg-ng {
  background-position: -277px -291px;
}
.fg-ni {
  background-position: -311px -291px;
}
.fg-nl {
  background-position: -345px -291px;
}
.fg-no {
  background-position: -379px -291px;
}
.fg-np {
  background-position: -5px -317px;
}
.fg-nr {
  background-position: -39px -317px;
}
.fg-nz {
  background-position: -73px -317px;
}
.fg-om {
  background-position: -107px -317px;
}
.fg-pa {
  background-position: -141px -317px;
}
.fg-pe {
  background-position: -175px -317px;
}
.fg-pg {
  background-position: -209px -317px;
}
.fg-ph {
  background-position: -243px -317px;
}
.fg-pk {
  background-position: -277px -317px;
}
.fg-pl {
  background-position: -311px -317px;
}
.fg-pr {
  background-position: -345px -317px;
}
.fg-ps {
  background-position: -379px -317px;
}
.fg-pt {
  background-position: -5px -343px;
}
.fg-pw {
  background-position: -39px -343px;
}
.fg-py {
  background-position: -73px -343px;
}
.fg-qa {
  background-position: -107px -343px;
}
.fg-ro {
  background-position: -141px -343px;
}
.fg-rs {
  background-position: -175px -343px;
}
.fg-ru {
  background-position: -209px -343px;
}
.fg-rw {
  background-position: -243px -343px;
}
.fg-sa {
  background-position: -277px -343px;
}
.fg-sb {
  background-position: -311px -343px;
}
.fg-sc {
  background-position: -345px -343px;
}
.fg-sd {
  background-position: -379px -343px;
}
.fg-se {
  background-position: -5px -369px;
}
.fg-sg {
  background-position: -39px -369px;
}
.fg-si {
  background-position: -73px -369px;
}
.fg-sk {
  background-position: -107px -369px;
}
.fg-sl {
  background-position: -141px -369px;
}
.fg-sm {
  background-position: -175px -369px;
}
.fg-sn {
  background-position: -209px -369px;
}
.fg-so {
  background-position: -243px -369px;
}
.fg-sr {
  background-position: -277px -369px;
}
.fg-ss {
  background-position: -311px -369px;
}
.fg-st {
  background-position: -345px -369px;
}
.fg-sv {
  background-position: -379px -369px;
}
.fg-sy {
  background-position: -5px -395px;
}
.fg-sz {
  background-position: -39px -395px;
}
.fg-tc {
  background-position: -73px -395px;
}
.fg-td {
  background-position: -107px -395px;
}
.fg-tg {
  background-position: -141px -395px;
}
.fg-th {
  background-position: -175px -395px;
}
.fg-tj {
  background-position: -209px -395px;
}
.fg-tl {
  background-position: -243px -395px;
}
.fg-tm {
  background-position: -277px -395px;
}
.fg-tn {
  background-position: -311px -395px;
}
.fg-to {
  background-position: -345px -395px;
}
.fg-tr {
  background-position: -379px -395px;
}
.fg-tt {
  background-position: -413px -5px;
}
.fg-tv {
  background-position: -413px -31px;
}
.fg-tw {
  background-position: -413px -57px;
}
.fg-tz {
  background-position: -413px -83px;
}
.fg-ua {
  background-position: -413px -109px;
}
.fg-ug {
  background-position: -413px -135px;
}
.fg-us {
  background-position: -413px -161px;
}
.fg-uy {
  background-position: -413px -187px;
}
.fg-uz {
  background-position: -413px -213px;
}
.fg-va {
  background-position: -413px -239px;
}
.fg-vc {
  background-position: -413px -265px;
}
.fg-ve {
  background-position: -413px -291px;
}
.fg-vg {
  background-position: -413px -317px;
}
.fg-vn {
  background-position: -413px -343px;
}
.fg-vu {
  background-position: -413px -369px;
}
.fg-ws {
  background-position: -413px -395px;
}
.fg-ye {
  background-position: -5px -421px;
}
.fg-za {
  background-position: -39px -421px;
}
.fg-zm {
  background-position: -73px -421px;
}
.fg-zw {
  background-position: -107px -421px;
}
