#allowed-countries { font-family: sans-serif; font-size: 13px; }
#allowed-countries h1 { font-size: 27px; width: 70%; line-height: 1em; text-align: left;}
#allowed-countries #myCountry { padding:0.5em; background:rgba(0,0,0,.1); }
#allowed-countries #myCountry h2 { border-bottom: 1px solid #CCC; padding-bottom:.5em; margin-bottom:.5em; }
#allowed-countries #myCountry img.flag { width: 100%; max-width: 113px; display: block; }
#allowed-countries #myCountry table { text-align: center; padding-left: 8%;}
#allowed-countries #myCountry table th { font-size: 11px; padding: 0 1em; text-transform: uppercase; line-height: normal; }
#allowed-countries #myCountry td span {display: block; margin: 0 auto; margin-top: 5px; color: #FFF; width: 38px; height: 38px; border-radius: 50px; font-weight: 700; text-align: center;}
#allowed-countries #myCountry td span.notallowed { font-size: 3em; line-height: 32px; }
#allowed-countries #myCountry td span.allowed { font-size: 2em; }
#allowed-countries #myCountry table tbody tr td {width: 20%; vertical-align:top;}
#allowed-countries #countriesTable { margin:1em auto; border:none; width: 100%}
#allowed-countries #countriesTable th { font-weight: 700; text-align: center; font-size: .9em; padding: .25em 3px; width: 14.5%; vertical-align: bottom; border-bottom: 1px solid #CCC }
#allowed-countries #countriesTable th:first-child { text-align: left; width: 42%; padding: .25em 0; }
#allowed-countries #countriesTable tr:nth-child(2n+2) { background: hsla(240,4%,92%,0.7); }
#allowed-countries #countriesTable tr.mycountry td { background: #E3EFC3; }
#allowed-countries #countriesTable tr.mycountry td:first-child { font-weight: 700; }
#allowed-countries #countriesTable td { padding: 0 .38em; height: 3.46em; text-align: left; }
#allowed-countries #countriesTable td:first-child { padding-left: 1em; }
#allowed-countries #countriesTable td img.flag { display:inline-block; max-width: 24px; max-height: 16px; vertical-align: middle; }
#allowed-countries #countriesTable td span { display: block; margin:0 auto; color:#FFF; width: 18px; height: 18px; border-radius: 10px; font-weight: 700; text-align: center; }
#allowed-countries #countriesTable td span.allowed{ line-height: 18px; }
#allowed-countries #countriesTable td span.notallowed{ font-size: 1.175em; line-height: 16px; }
@media (max-width: 768px) { #allowed-countries #countriesTable td span img {padding-left: 45px;} #allowed-countries #countriesTable td:first-child {padding-left: 6em; padding-top: 0.4em;}}
@media only screen and (max-width: 600px) { #allowed-countries #countriesTable td span.allowed {margin-left: 85%;} #allowed-countries #countriesTable td span.notallowed {margin-left: 85%;} .mycountry td span.allowed { width: 18px; height: 18px; font-size: 1.175em; line-height: 1.175em;} .mycountry td span.notallowed { width: 18px; height: 18px; font-size: 1.175em; line-height: 1.175em; } #allowed-countries #myCountry table >tbody >tr:first-child >td:first-child { width: 0px;}}
@media only screen and (max-width: 450px) { #allowed-countries #countriesTable td span.allowed {margin-left: 85%;} #allowed-countries #countriesTable td span.notallowed {margin-left: 85%;} #allowed-countries #countriesTable td span img { float: right; margin-right: 5px; } }
@media only screen and (max-width: 350px) { #allowed-countries #countriesTable td:first-child { padding-left: 5em; } #allowed-countries #countriesTable td span.allowed {margin-left: 85%;} #allowed-countries #countriesTable td span.notallowed {margin-left: 85%;} #allowed-countries #countriesTable td { font-size: 11px !important; } }
@media only screen and (max-width: 760px) { #allowed-countries #countriesTable td span img {padding-top: 5px;} #allowed-countries #countriesTable td span.allowed {margin-left: 98%;} #allowed-countries #countriesTable td span.notallowed {margin-left: 98%;} #countriesTable thead { display: block; padding: 2px; } #countriesTable thead tr { position: absolute; top: -9999px; left: -9999px;} #countriesTable tbody { display: block; padding: 2px; } #countriesTable tbody th { display: block; padding: 2px; } #countriesTable tbody td { display: block; padding: 2px; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; margin: 5px; text-align: center; } #countriesTable tbody td:before {position: absolute; top: 6px; left: 6px; padding-right: 10px; white-space: nowrap;} #countriesTable tbody td:nth-of-type(1):before {content: "Country";} #countriesTable tbody td:nth-of-type(2):before {content: "Allowed to Play";} #countriesTable tbody td:nth-of-type(3):before {content: "Cash-out from Free Welcome Bonuses";} #countriesTable tbody td:nth-of-type(4):before {content: "Redeem 'No Play-No Max' Bonuses";} #countriesTable tbody td:nth-of-type(5):before {content: "Redeem 5X pt or more with MCO Bonuses";} #countriesTable tbody tr { display: block; padding: 2px; } }
@media (min-device-width: 400px) and (max-device-width: 760px) { #allowed-countries #countriesTable td:first-child { padding-left: 5em; } #allowed-countries #countriesTable td span.allowed {margin-left: 85%;} #allowed-countries #countriesTable td span.notallowed {margin-left: 85%;} #countriesTable thead { display: block; padding: 2px; } #countriesTable thead tr { position: absolute; top: -9999px; left: -9999px;} #countriesTable tbody { display: block; padding: 2px; } #countriesTable tbody th { display: block; padding: 2px; } #countriesTable tbody td { display: block; padding: 2px; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; margin: 5px; text-align: center; } #countriesTable tbody td:before {position: absolute; top: 6px; left: 6px; padding-right: 10px; white-space: nowrap;} #countriesTable tbody td:nth-of-type(1):before {content: "Country";} #countriesTable tbody td:nth-of-type(2):before {content: "Allowed to Play";} #countriesTable tbody td:nth-of-type(3):before {content: "Cash-out from Free Welcome Bonuses";} #countriesTable tbody td:nth-of-type(4):before {content: "Redeem 'No Play-No Max' Bonuses";} #countriesTable tbody td:nth-of-type(5):before {content: "Redeem 5X pt or more with MCO Bonuses";} #countriesTable tbody tr { display: block; padding: 2px; } }