@font-face {
    font-family: 'Bai Jamjuree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/baijamjuree/v4/LDI1apSCOBt_aeQQ7ftydoa8XsLLubg58w.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Bai Jamjuree';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/baijamjuree/v4/LDIqapSCOBt_aeQQ7ftydoa05efelJo02SuCgQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    box-sizing: border-box;
}
body {
    background-color: #ffffff;
    color: #000000;
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Bai Jamjuree', sans-serif;
}
a, a:visited, a:active, a:link {
    color: #000000;
    text-decoration: none;
}
img {
    width: 100%;
    display: block;
}
.logo img {
    width: 70%;
    margin: 0 auto;
}
.boton {
    width: 86%;
    margin: 1em auto 0;
    background: #1ac990;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    padding: 12px 5px;
    letter-spacing: 1px;
    -webkit-appearance: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #1ac990;
    font-family: 'Bai Jamjuree', sans-serif;
}
a.btn.confirm {
    width: 86%;
    margin: 1em auto 0;
    background: #1ac990;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    padding: 12px 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #1ac990;
    text-align: center;
}
input#msisdn {
    width: 86%;
    margin: 1em auto;
    font-family: 'Bai Jamjuree', sans-serif;
    border: 1px solid #999999;
    color: #999999;
    display: block;
    font-size: 1em;
    padding: 12px 5px;
    text-align: center;
    border-radius: 4px;
    background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACl5JREFUeNrs3dFV22YYgGG1xwN4g7oT1JkgZgOYAHOlyyYTYCYIXOoKdwLIBHEmgExQjZAR+v3xT6ENSVNjSZb0POfoKA0YN19Tv/5lWS4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAQ/TTrjesqmoau7kRAsDe1GVZ1rvccPKCO00x/2D2ALA3F7Gtdrnhz2YHAP0n6AAg6ACAoAMAgg4ACDoACDoAIOgAgKADAIIOAIIOAAg6ACDoAICgA4CgAwCCDgAIOgAg6AAg6ACAoAMAgg4ACDoACDoAIOgAgKADAIIOACMxMQIOzMYI6JF5bFNjQNAZuzq229jel2Up5PRWVVUp7IvYTnPkQdAZTcgvIuJro2AI4u/yfezSdhlxT2E/z4EHQWewUshXxsCA476J3SbCfhz768IheVripDja8jm2MzFnRGFPLycd5ZU7CDqDceQQOyOM+r2oI+gMyVl+YIMxRv3L0alie5QKBJ3eurUyR9S/PKG9MAkEnb56WJmAqJflZeE6Cwg6PbXOhxuBLat0BJ1eujIC+McqPa3Qa5NA0OmT+3jw8sAFX7s1AprgwjI0ZWME3ctXLbspthc3cVGfw/A+tjfGgBU6ffHJCA7Cu+LxSmXnEfiZkXTOWzgRdHqlNgL4mhNFEXRgF+ms6oeAXDqvAYbLa+gw7NVgOgHLSVhghQ4ACDoAIOgAgKADgKADAIIOAAg6DEu6BKurtAFN8j50aDbkq9idP/nnTexOXC0MsEKHnsY8WxTbD0sBsEKHnjj9xu+nw+/zWKX/54d0xPelD1b5ENu84z9LOqJwkj/PG7BCh1GZfedr0x/8GfMDiPnDv+/Cf1IQdBijesev/S2viDcH8mdxTXg4YA65Q3PeFs+/Xn77fz71LL73yCgBK3ToSP6ks7Pi8eNLk8v8ewBW6NCjqK9jtzYJwAodABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdANjZxAjoSlVVq9idmwQDsinL8sgYsEIHAAQdAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0IwAAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEE3AgAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAUDQAQBBBwAEHQAQdAAQdABA0AEAQQcABB0ABB0AEHQAQNABAEEHAEEHAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQAQNABAEEHAAQdAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQAQNABAEEHAAQdAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQjAABBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQAQNABAEEHAAQdAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQAQNABAEEHAAQdAAQdABB0AEDQAQBBBwBBBwAEHQAQdABA0AFA0AEAQQcABB0AEHQAEHQAQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQQcABB0AEHQAQNABQNABAEEHAAQdABB0ABB0AEDQAQBBBwAEHQAEHQAQdABA0AEAQQcAQTcCABB0AEDQAQBBBwAEHQAEHQAQdABA0AGAJyZGQIfWsW2MgQH5bAQIOqNTlmUdu9okAF7OIXcAEHQAQNABAEEHAAQdAAQdADgc3rYGA1NV1Tx2x7H9Fts0tkX+0n2xfZ902n8sy/LWtEDQgcML+TJ257HNvvEt87xPgX8T35/ifhXbZcTdBVGg5xxyhwGsyGO7i19efyfmz5nmJwB/xu2PTRIEHeh2VX73ZPW9ixT2m/hZ1yYKgg50E/N9Rngp6iDoQL9jLuog6EDLMZ/F7l2Dd7H0mjoIOtC8tIKeNn0fEfWpUYOgA82szhfF4/vKm5Ri/sbEQdCBZpy2eF+/GzcIOtCMNl/bnuYjAoCgA/uS49r269qCDoIO7Nm8g/t8bewg6MB+OescEHRgJ3MjAEEH+s+nsIGgAwNQGwEIOtD/uFqhg6ADe3bfwX1+NHYQdGCPyrK872CVfmvyIOjA/v3R5hGBeBJRGzkIOrB/l0V7r2tfGTcIOtCAWDF/bim0m7ivtYmDoAPNRX1VNHuCXHrS8NakQdCB5p0UzR16f5tPwAMEHWh4lV7H7qiBqJ851A6CDrQb9bSKflXs5/B7emJwIuYg6PBvPhmspZV6bCnqFy9YraeI/xo/x3vOQdDhKz6lq92wr1KUc9jrH1yRp5C/itue5bPnaUFVVQtToAkTI6Ahr42g9ainKKewryIas9incMyeCXm6YMzGxDzZRdDhRywiKlMrv87iXucVOIfn1AhogkPuNOnYCOBRPnJihY6g0zvnRgD+n0DQ6b9ZrEhWxgBfVudpZb40CQSd3q5I8gMZjDnm6W2c1yaBoNN3N/kBDcbqXeG1cwSdAZjF9iGfEARjW52nlfnSJBB0hiKtTu5cVIMRhTydQ3In5gg6QzTNK/Vrq3UGHvNVegJbOMxOi1xYhi6kFcsyHvTWsX/vGuIMJOIp3qf577dzRhB0Rhn29OtNsb0s6SdjoUd+KbbniMxFHEGHrUXeu7ocwA68hg4Agg4ACDoAIOgAgKADgKADAIIOAAg6ACDoACDoAICgAwCCDgAIOgAIOgAg6ACAoAMAgg4Agg4ACDoAIOgAgKADgKADAIIOAAg6ACDoACDoAEBfTF5w2zq2CyMEgL3ZGAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAsfwkwAOeQUzhMVupiAAAAAElFTkSuQmCC") no-repeat left top/auto 100%;
}
#instructions_wifi, #wait_message {
    font-size: 0.8em;
    padding: 1em 0 0;
    text-align: justify;
    width: 86%;
    margin: 0 auto;
}
#error_text, #error_phone {
    background-color: #ffffff;
    color: red;
    border: 1px solid;
    padding: 0.5em;
    text-align: center;
    margin: 0 auto;
    margin-top: 1em;
    width: 86%;
    border-radius: 4px;
}
#footer {
    font-size: 0.8em;
    padding: 3em 0 0;
    text-align: justify;
    width: 86%;
    margin: 0 auto;
}
#footer a {
    font-weight: bold;
}
div#progressbar_text {
    text-align: center;
    padding: 5px;
    font-size: 14px;
    color: #000000;
    font-family: 'Bai Jamjuree', sans-serif;
}
div#bar {
    background-color: red;
    padding: 10px;
}
div#progressbar_text span {
    font-weight: bold;
    color: red;
    display: inline;
}