/**
 * @author plazz AG
 * @copyright Copyright (c) plazz AG 2013 - present All rights reserved
 * DO NOT REDISTRIBUTE OR PUBLISH WITHOUT PERMISSION BY COPYRIGHT HOLDER
 */

.flex { display: -webkit-box; display: -ms-flexbox; display: flex }
.inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }

.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap }
.flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }

.free-top { margin-top: auto }
.free-left { margin-left: auto }
.free-right { margin-right: auto }
.free-bottom { margin-bottom: auto }

.order-before { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
.order-after { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }

.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline }
.items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }

.self-center { -ms-flex-item-align: center; align-self: center }
.self-baseline { -ms-flex-item-align: baseline; align-self: baseline }
.self-stretch { -ms-flex-item-align: stretch; align-self: stretch }
.self-start { -ms-flex-item-align: start; align-self: flex-start }
.self-end { -ms-flex-item-align: end; align-self: flex-end }

.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.justify-around { -ms-flex-pack: distribute; justify-content: space-around }
.justify-evenly { -ms-flex-pack: space-evenly; -webkit-box-pack: space-evenly; justify-content: space-evenly }
.justify-stretch { -ms-flex-pack: stretch; -webkit-box-pack: stretch; justify-content: space-evenly }

.content-start { -ms-flex-line-pack: start; align-content: flex-start }
.content-end { -ms-flex-line-pack: end; align-content: flex-end }
.content-center { -ms-flex-line-pack: center; align-content: center }
.content-between { -ms-flex-line-pack: justify; align-content: space-between }
.content-around { -ms-flex-line-pack: distribute; align-content: space-around }
.content-stretch { -ms-flex-line-pack: stretch; align-content: stretch }

.flex-min { min-height: 0; min-width: 0 }
.flex-max { max-height: 100%; max-width: 100% }

.flex-golden { -webkit-box-flex: 0; -ms-flex: 0 1 61.803398875%; flex: 0 1 61.803398875% }
.flex-initial { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto }
.flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
.flex-none { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }

.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.flex-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 }
.flex-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 }
.flex-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4 }
.flex-5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5 }
.flex-6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6 }
.flex-7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7 }
.flex-8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8 }
.flex-9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9 }
.flex-10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10 }
.flex-11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11 }
.flex-12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12 }

.grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 }
.grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
.grow-2 { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 }
.grow-3 { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3 }
.grow-4 { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4 }
.grow-5 { -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5 }
.grow-6 { -webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6 }
.grow-7 { -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7 }
.grow-8 { -webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8 }
.grow-9 { -webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9 }
.grow-10 { -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10 }
.grow-11 { -webkit-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11 }
.grow-12 { -webkit-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12 }

.shrink-0 { -ms-flex-negative: 0; flex-shrink: 0 }
.shrink-1 { -ms-flex-negative: 1; flex-shrink: 1 }
.shrink-2 { -ms-flex-negative: 2; flex-shrink: 2 }
.shrink-3 { -ms-flex-negative: 3; flex-shrink: 3 }
.shrink-4 { -ms-flex-negative: 4; flex-shrink: 4 }
.shrink-5 { -ms-flex-negative: 5; flex-shrink: 5 }
.shrink-6 { -ms-flex-negative: 6; flex-shrink: 6 }
.shrink-7 { -ms-flex-negative: 7; flex-shrink: 7 }
.shrink-8 { -ms-flex-negative: 8; flex-shrink: 8 }
.shrink-9 { -ms-flex-negative: 9; flex-shrink: 9 }
.shrink-10 { -ms-flex-negative: 10; flex-shrink: 10 }
.shrink-11 { -ms-flex-negative: 11; flex-shrink: 11 }
.shrink-12 { -ms-flex-negative: 12; flex-shrink: 12 }

.basis-0 { -ms-flex-preferred-size: 0%; flex-basis: 0% }
.basis-1 { -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333% }
.basis-2 { -ms-flex-preferred-size: 16.6666666666%; flex-basis: 16.6666666666% }
.basis-3 { -ms-flex-preferred-size: 25%; flex-basis: 25% }
.basis-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333% }
.basis-5 { -ms-flex-preferred-size: 41.6666666666%; flex-basis: 41.6666666666% }
.basis-6 { -ms-flex-preferred-size: 50%; flex-basis: 50% }
.basis-7 { -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333% }
.basis-8 { -ms-flex-preferred-size: 66.6666666666%; flex-basis: 66.6666666666% }
.basis-9 { -ms-flex-preferred-size: 75%; flex-basis: 75% }
.basis-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333% }
.basis-11 { -ms-flex-preferred-size: 91.6666666666%; flex-basis: 91.6666666666% }
.basis-12 { -ms-flex-preferred-size: 100%; flex-basis: 100% }

.basis-100vw { -ms-flex-preferred-size: 100vw; flex-basis: 100vw }
.basis-100vh { -ms-flex-preferred-size: 100vh; flex-basis: 100vh }
.basis-100vmax { -ms-flex-preferred-size: 100vmax; flex-basis: 100vmax }
.basis-100vmin { -ms-flex-preferred-size: 100vmin; flex-basis: 100vmin }

.basis-golden { -ms-flex-preferred-size: 61.803398875%; flex-basis: 61.803398875% }
.basis-content { -ms-flex-preferred-size: content; flex-basis: content }
.basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto }

@media (orientation: portrait) {
    .flex\@portrait { display: -webkit-box; display: -ms-flexbox; display: flex }
    .inline-flex\@portrait { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
    .flex-wrap\@portrait { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .flex-nowrap\@portrait { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
    .flex-wrap-reverse\@portrait { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
}

@media (orientation: landscape) {
    .flex\@landscape { display: -webkit-box; display: -ms-flexbox; display: flex }
    .inline-flex\@landscape { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
    .flex-wrap\@landscape { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .flex-nowrap\@landscape { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
    .flex-wrap-reverse\@landscape { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
}

/*!
* jQuery Mobile 1.4.5
* Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* SVG icons */
.ui-icon-action:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-alert:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8%20C6.447%2C8%2C6%2C7.553%2C6%2C7V5c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-d-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-d-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-d:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-u-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-u-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-arrow-u:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-audio:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-back:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-bars:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-bullets:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5%20C4.447%2C6%2C4%2C6.447%2C4%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1%20S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-calendar:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-camera:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2%20v6c0%2C1.104%2C0.896%2C2%2C2%2C2h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2%20C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-carat-d:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-carat-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-carat-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-carat-u:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-check:after,
/* Used ui-checkbox-on twice to increase specificity. If active state has background-image for gradient this rule overrides. */
html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-clock:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-cloud:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2%20c-0.158%2C0-0.311%2C0.023-0.457%2C0.058C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9%20c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-comment:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-delete:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-edit:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-eye:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-forbidden:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-forward:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-gear:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-grid:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-heart:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C1.872c-2-3-7-2-7%2C2c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.479%2C3%2C3c0.583-0.521%2C3-3%2C3-3s4-4%2C4-7%20C14-0.128%2C9-1.128%2C7%2C1.872z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-home:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-info:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-location:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4%20s0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-lock:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848%20C6.207%2C9.673%2C6%2C9.366%2C6%2C9c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-mail:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-minus:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-navigation:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-phone:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%22-0.01%200.008%2014%2014%22%20style%3D%22enable-background%3Anew%20-0.01%200.008%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M6.939%2C9.189C6.165%2C8.557%2C5.271%2C7.705%2C4.497%2C6.744C3.953%2C6.071%2C3.473%2C5.363%2C3.969%2C4.866l-3.482-3.48%20C-0.021%2C2.02-1.146%2C5.04%2C3.675%2C9.984c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.4C8.725%2C10.568%2C8.113%2C10.146%2C6.939%2C9.189z%20%20M13.82%2C11.519v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.211-0.546-0.205-0.754%2C0.002L9.455%2C9.831l3.403%2C3.407%20c0%2C0%2C0.962-0.96%2C0.961-0.961l0.002-0.001C14.043%2C12.056%2C14.021%2C11.721%2C13.82%2C11.519z%20M5.192%2C3.644V3.642%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.881c0%2C0-2.726-2.725-2.727-2.726C2.255-0.055%2C1.92-0.05%2C1.712%2C0.156L0.751%2C1.121l3.479%2C3.482%20C4.231%2C4.604%2C5.192%2C3.645%2C5.192%2C3.644z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-plus:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-power:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-recycle:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11%20C4.791%2C11%2C3%2C9.209%2C3%2C7z%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4%20h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-refresh:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-search:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-shop:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5%20S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5%20S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-star:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-icon-tag:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-user:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-icon-video:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E");
}
/* Alt icons */
.ui-alt-icon.ui-icon-action:after,
.ui-alt-icon .ui-icon-action:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-alert:after,
.ui-alt-icon .ui-icon-alert:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8C6.447%2C8%2C6%2C7.553%2C6%2C7V5%20c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-d:after,
.ui-alt-icon .ui-icon-arrow-d:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-d-l:after,
.ui-alt-icon .ui-icon-arrow-d-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-d-r:after,
.ui-alt-icon .ui-icon-arrow-d-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-l:after,
.ui-alt-icon .ui-icon-arrow-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-r:after,
.ui-alt-icon .ui-icon-arrow-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-u:after,
.ui-alt-icon .ui-icon-arrow-u:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-u-l:after,
.ui-alt-icon .ui-icon-arrow-u-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-arrow-u-r:after,
.ui-alt-icon .ui-icon-arrow-u-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-audio:after,
.ui-alt-icon .ui-icon-audio:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-back:after,
.ui-alt-icon .ui-icon-back:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-bars:after,
.ui-alt-icon .ui-icon-bars:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h12%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-bullets:after,
.ui-alt-icon .ui-icon-bullets:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5C4.447%2C6%2C4%2C6.447%2C4%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h8%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-calendar:after,
.ui-alt-icon .ui-icon-calendar:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-camera:after,
.ui-alt-icon .ui-icon-camera:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2%20h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-carat-d:after,
.ui-alt-icon .ui-icon-carat-d:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-carat-l:after,
.ui-alt-icon .ui-icon-carat-l:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-carat-r:after,
.ui-alt-icon .ui-icon-carat-r:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-carat-u:after,
.ui-alt-icon .ui-icon-carat-u:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-check:after,
.ui-alt-icon .ui-icon-check:after,
html .ui-alt-icon.ui-btn.ui-checkbox-on:after,
html .ui-alt-icon .ui-btn.ui-checkbox-on:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-clock:after,
.ui-alt-icon .ui-icon-clock:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-cloud:after,
.ui-alt-icon .ui-icon-cloud:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2c-0.158%2C0-0.311%2C0.023-0.457%2C0.058%20C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07%20C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-comment:after,
.ui-alt-icon .ui-icon-comment:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-delete:after,
.ui-alt-icon .ui-icon-delete:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-edit:after,
.ui-alt-icon .ui-icon-edit:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-eye:after,
.ui-alt-icon .ui-icon-eye:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-forbidden:after,
.ui-alt-icon .ui-icon-forbidden:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-forward:after,
.ui-alt-icon .ui-icon-forward:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-gear:after,
.ui-alt-icon .ui-icon-gear:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-grid:after,
.ui-alt-icon .ui-icon-grid:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-heart:after,
.ui-alt-icon .ui-icon-heart:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C1.958c-2-3-7-2.128-7%2C1.872c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.48%2C3%2C3c0.583-0.52%2C3-3%2C3-3s4-4%2C4-7C14-0.169%2C9-1.042%2C7%2C1.958z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-home:after,
.ui-alt-icon .ui-icon-home:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-info:after,
.ui-alt-icon .ui-icon-info:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-location:after,
.ui-alt-icon .ui-icon-location:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4s0.896-2%2C2-2%20c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-lock:after,
.ui-alt-icon .ui-icon-lock:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848C6.207%2C9.673%2C6%2C9.366%2C6%2C9%20c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-mail:after,
.ui-alt-icon .ui-icon-mail:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-minus:after,
.ui-alt-icon .ui-icon-minus:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-navigation:after,
.ui-alt-icon .ui-icon-navigation:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-phone:after,
.ui-alt-icon .ui-icon-phone:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.949%2C9.182C6.175%2C8.549%2C5.281%2C7.697%2C4.507%2C6.736C3.963%2C6.063%2C3.483%2C5.355%2C3.979%2C4.858l-3.482-3.48%20c-0.508%2C0.634-1.633%2C3.654%2C3.188%2C8.598c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.399C8.734%2C10.561%2C8.123%2C10.139%2C6.949%2C9.182z%20%20M13.83%2C11.512v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.212-0.546-0.205-0.754%2C0.002L9.465%2C9.823l3.402%2C3.407%20c0%2C0%2C0.963-0.961%2C0.961-0.961l0.002-0.002C14.053%2C12.049%2C14.031%2C11.713%2C13.83%2C11.512z%20M5.202%2C3.636V3.634%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.873c0%2C0-2.726-2.725-2.727-2.726c-0.21-0.21-0.545-0.205-0.753%2C0.001L0.761%2C1.113L4.24%2C4.595%20C4.241%2C4.596%2C5.202%2C3.637%2C5.202%2C3.636z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-plus:after,
.ui-alt-icon .ui-icon-plus:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-power:after,
.ui-alt-icon .ui-icon-power:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773%20s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863%20c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365%20c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773%20C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1c-0.553%2C0-1%2C0.447-1%2C1v6%20C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-recycle:after,
.ui-alt-icon .ui-icon-recycle:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11C4.791%2C11%2C3%2C9.209%2C3%2C7z%20%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-refresh:after,
.ui-alt-icon .ui-icon-refresh:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-search:after,
.ui-alt-icon .ui-icon-search:after,
.ui-input-search:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5s2.463%2C5.5%2C5.5%2C5.5%20c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-shop:after,
.ui-alt-icon .ui-icon-shop:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5%20S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5%20S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-star:after,
.ui-alt-icon .ui-icon-star:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-tag:after,
.ui-alt-icon .ui-icon-tag:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-user:after,
.ui-alt-icon .ui-icon-user:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-alt-icon.ui-icon-video:after,
.ui-alt-icon .ui-icon-video:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E");
}
/* PNG icons */
.ui-nosvg .ui-icon-action:after {
    background-image: url(images/icons-png/action-white.png);
}
.ui-nosvg .ui-icon-alert:after {
    background-image: url(images/icons-png/alert-white.png);
}
.ui-nosvg .ui-icon-arrow-d-l:after {
    background-image: url(images/icons-png/arrow-d-l-white.png);
}
.ui-nosvg .ui-icon-arrow-d-r:after {
    background-image: url(images/icons-png/arrow-d-r-white.png);
}
.ui-nosvg .ui-icon-arrow-d:after {
    background-image: url(images/icons-png/arrow-d-white.png);
}
.ui-nosvg .ui-icon-arrow-l:after {
    background-image: url(images/icons-png/arrow-l-white.png);
}
.ui-nosvg .ui-icon-arrow-r:after {
    background-image: url(images/icons-png/arrow-r-white.png);
}
.ui-nosvg .ui-icon-arrow-u-l:after {
    background-image: url(images/icons-png/arrow-u-l-white.png);
}
.ui-nosvg .ui-icon-arrow-u-r:after {
    background-image: url(images/icons-png/arrow-u-r-white.png);
}
.ui-nosvg .ui-icon-arrow-u:after {
    background-image: url(images/icons-png/arrow-u-white.png);
}
.ui-nosvg .ui-icon-audio:after {
    background-image: url(images/icons-png/audio-white.png);
}
.ui-nosvg .ui-icon-back:after {
    background-image: url(images/icons-png/back-white.png);
}
.ui-nosvg .ui-icon-bars:after {
    background-image: url(images/icons-png/bars-white.png);
}
.ui-nosvg .ui-icon-bullets:after {
    background-image: url(images/icons-png/bullets-white.png);
}
.ui-nosvg .ui-icon-calendar:after {
    background-image: url(images/icons-png/calendar-white.png);
}
.ui-nosvg .ui-icon-camera:after {
    background-image: url(images/icons-png/camera-white.png);
}
.ui-nosvg .ui-icon-carat-d:after {
    background-image: url(images/icons-png/carat-d-white.png);
}
.ui-nosvg .ui-icon-carat-l:after {
    background-image: url(images/icons-png/carat-l-white.png);
}
.ui-nosvg .ui-icon-carat-r:after {
    background-image: url(images/icons-png/carat-r-white.png);
}
.ui-nosvg .ui-icon-carat-u:after {
    background-image: url(images/icons-png/carat-u-white.png);
}
.ui-nosvg .ui-icon-check:after,
html.ui-nosvg .ui-btn.ui-checkbox-on:after {
    background-image: url(images/icons-png/check-white.png);
}
.ui-nosvg .ui-icon-clock:after {
    background-image: url(images/icons-png/clock-white.png);
}
.ui-nosvg .ui-icon-cloud:after {
    background-image: url(images/icons-png/cloud-white.png);
}
.ui-nosvg .ui-icon-comment:after {
    background-image: url(images/icons-png/comment-white.png);
}
.ui-nosvg .ui-icon-delete:after {
    background-image: url(images/icons-png/delete-white.png);
}
.ui-nosvg .ui-icon-edit:after {
    background-image: url(images/icons-png/edit-white.png);
}
.ui-nosvg .ui-icon-eye:after {
    background-image: url(images/icons-png/eye-white.png);
}
.ui-nosvg .ui-icon-forbidden:after {
    background-image: url(images/icons-png/forbidden-white.png);
}
.ui-nosvg .ui-icon-forward:after {
    background-image: url(images/icons-png/forward-white.png);
}
.ui-nosvg .ui-icon-gear:after {
    background-image: url(images/icons-png/gear-white.png);
}
.ui-nosvg .ui-icon-grid:after {
    background-image: url(images/icons-png/grid-white.png);
}
.ui-nosvg .ui-icon-heart:after {
    background-image: url(images/icons-png/heart-white.png);
}
.ui-nosvg .ui-icon-home:after {
    background-image: url(images/icons-png/home-white.png);
}
.ui-nosvg .ui-icon-info:after {
    background-image: url(images/icons-png/info-white.png);
}
.ui-nosvg .ui-icon-location:after {
    background-image: url(images/icons-png/location-white.png);
}
.ui-nosvg .ui-icon-lock:after {
    background-image: url(images/icons-png/lock-white.png);
}
.ui-nosvg .ui-icon-mail:after {
    background-image: url(images/icons-png/mail-white.png);
}
.ui-nosvg .ui-icon-minus:after {
    background-image: url(images/icons-png/minus-white.png);
}
.ui-nosvg .ui-icon-navigation:after {
    background-image: url(images/icons-png/navigation-white.png);
}
.ui-nosvg .ui-icon-phone:after {
    background-image: url(images/icons-png/phone-white.png);
}
.ui-nosvg .ui-icon-plus:after {
    background-image: url(images/icons-png/plus-white.png);
}
.ui-nosvg .ui-icon-power:after {
    background-image: url(images/icons-png/power-white.png);
}
.ui-nosvg .ui-icon-recycle:after {
    background-image: url(images/icons-png/recycle-white.png);
}
.ui-nosvg .ui-icon-refresh:after {
    background-image: url(images/icons-png/refresh-white.png);
}
.ui-nosvg .ui-icon-search:after {
    background-image: url(images/icons-png/search-white.png);
}
.ui-nosvg .ui-icon-shop:after {
    background-image: url(images/icons-png/shop-white.png);
}
.ui-nosvg .ui-icon-star:after {
    background-image: url(images/icons-png/star-white.png);
}
.ui-nosvg .ui-icon-tag:after {
    background-image: url(images/icons-png/tag-white.png);
}
.ui-nosvg .ui-icon-user:after {
    background-image: url(images/icons-png/user-white.png);
}
.ui-nosvg .ui-icon-video:after {
    background-image: url(images/icons-png/video-white.png);
}
/* Alt icons */
.ui-nosvg .ui-alt-icon.ui-icon-action:after,
.ui-nosvg .ui-alt-icon .ui-icon-action:after {
    background-image: url(images/icons-png/action-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-alert:after,
.ui-nosvg .ui-alt-icon .ui-icon-alert:after {
    background-image: url(images/icons-png/alert-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-d:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-d:after {
    background-image: url(images/icons-png/arrow-d-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-d-l:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-d-l:after {
    background-image: url(images/icons-png/arrow-d-l-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-d-r:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-d-r:after {
    background-image: url(images/icons-png/arrow-d-r-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-l:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-l:after {
    background-image: url(images/icons-png/arrow-l-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-r:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-r:after {
    background-image: url(images/icons-png/arrow-r-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-u:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-u:after {
    background-image: url(images/icons-png/arrow-u-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-u-l:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-u-l:after {
    background-image: url(images/icons-png/arrow-u-l-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-arrow-u-r:after,
.ui-nosvg .ui-alt-icon .ui-icon-arrow-u-r:after {
    background-image: url(images/icons-png/arrow-u-r-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-audio:after,
.ui-nosvg .ui-alt-icon .ui-icon-audio:after {
    background-image: url(images/icons-png/audio-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-back:after,
.ui-nosvg .ui-alt-icon .ui-icon-back:after {
    background-image: url(images/icons-png/back-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-bars:after,
.ui-nosvg .ui-alt-icon .ui-icon-bars:after {
    background-image: url(images/icons-png/bars-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-bullets:after,
.ui-nosvg .ui-alt-icon .ui-icon-bullets:after {
    background-image: url(images/icons-png/bullets-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-calendar:after,
.ui-nosvg .ui-alt-icon .ui-icon-calendar:after {
    background-image: url(images/icons-png/calendar-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-camera:after,
.ui-nosvg .ui-alt-icon .ui-icon-camera:after {
    background-image: url(images/icons-png/camera-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-carat-d:after,
.ui-nosvg .ui-alt-icon .ui-icon-carat-d:after {
    background-image: url(images/icons-png/carat-d-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-carat-l:after,
.ui-nosvg .ui-alt-icon .ui-icon-carat-l:after {
    background-image: url(images/icons-png/carat-l-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-carat-r:after,
.ui-nosvg .ui-alt-icon .ui-icon-carat-r:after {
    background-image: url(images/icons-png/carat-r-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-carat-u:after,
.ui-nosvg .ui-alt-icon .ui-icon-carat-u:after {
    background-image: url(images/icons-png/carat-u-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-check:after,
.ui-nosvg .ui-alt-icon .ui-icon-check:after,
.ui-nosvg .ui-alt-icon.ui-btn.ui-checkbox-on:after,
.ui-nosvg .ui-alt-icon .ui-btn.ui-checkbox-on:after {
    background-image: url(images/icons-png/check-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-clock:after,
.ui-nosvg .ui-alt-icon .ui-icon-clock:after {
    background-image: url(images/icons-png/clock-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-cloud:after,
.ui-nosvg .ui-alt-icon .ui-icon-cloud:after {
    background-image: url(images/icons-png/cloud-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-comment:after,
.ui-nosvg .ui-alt-icon .ui-icon-comment:after {
    background-image: url(images/icons-png/comment-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-delete:after,
.ui-nosvg .ui-alt-icon .ui-icon-delete:after {
    background-image: url(images/icons-png/delete-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-edit:after,
.ui-nosvg .ui-alt-icon .ui-icon-edit:after {
    background-image: url(images/icons-png/edit-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-eye:after,
.ui-nosvg .ui-alt-icon .ui-icon-eye:after {
    background-image: url(images/icons-png/eye-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-forbidden:after,
.ui-nosvg .ui-alt-icon .ui-icon-forbidden:after {
    background-image: url(images/icons-png/forbidden-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-forward:after,
.ui-nosvg .ui-alt-icon .ui-icon-forward:after {
    background-image: url(images/icons-png/forward-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-gear:after,
.ui-nosvg .ui-alt-icon .ui-icon-gear:after {
    background-image: url(images/icons-png/gear-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-grid:after,
.ui-nosvg .ui-alt-icon .ui-icon-grid:after {
    background-image: url(images/icons-png/grid-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-heart:after,
.ui-nosvg .ui-alt-icon .ui-icon-heart:after {
    background-image: url(images/icons-png/heart-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-home:after,
.ui-nosvg .ui-alt-icon .ui-icon-home:after {
    background-image: url(images/icons-png/home-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-info:after,
.ui-nosvg .ui-alt-icon .ui-icon-info:after {
    background-image: url(images/icons-png/info-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-location:after,
.ui-nosvg .ui-alt-icon .ui-icon-location:after {
    background-image: url(images/icons-png/location-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-lock:after,
.ui-nosvg .ui-alt-icon .ui-icon-lock:after {
    background-image: url(images/icons-png/lock-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-mail:after,
.ui-nosvg .ui-alt-icon .ui-icon-mail:after {
    background-image: url(images/icons-png/mail-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-minus:after,
.ui-nosvg .ui-alt-icon .ui-icon-minus:after {
    background-image: url(images/icons-png/minus-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-navigation:after,
.ui-nosvg .ui-alt-icon .ui-icon-navigation:after {
    background-image: url(images/icons-png/navigation-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-phone:after,
.ui-nosvg .ui-alt-icon .ui-icon-phone:after {
    background-image: url(images/icons-png/phone-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-plus:after,
.ui-nosvg .ui-alt-icon .ui-icon-plus:after {
    background-image: url(images/icons-png/plus-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-power:after,
.ui-nosvg .ui-alt-icon .ui-icon-power:after {
    background-image: url(images/icons-png/power-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-recycle:after,
.ui-nosvg .ui-alt-icon .ui-icon-recycle:after {
    background-image: url(images/icons-png/recycle-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-refresh:after,
.ui-nosvg .ui-alt-icon .ui-icon-refresh:after {
    background-image: url(images/icons-png/refresh-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-search:after,
.ui-nosvg .ui-alt-icon .ui-icon-search:after,
.ui-nosvg .ui-input-search:after {
    background-image: url(images/icons-png/search-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-shop:after,
.ui-nosvg .ui-alt-icon .ui-icon-shop:after {
    background-image: url(images/icons-png/shop-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-star:after,
.ui-nosvg .ui-alt-icon .ui-icon-star:after {
    background-image: url(images/icons-png/star-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-tag:after,
.ui-nosvg .ui-alt-icon .ui-icon-tag:after {
    background-image: url(images/icons-png/tag-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-user:after,
.ui-nosvg .ui-alt-icon .ui-icon-user:after {
    background-image: url(images/icons-png/user-black.png);
}
.ui-nosvg .ui-alt-icon.ui-icon-video:after,
.ui-nosvg .ui-alt-icon .ui-icon-video:after {
    background-image: url(images/icons-png/video-black.png);
}
/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
body {
    font-size: 0.805em;
    line-height: 1.3;
    font-family: sans-serif /*{global-font-family}*/;
}
legend,
.ui-input-text input,
.ui-input-search input {
    color: inherit;
    text-shadow: inherit;
}
/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label,
div.ui-controlgroup-label {
    font-weight: normal;
    font-size: 16px;
}
/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain {
    border-bottom-color: #828282;
    border-bottom-color: rgba(0,0,0,.15);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/* Table opt-in classes: strokes between each row, and alternating row stripes */
/* Classes table-stroke and table-stripe are deprecated in 1.4. */
.table-stroke thead th,
.table-stripe thead th,
.table-stripe tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.table-stroke tbody th,
.table-stroke tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.table-stripe.table-stroke tbody tr:last-child th,
.table-stripe.table-stroke tbody tr:last-child td {
    border-bottom: 0;
}
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}
/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
}
.ui-btn {
    text-decoration: none !important;
}
.ui-btn-active {
    cursor: pointer;
}
/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
    -webkit-border-radius: 				.3125em /*{global-radii-blocks}*/;
    border-radius: 						.3125em /*{global-radii-blocks}*/;
}
/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
    -webkit-border-radius: 				.3125em /*{global-radii-buttons}*/;
    border-radius: 						.3125em /*{global-radii-buttons}*/;
}
/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
    left: .6em /*{global-radii-blocks}*/;
    right: .6em /*{global-radii-blocks}*/;
    top: .6em /*{global-radii-blocks}*/;
    bottom: .6em /*{global-radii-blocks}*/;
}
/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
    -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
    -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
    box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
}
.ui-shadow-inset {
    -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ 	rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ 	rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-overlay-shadow {
    -webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
    box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
    background-color: 					#666 /*{global-icon-color}*/;
    background-color: 					rgba(0,0,0,.3) /*{global-icon-disc}*/;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
/* Alt icons */
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
    background-color: 					#666 /*{global-icon-color}*/;
    background-color: 					rgba(0,0,0,.15) /*{global-icon-disc}*/;
}
/* No disc */
.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
    background-color: transparent;
}
/* Icon shadow */
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
    -webkit-box-shadow: 0 1px 0 			rgba(255,255,255,.3) /*{global-icon-shadow}*/;
    -moz-box-shadow: 0 1px 0 				rgba(255,255,255,.3) /*{global-icon-shadow}*/;
    box-shadow: 0 1px 0 					rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}
/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
    display: block;
    width: 18px;
    height: 18px;
    margin: -9px 2px 0 2px;
}
.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
    filter: Alpha(Opacity=30);
    opacity: .3;
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
    -webkit-border-radius: .1875em;
    border-radius: .1875em;
}
.ui-btn.ui-checkbox-off:after {
    background-color: #666;
    background-color: rgba(0,0,0,.3);
}
.ui-radio .ui-btn.ui-radio-on:after {
    background-image: none;
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-width: 5px;
    border-style: solid; 
}
.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
    background-color: #000;
}
/* Loader */
.ui-icon-loading {
    background: url(images/ajax-loader.gif);
    background-size: 2.875em 2.875em;
}
/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
    background-color: 			#e9e9e9 /*{a-bar-background-color}*/;
    border-color:	 		#ddd /*{a-bar-border}*/;
    color: 					#333 /*{a-bar-color}*/;
    font-weight: bold;
}
.ui-bar-a {
    border-width: 1px;
    border-style: solid;
}
/* Page and overlay */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color: 			#f9f9f9 /*{a-page-background-color}*/;
    border-color:	 		#bbb /*{a-page-border}*/;
    color: 					#333 /*{a-page-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
    border-color:	 		#ddd /*{a-body-border}*/;
}
.ui-body-a {
    border-width: 1px;
    border-style: solid;
}

/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    background-color: 			#f6f6f6 /*{a-bup-background-color}*/;
    border-color:	 		#ddd /*{a-bup-border}*/;
    color: 					#333 /*{a-bup-color}*/;
}
/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-group-theme-a .ui-btn:hover,
html head + body .ui-btn.ui-btn-a:hover {
    background-color: 			#ededed /*{a-bhover-background-color}*/;
    border-color:	 		#ddd /*{a-bhover-border}*/;
    color: 					#333 /*{a-bhover-color}*/;
}
/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-group-theme-a .ui-btn:active,
html head + body .ui-btn.ui-btn-a:active {
    background-color: 			#e8e8e8 /*{a-bdown-background-color}*/;
    border-color:	 		#ddd /*{a-bdown-border}*/;
    color: 					#333 /*{a-bdown-color}*/;
}
/* Active button */
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
/* Active flipswitch background */
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: 		#3388cc /*{a-active-background-color}*/;
    border-color:	 		#3388cc /*{a-active-border}*/;
    color: 					#fff /*{a-active-color}*/;
}
/* Active radio button icon */
.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
    border-color:			#3388cc /*{a-active-background-color}*/;
}
/* Focus */
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-body-a.ui-focus {
    -webkit-box-shadow: 0 0 12px 	#3388cc /*{a-active-background-color}*/;
    -moz-box-shadow: 0 0 12px 		#3388cc /*{a-active-background-color}*/;
    box-shadow: 0 0 12px 			#3388cc /*{a-active-background-color}*/;
}
/* B
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-b,
.ui-page-theme-b .ui-bar-inherit,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
    background-color: 			#1d1d1d /*{b-bar-background-color}*/;
    border-color:	 		#1b1b1b /*{b-bar-border}*/;
    color: 					#fff /*{b-bar-color}*/;
    font-weight: bold;
}
.ui-bar-b {
    border-width: 1px;
    border-style: solid;
}
/* Page and overlay */
.ui-overlay-b,
.ui-page-theme-b,
.ui-page-theme-b .ui-panel-wrapper {
    background-color: 			#252525 /*{b-page-background-color}*/;
    border-color:	 		#454545 /*{b-page-border}*/;
    color: 					#fff /*{b-page-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
    background-color: 			#2a2a2a /*{b-body-background-color}*/;
    border-color:	 		#1d1d1d /*{b-body-border}*/;
    color: 					#fff /*{b-body-color}*/;
}
.ui-body-b {
    border-width: 1px;
    border-style: solid;
}
/* Links */
.ui-page-theme-b a,
html .ui-bar-b a,
html .ui-body-b a,
html body .ui-group-theme-b a {
    color: #22aadd /*{b-link-color}*/;
    font-weight: bold;
}
.ui-page-theme-b a:visited,
html .ui-bar-b a:visited,
html .ui-body-b a:visited,
html body .ui-group-theme-b a:visited {
    color: #22aadd /*{b-link-visited}*/;
}
.ui-page-theme-b a:hover,
html .ui-bar-b a:hover,
html .ui-body-b a:hover,
html body .ui-group-theme-b a:hover {
    color: #0088bb /*{b-link-hover}*/;
}
.ui-page-theme-b a:active,
html .ui-bar-b a:active,
html .ui-body-b a:active,
html body .ui-group-theme-b a:active {
    color: #0088bb /*{b-link-active}*/;
}
/* Button up */
.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn,
html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn,
html head + body .ui-btn.ui-btn-b,
/* Button visited */
.ui-page-theme-b .ui-btn:visited,
html .ui-bar-b .ui-btn:visited,
html .ui-body-b .ui-btn:visited,
html body .ui-group-theme-b .ui-btn:visited,
html head + body .ui-btn.ui-btn-b:visited {
    background-color: 			#333 /*{b-bup-background-color}*/;
    border-color:	 		#1f1f1f /*{b-bup-border}*/;
    color: 					#fff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-b .ui-btn:hover,
html .ui-bar-b .ui-btn:hover,
html .ui-body-b .ui-btn:hover,
html body .ui-group-theme-b .ui-btn:hover,
html head + body .ui-btn.ui-btn-b:hover {
    background-color: 			#373737 /*{b-bhover-background-color}*/;
    border-color:	 		#1f1f1f /*{b-bhover-border}*/;
    color: 					#fff /*{b-bhover-color}*/;
    text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-b .ui-btn:active,
html .ui-bar-b .ui-btn:active,
html .ui-body-b .ui-btn:active,
html body .ui-group-theme-b .ui-btn:active,
html head + body .ui-btn.ui-btn-b:active {
    background-color: 			#404040 /*{b-bdown-background-color}*/;
    border-color:	 		#1f1f1f /*{b-bdown-border}*/;
    color: 					#fff /*{b-bdown-color}*/;
    text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-b .ui-btn.ui-btn-active,
html .ui-bar-b .ui-btn.ui-btn-active,
html .ui-body-b .ui-btn.ui-btn-active,
html body .ui-group-theme-b .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-b.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-b .ui-checkbox-on:after,
html .ui-bar-b .ui-checkbox-on:after,
html .ui-body-b .ui-checkbox-on:after,
html body .ui-group-theme-b .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-b:after,
/* Active flipswitch background */
.ui-page-theme-b .ui-flipswitch-active,
html .ui-bar-b .ui-flipswitch-active,
html .ui-body-b .ui-flipswitch-active,
html body .ui-group-theme-b .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-b .ui-slider-track .ui-btn-active,
html .ui-bar-b .ui-slider-track .ui-btn-active,
html .ui-body-b .ui-slider-track .ui-btn-active,
html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-b .ui-btn-active {
    background-color: 		#22aadd /*{b-active-background-color}*/;
    border-color:	 		#22aadd /*{b-active-border}*/;
    color: 					#fff /*{b-active-color}*/;
    text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #0088bb /*{b-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-b .ui-radio-on:after,
html .ui-bar-b .ui-radio-on:after,
html .ui-body-b .ui-radio-on:after,
html body .ui-group-theme-b .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-b:after {
    border-color:			#22aadd /*{b-active-background-color}*/;
}
/* Focus */
.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .ui-btn:focus,
html head + body .ui-btn.ui-btn-b:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-group-theme-b .ui-focus,
html head + body .ui-btn-b.ui-focus,
html head + body .ui-body-b.ui-focus {
    -webkit-box-shadow: 0 0 12px 	#22aadd /*{b-active-background-color}*/;
    -moz-box-shadow: 0 0 12px 		#22aadd /*{b-active-background-color}*/;
    box-shadow: 0 0 12px 			#22aadd /*{b-active-background-color}*/;
}
/* Structure */
/* Disabled
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
.ui-disabled,
.ui-state-disabled,
button[disabled],
.ui-select .ui-btn.ui-state-disabled {
    filter: Alpha(Opacity=30);
    opacity: .3;
    cursor: default !important;
    pointer-events: none;
}
/* Focus state outline
-----------------------------------------------------------------------------------------------------------*/
.ui-btn:focus,
.ui-btn.ui-focus {
    outline: 0;
}
/* Unset box-shadow in browsers that don't do it right */
.ui-noboxshadow .ui-shadow,
.ui-noboxshadow .ui-shadow-inset,
.ui-noboxshadow .ui-overlay-shadow,
.ui-noboxshadow .ui-shadow-icon.ui-btn:after,
.ui-noboxshadow .ui-shadow-icon .ui-btn:after,
.ui-noboxshadow .ui-focus,
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow  input:focus,
.ui-noboxshadow .ui-panel {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow .ui-focus {
    outline-width: 1px;
    outline-style: auto;
}
/* Some unsets */
.ui-mobile,
.ui-mobile body {
    height: 99.9%;
}
.ui-mobile fieldset,
.ui-page {
    padding: 0;
    margin: 0;
}
.ui-mobile a img,
.ui-mobile fieldset {
    border-width: 0;
}
/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset {
    min-width: 0;
}
@-moz-document url-prefix() {
    .ui-mobile fieldset {
        display: table-column;
        vertical-align: middle;
    }
}
/* Viewport */
.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport {
    overflow-x: hidden;
}
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0;
}
/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page {
    outline: none;
}
.ui-mobile .ui-page-active {
    display: block;
    overflow: visible;
    overflow-x: hidden;
}
@media screen and (orientation: portrait) {
    .ui-mobile .ui-page {
        min-height: 420px;
    }
}
@media screen and (orientation: landscape) {
    .ui-mobile .ui-page {
        min-height: 300px;
    }
}
/* Fouc */
.ui-mobile-rendering > * {
    visibility: hidden;
}
/* Non-js content hiding */
.ui-nojs {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/* Loading screen */
.ui-loading .ui-loader {
    display: block;
    position: absolute !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;  

}
.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%; 
    left: 50%;
    border:0;
}

#loadingPage .ui-loading
{
    background-color: #ffffff !important;
}

.ui-loader-default {
    background: none;
    filter: Alpha(Opacity=18);
    opacity: .18;
    width: 2.875em;
    height: 2.875em;
    margin-left: -1.4375em;
    margin-top: -1.4375em;
}
.ui-loader-verbose {
    width: 12.5em;
    filter: Alpha(Opacity=88);
    opacity: .88;
    box-shadow: 0 1px 1px -1px #fff;
    height: auto;
    margin-left: -6.875em;
    margin-top: -2.6875em;
    padding: .625em;
}
.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.ui-loader-verbose h1 {
    font-size: 1em;
    margin: 0;
    text-align: center;
}
.ui-loader .ui-icon-loading {
    background-color: #000;
    display: block;
    margin: 0 !important;
    width: 2.75em;
    height: 2.75em;
    padding: .0625em;
    -webkit-border-radius: 2.25em;
    border-radius: 2.25em;
}
.ui-loader-verbose .ui-icon-loading {
    margin: 0 auto .625em;
    filter: Alpha(Opacity=75);
    opacity: .75;
}
.ui-loader-textonly {
    padding: .9375em;
    margin-left: -7.1875em;
}
.ui-loader-textonly .ui-icon-loading {
    display: none;
}
.ui-loader-fakefix {
    position: absolute;
}
/* Headers, content panels */
.ui-bar,
.ui-body {
    position: relative;
    padding: .4em 1em;
    overflow: hidden;
    display: block;
    clear: both;
}
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    display: inline-block;
}
.ui-header,
.ui-footer {
    border-width: 1px 0;
    border-style: solid;
    position: relative;
}
.ui-header:empty,
.ui-footer:empty {
    min-height: 2.6875em;
}
.ui-header .ui-title,
.ui-footer .ui-title {
    font-size: 1em;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 30%;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
}
.ui-footer .ui-title {
    margin: 0 1em;
}
.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 1em;
}
/* Corner styling for dialogs and popups */
.ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
/* Buttons and icons */
.ui-btn {
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui-btn-icon-notext,
.ui-header button.ui-btn.ui-btn-icon-notext,
.ui-footer button.ui-btn.ui-btn-icon-notext {
    padding: 0;
    width: 1.75em;
    height: 1.75em;
    text-indent: -9999px;
    white-space: nowrap !important;
}
.ui-mini {
    font-size: 12.5px;
}
.ui-mini .ui-btn {
    font-size: inherit;
}
/* Make buttons in toolbars default to mini and inline. */
.ui-header .ui-btn,
.ui-footer .ui-btn {
    font-size: 12.5px;
    display: inline-block;
    vertical-align: middle;
}
.ui-header .ui-controlgroup .ui-btn-icon-notext,
.ui-footer .ui-controlgroup .ui-btn-icon-notext {
    font-size: 12.5px;
}
/* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
    font-size: 12.5px;
}
.ui-mini.ui-btn-icon-notext,
.ui-mini .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext,
.ui-footer .ui-btn-icon-notext {
    font-size: 16px;	
    padding: 0;
}
.ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: .625em;
}
.ui-btn-icon-left {
    padding-left: 2.5em;
}
.ui-btn-icon-right {
    padding-right: 2.5em;
}
.ui-btn-icon-top {
    padding-top: 2.5em;
}
.ui-btn-icon-bottom {
    padding-bottom: 2.5em;
}
.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
.ui-footer .ui-btn-icon-bottom {
    padding-left: .3125em;
    padding-right: .3125em;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
    top: 50%;
    margin-top: -11px;
}
.ui-btn-icon-left:after {
    left: .5625em;
}
.ui-btn-icon-right:after {
    right: .5625em;
}
.ui-mini.ui-btn-icon-left:after,
.ui-mini .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
    left: .37em;
}
.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
    right: .37em;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after {
    left: 50%;
    margin-left: -11px;
}
.ui-btn-icon-top:after {
    top: .5625em;
}
.ui-btn-icon-bottom:after {
    top: auto;
    bottom: .5625em;
}
/* Buttons in header position classes */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-btn-left > [class*="ui-"],
.ui-btn-right > [class*="ui-"] {
    margin: 0;
}
.ui-btn-left,
.ui-btn-right {
    position: absolute;
    top: .24em;
}
.ui-btn-left {
    left: .4em;
}
.ui-btn-right {
    right: .4em;
}
.ui-btn-icon-notext.ui-btn-left {
    top: .3125em;
    left: .3125em;
}
.ui-btn-icon-notext.ui-btn-right {
    top: .3125em;
    right: .3125em;
}
/* Button elements */
button.ui-btn,
.ui-controlgroup-controls button.ui-btn-icon-notext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}
button.ui-btn-inline,
.ui-header button.ui-btn,
.ui-footer button.ui-btn {
    width: auto;
}
/* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
button.ui-btn::-moz-focus-inner {
    border: 0;
}
button.ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 1.75em;
}
/* Form labels */
/* Accessible content hiding */
/* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
.ui-hide-label > label,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden {
    display: none !important;
}
/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-page-pre-in {
    opacity: 0;
}
.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}
.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 225ms;
    animation-timing-function: ease-in;
    animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout;
}
.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein;
}
.pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.pop.in {
    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1;
}
.pop.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms;
    opacity: 0;
}
.pop.in.reverse {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    animation-name: fadein;
}
.pop.out.reverse {
    -webkit-transform: scale(.8);
    -webkit-animation-name: popout;
    -moz-transform: scale(.8);
    -moz-animation-name: popout;
    transform: scale(.8);
    animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}
@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(.8);
        opacity: 0;
    }
}
/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translate3d(100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromright {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translate3d(-100%,0,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform: translateX(-100%); }
    to { -moz-transform: translateX(0); }
}
@keyframes slideinfromleft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(-100%,0,0); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}
@keyframes slideouttoleft {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translate3d(0,0,0); }
    to { -webkit-transform: translate3d(100%,0,0); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}
@keyframes slideouttoright {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}
.slide.out, .slide.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}
.slide.out {
    -webkit-transform: translate3d(-100%,0,0);
    -webkit-animation-name: slideouttoleft;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
}
.slide.in {
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: slideinfromright;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromright;
    transform: translateX(0);
    animation-name: slideinfromright;
}
.slide.out.reverse {
    -webkit-transform: translate3d(100%,0,0);
    -webkit-animation-name: slideouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    transform: translateX(100%);
    animation-name: slideouttoright;
}
.slide.in.reverse {
    -webkit-transform: translate3d(0,0,0);
    -webkit-animation-name: slideinfromleft;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromleft;
    transform: translateX(0);
    animation-name: slideinfromleft;
}
.slidefade.out {
    -webkit-transform: translateX(-100%);
    -webkit-animation-name: slideouttoleft;
    -webkit-animation-duration: 225ms;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    -moz-animation-duration: 225ms;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
    animation-duration: 225ms;
}
.slidefade.in {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    -moz-animation-duration: 200ms;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 200ms;
}
.slidefade.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: slideouttoright;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    -moz-animation-duration: 200ms;
    transform: translateX(100%);
    animation-name: slideouttoright;
    animation-duration: 200ms;
}
.slidefade.in.reverse {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    -moz-animation-duration: 200ms;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 200ms;
}
/* slide down */
.slidedown.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms;
}
.slidedown.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfromtop;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfromtop;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfromtop;
    animation-duration: 250ms;
}
.slidedown.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms;
}
.slidedown.out.reverse {
    -webkit-transform: translateY(-100%);
    -webkit-animation-name: slideouttotop;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateY(-100%);
    -moz-animation-name: slideouttotop;
    -moz-animation-duration: 200ms;
    transform: translateY(-100%);
    animation-name: slideouttotop;
    animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfromtop {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
@keyframes slideouttotop {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}
/* slide up */
.slideup.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 100ms;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 100ms;
    animation-name: fadeout;
    animation-duration: 100ms;
}
.slideup.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfrombottom;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfrombottom;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfrombottom;
    animation-duration: 250ms;
}
.slideup.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms;
}
.slideup.out.reverse {
    -webkit-transform: translateY(100%);
    -webkit-animation-name: slideouttobottom;
    -webkit-animation-duration: 200ms;
    -moz-transform: translateY(100%);
    -moz-animation-name: slideouttobottom;
    -moz-animation-duration: 200ms;
    transform: translateY(100%);
    animation-name: slideouttobottom;
    animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0); }
}
@keyframes slideinfrombottom {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(100%); }
}
@keyframes slideouttobottom {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    position: absolute;
}
.flip {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 175ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 175ms;
    transform: rotateY(-90deg) scale(.9);
    animation-name: flipouttoleft;
    animation-duration: 175ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 225ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 225ms;
    animation-name: flipintoright;
    animation-duration: 225ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(.9);
    animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* The properties in this rule are only necessary for the 'flip' transition.
 * We need specify the perspective to create a projection matrix. This will add
 * some depth as the element flips. The depth number represents the distance of
 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 * value.
 */
.viewport-turn {
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 200px;
    position: absolute;
}
.turn {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
    -webkit-transform-origin: 0;

    -moz-backface-visibility: hidden;
    -moz-transform: translateX(0);
    -moz-transform-origin: 0;

    backface-visibility :hidden;
    transform: translateX(0);
    transform-origin: 0;
}
.turn.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 125ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 125ms;
    transform: rotateY(-90deg) scale(.9);
    animation-name: flipouttoleft;
    animation-duration: 125ms;
}
.turn.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 250ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 250ms;
    animation-name: flipintoright;
    animation-duration: 250ms;

}
.turn.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(.9);
    animation-name: flipouttoright;
}
.turn.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}
/* flow transition */
.flow {
    -webkit-transform-origin: 50% 30%;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
    -moz-transform-origin: 50% 30%;	
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
    transform-origin: 50% 30%;	
    box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.ui-dialog.flow {
    -webkit-transform-origin: none;
    -webkit-box-shadow: none;
    -moz-transform-origin: none;	
    -moz-box-shadow: none;
    transform-origin: none;	
    box-shadow: none;
}
.flow.out {
    -webkit-transform: translateX(-100%) scale(.7);
    -webkit-animation-name: flowouttoleft;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 350ms;
    -moz-transform: translateX(-100%) scale(.7);
    -moz-animation-name: flowouttoleft;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 350ms;
    transform: translateX(-100%) scale(.7);
    animation-name: flowouttoleft;
    animation-timing-function: ease;
    animation-duration: 350ms;
}
.flow.in {
    -webkit-transform: translateX(0) scale(1);
    -webkit-animation-name: flowinfromright;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 350ms;
    -moz-transform: translateX(0) scale(1);
    -moz-animation-name: flowinfromright;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 350ms;
    transform: translateX(0) scale(1);
    animation-name: flowinfromright;
    animation-timing-function: ease;
    animation-duration: 350ms;
}
.flow.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: flowouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: flowouttoright;
    transform: translateX(100%);
    animation-name: flowouttoright;
}
.flow.in.reverse {
    -webkit-animation-name: flowinfromleft;
    -moz-animation-name: flowinfromleft;
    animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
    0% { -webkit-transform: translateX(0) scale(1); }
    60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(-100%) scale(.7); }
}
@-moz-keyframes flowouttoleft {
    0% { -moz-transform: translateX(0) scale(1); }
    60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(-100%) scale(.7); }
}
@keyframes flowouttoleft {
    0% { transform: translateX(0) scale(1); }
    60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(-100%) scale(.7); }
}
@-webkit-keyframes flowouttoright {
    0% { -webkit-transform: translateX(0) scale(1); }
    60%, 70% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform:  translateX(100%) scale(.7); }
}
@-moz-keyframes flowouttoright {
    0% { -moz-transform: translateX(0) scale(1); }
    60%, 70% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform:  translateX(100%) scale(.7); }
}
@keyframes flowouttoright {
    0% { transform: translateX(0) scale(1); }
    60%, 70% { transform: translateX(0) scale(.7); }
    100% { transform:  translateX(100%) scale(.7); }
}
@-webkit-keyframes flowinfromleft {
    0% { -webkit-transform: translateX(-100%) scale(.7); }
    30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromleft {
    0% { -moz-transform: translateX(-100%) scale(.7); }
    30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromleft {
    0% { transform: translateX(-100%) scale(.7); }
    30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}
@-webkit-keyframes flowinfromright {
    0% { -webkit-transform: translateX(100%) scale(.7); }
    30%, 40% { -webkit-transform: translateX(0) scale(.7); }
    100% { -webkit-transform: translateX(0) scale(1); }
}
@-moz-keyframes flowinfromright {
    0% { -moz-transform: translateX(100%) scale(.7); }
    30%, 40% { -moz-transform: translateX(0) scale(.7); }
    100% { -moz-transform: translateX(0) scale(1); }
}
@keyframes flowinfromright {
    0% { transform: translateX(100%) scale(.7); }
    30%, 40% { transform: translateX(0) scale(.7); }
    100% { transform: translateX(0) scale(1); }
}
.ui-field-contain,
.ui-mobile fieldset.ui-field-contain {
    display: block;
    position: relative;
    overflow: visible;
    clear: both;
    padding: .8em 0;
}
.ui-field-contain > label ~ [class*="ui-"],
.ui-field-contain .ui-controlgroup-controls {
    margin: 0;
}
.ui-field-contain:last-child {
    border-bottom-width: 0;
}
@media (min-width: 28em) {
    .ui-field-contain,
    .ui-mobile fieldset.ui-field-contain {
        padding: 0;
        margin: 1em 0;
        border-bottom-width: 0;
    }
    .ui-field-contain:before,
    .ui-field-contain:after {
        content: "";
        display: table;
    }
    .ui-field-contain:after {
        clear: both;
    }
    .ui-field-contain > label,
    .ui-field-contain .ui-controlgroup-label,
    .ui-field-contain > .ui-rangeslider > label {
        float: left;
        width: 20%;
        margin: .5em 2% 0 0;
    }
    .ui-popup .ui-field-contain > label,
    .ui-popup .ui-field-contain .ui-controlgroup-label,
    .ui-popup .ui-field-contain > .ui-rangeslider > label {
        float: none;
        width: auto;
        margin: 0 0 .4em;
    }
    .ui-field-contain > label ~ [class*="ui-"],
    .ui-field-contain .ui-controlgroup-controls {
        float: left;
        width: 78%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
    .ui-hide-label > label ~ [class*="ui-"],
    .ui-hide-label .ui-controlgroup-controls,
    .ui-popup .ui-field-contain > label ~ [class*="ui-"],
    .ui-popup .ui-field-contain .ui-controlgroup-controls {
        float: none;
        width: 100%;
    }
    .ui-field-contain > label ~ .ui-btn-inline {
        width: auto;
        margin-right: .625em;
    }
    .ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext {
        width: 1.75em;
    }
}
/* content configurations. */
.ui-grid-a,
.ui-grid-b,
.ui-grid-c,
.ui-grid-d,
.ui-grid-solo {
    overflow: hidden;
}
.ui-block-a,
.ui-block-b,
.ui-block-c,
.ui-block-d,
.ui-block-e {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* force new row */
.ui-block-a {
    clear: left;
}
ul.ui-grid-a,
ul.ui-grid-b,
ul.ui-grid-c,
ul.ui-grid-d,
ul.ui-grid-solo,
li.ui-block-a,
li.ui-block-b,
li.ui-block-c,
li.ui-block-d,
li.ui-block-e {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
}
/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
[class*="ui-block-"] > button.ui-btn {
    margin-right: 0;
    margin-left: 0;
}
[class*="ui-block-"] > .ui-btn,
[class*="ui-block-"] > .ui-select,
[class*="ui-block-"] > .ui-checkbox,
[class*="ui-block-"] > .ui-radio,
[class*="ui-block-"] > button.ui-btn-inline,
[class*="ui-block-"] > button.ui-btn-icon-notext,
.ui-header [class*="ui-block-"] > button.ui-btn,
.ui-footer [class*="ui-block-"] > button.ui-btn {
    margin-right: .3125em;
    margin-left: .3125em;
}
.ui-grid-a > .ui-block-a,
.ui-grid-a > .ui-block-b {
    /* width: 49.95%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 50%;
}
.ui-grid-b > .ui-block-a,
.ui-grid-b > .ui-block-b,
.ui-grid-b > .ui-block-c {
    /* width: 33.25%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 33.333%;
}
.ui-grid-c > .ui-block-a,
.ui-grid-c > .ui-block-b,
.ui-grid-c > .ui-block-c,
.ui-grid-c > .ui-block-d {
    /* width: 24.925%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 25%;
}
.ui-grid-d > .ui-block-a,
.ui-grid-d > .ui-block-b,
.ui-grid-d > .ui-block-c,
.ui-grid-d > .ui-block-d,
.ui-grid-d > .ui-block-e {
    /* width: 19.925%; IE7 */
    width: 20%;
}
.ui-grid-solo > .ui-block-a {
    width: 100%;
    float: none; 
}
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 35em) {
    .ui-responsive > .ui-block-a,
    .ui-responsive > .ui-block-b,
    .ui-responsive > .ui-block-c,
    .ui-responsive > .ui-block-d,
    .ui-responsive > .ui-block-e {
        width: 100%; 
        float: none; 
    }
}
/* fixed page header & footer configuration */
.ui-header-fixed,
.ui-footer-fixed {
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
}
.ui-header-fixed {
    top: -1px;
    padding-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden {
    top: 0;
    padding-top: 0;
}
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right {
    margin-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right {
    margin-top: 0;
}
.ui-footer-fixed {
    bottom: -1px;
    padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
    bottom: 0;
    padding-bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
    filter: Alpha(Opacity=90);
    opacity: .9;
}
/* updatePagePadding() will update the padding to actual height of header and footer. */
.ui-page-header-fixed {
    padding-top: 2.8125em;
}
.ui-page-footer-fixed {
    padding-bottom: 2.8125em;
}
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
    padding: 0;
}
.ui-fixed-hidden {
    position: absolute;
}
/* Tap toggle: hide external fixed footer. See issue #6604 */
.ui-footer-fixed.ui-fixed-hidden {
    display: none;
}
.ui-page .ui-footer-fixed.ui-fixed-hidden {
    display: block
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn { 
    z-index: 10;
}
/* workarounds for other widgets */
.ui-android-2x-fixed .ui-li-has-thumb {
    -webkit-transform: translate3d(0,0,0);
}
.ui-navbar {
    max-width: 100%;
}
.ui-navbar ul:before,
.ui-navbar ul:after {
    content: "";
    display: table;
}
.ui-navbar ul:after {
    clear: both;
}
.ui-navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
}
.ui-navbar li .ui-btn {
    font-size: 12.5px;
    display: block;
    margin: 0;
    border-right-width: 0;
}
.ui-header .ui-navbar li button.ui-btn,
.ui-footer .ui-navbar li button.ui-btn {
    margin: 0;
    width: 100%;
}
.ui-navbar .ui-btn:focus {
    z-index: 1;
}
/* fixes gaps caused by subpixel problem */
.ui-navbar li:last-child .ui-btn {
    margin-right: -4px;
}
.ui-navbar li:last-child .ui-btn:after {
    margin-right: 4px;
}
.ui-content .ui-navbar li:last-child .ui-btn,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
    border-right-width: 1px;
    margin-right: 0;
}
.ui-content .ui-navbar li:last-child .ui-btn:after,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
    margin-right: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
    border-right-width: 1px;
    margin-right: -1px;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
    margin-right: 1px;
}
.ui-navbar .ui-grid-duo .ui-btn {
    border-top-width: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
    border-top-width: 1px;
}
.ui-header .ui-navbar .ui-btn,
.ui-footer .ui-navbar .ui-btn {
    border-top-width: 0;
    border-bottom-width: 0;
}
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
    border-top-width: 0;
}
.ui-header .ui-title ~ .ui-navbar .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
    border-top-width: 1px;
}
/* Hide the native input element */
.ui-input-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;	
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background: #fff;
    background: rgba(255,255,255,0);
    filter: Alpha(Opacity=0);
    opacity: .1;
    font-size: 1px;
    text-indent: -9999px;
    z-index: 2;
}
/* Fixes IE/WP filter alpha opacity bugs */
.ui-input-btn.ui-state-disabled input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-collapsible {
    margin: 0 -1em;
}
.ui-collapsible-inset,
.ui-collapsible-set {
    margin: .5em 0;
}
.ui-collapsible-heading {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.ui-collapsible-heading .ui-btn {
    text-align: left;
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.ui-collapsible-heading .ui-btn-icon-top,
.ui-collapsible-heading .ui-btn-icon-bottom {
    text-align: center;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    border-right-width: 1px;
    border-left-width: 1px;
}
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn {
    border-top-width: 0;
}
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
    border-top-width: 1px;
}
.ui-collapsible-heading-status {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-collapsible-content {
    display: block;
    margin: 0;	
    padding: .5em 1em;
}
.ui-collapsible-themed-content .ui-collapsible-content {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border-left-width: 1px;
    border-right-width: 1px;
}
.ui-collapsible-inset .ui-collapsible-content {
    margin: 0;
}
.ui-collapsible-content-collapsed {
    display: none;
}
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-collapsible-heading,
.ui-collapsible-heading > .ui-btn {
    -webkit-border-radius: inherit;	
    border-radius: inherit;	
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
    -webkit-border-top-right-radius: inherit;	
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;	
    border-top-left-radius: inherit;		
}
.ui-collapsible-content,
.ui-collapsible-set .ui-collapsible.ui-last-child {
    -webkit-border-bottom-right-radius: inherit;	
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;	
    border-bottom-left-radius: inherit;		
}
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
    -webkit-border-bottom-right-radius: 0;	
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;	
    border-bottom-left-radius: 0;		
}
.ui-collapsible-set .ui-collapsible {
    margin: -1px -1em 0;
}
.ui-collapsible-set .ui-collapsible-inset {
    margin: -1px 0 0;
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
    margin-top: 0;
}
.ui-controlgroup,
fieldset.ui-controlgroup {
    padding: 0;
    margin: .5em 0;
}
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
    margin: 0;
}
.ui-mini .ui-controlgroup-label {
    font-size: 16px;
}
.ui-controlgroup.ui-mini .ui-btn-icon-notext,
.ui-controlgroup .ui-mini.ui-btn-icon-notext {
    font-size: inherit;
}
.ui-controlgroup-controls .ui-btn,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-select {
    margin: 0;
}
.ui-controlgroup-controls .ui-btn:focus,
.ui-controlgroup-controls .ui-btn.ui-focus {
    z-index: 1;
}
.ui-controlgroup-controls li {
    list-style: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls {
    display: inline-block;
    vertical-align: middle;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
    content: "";
    display: table;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
    clear: both;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
    float: left;
    clear: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
.ui-controlgroup-controls .ui-btn-icon-notext {
    width: auto;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
    width: 1.5em;
}
.ui-controlgroup-controls .ui-btn-icon-notext {
    height: auto;
    padding: .7em 1em;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
    border-bottom-width: 0;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
    border-bottom-width: 1px;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
    border-right-width: 0;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
    border-right-width: 1px;
}
.ui-controlgroup-controls .ui-btn-corner-all,
.ui-controlgroup-controls .ui-btn.ui-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-controlgroup-controls,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-select,
.ui-controlgroup-controls li {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-controlgroup-controls a.ui-shadow:not(:focus),
.ui-controlgroup-controls button.ui-shadow:not(:focus),
.ui-controlgroup-controls div.ui-shadow:not(.ui-focus) {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Fixes legend not wrapping on IE10 */
.ui-controlgroup-label legend {
    max-width: 100%;
}
.ui-controlgroup-controls > label {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-dialog {
    background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
}
.ui-dialog-contain {
    width: 92.5%;
    max-width: 500px;
    margin: 10% auto 1em auto;
    padding: 0;
    position: relative;
    top: -1em;
}
.ui-dialog-contain > .ui-header, 
.ui-dialog-contain > .ui-content, 
.ui-dialog-contain > .ui-footer { 
    display: block;
    position: relative; 
    width: auto;
    margin: 0;
}
.ui-dialog-contain > .ui-header {
    overflow: hidden;
    z-index: 10; 
    padding: 0;
    border-top-width: 0;
}
.ui-dialog-contain > .ui-footer {
    z-index: 10; 
    padding: 0 1em; 
    border-bottom-width: 0;
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
    position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}
.ui-popup-screen {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 1099;
}
.ui-popup-screen.in {
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-popup-container {
    z-index: 1100;
    display: inline-block;
    position: absolute;
    padding: 0;
    outline: 0;
}
.ui-popup {
    position: relative;
}

.ui-popup-hidden {
    left: 0;
    top: 0;
    position: absolute !important;
    visibility: hidden;
}
.ui-popup-truncate {
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-popup.ui-content,
.ui-popup .ui-content {
    overflow: visible;
}
.ui-popup > .ui-header {
    border-top-width: 0;
}
.ui-popup > .ui-footer {
    border-bottom-width: 0;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
    margin: .5em .4375em;
    color: #ffffff;
}
.ui-popup > span {
    display: block;
    margin: .5em .4375em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
    margin: .5em 0;
}
.ui-popup-container .ui-content > span {
    margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
    margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
    margin-bottom: 0;
}
.ui-popup > img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-popup iframe {
    vertical-align: middle;
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
    position: absolute; 
    top: -11px;
    margin: 0;
    z-index: 1101;
}
.ui-popup > .ui-btn-left {
    left: -11px;
}
.ui-popup > .ui-btn-right {
    right: -11px;
}
/* Dimensions related to the popup arrow
-----------------------------------------------------------------------------------------------------------*/
/* desired triangle height: 10px */
/**
 * guide for the arrow - its width, height, and offset are theme-dependent and
 * should be expessed as left, right, top, bottom, so that the element bearing
 * such a class becomes stretched inside its parent position: relative element.
 * The left/top/right/bottom specified below should reflect the corresponding
 * border radii and so it leaves room for the shadow:
 *     ..--------------------..
 *   ."        ^ top           ".
 *  /          v                 \
 * |     +------------------+     |
 * |     |                  |     |
 * | left|                  |right|
 * |<--->|                  |<--->|
 * |     +------------------+     |
 *  \          ^                 /
 *   `.        v bottom        .'
 *     ""--------------------""
 * The idea is that the top/left of the arrow container box does not move to a
 * coordinate smaller than the top/left of the guide and the right/bottom of
 * the arrow container box does not move to a coordinate larger than the
 * bottom/right of the guide. This will help us avoid the following situation:
 *        ..--------------------..
 *      ."        ^ top           ".
 *   /|/          v                 \
 *  / |     +------------------+     |
 *  \ |     |                  |     |
 *   \| left|                  |right|
 *    |<--->|                  |<--->|
 *    |     +------------------+     |
 *     \          ^                 /
 *      `.        v bottom        .'
 *        ""--------------------""
 * The arrow should not receive a top/left coordinate such that it is too close
 * to one of the corners, because then at first the shadow of the arrow and,
 * given a coordinate even closer to the corner, even the body of the arrow will
 * "stick out" of the corner of the popup. The guide provides a hint to the
 * arrow positioning code as to which range of values is acceptable for the
 * arrow container's top/left coordinate.
 **/
.ui-popup-arrow-container {
    width: 20px;
    height: 20px;
}
/* aside from the "infinities" (-1000,2000), triangle height is used */
.ui-popup-arrow-container.ui-popup-arrow-l {
    left: -10px;
    clip: rect(-1000px,10px,2000px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-t {
    top: -10px;
    clip: rect(-1000px,2000px,10px,-1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-r {
    right: -10px;
    clip: rect(-1000px,2000px,2000px,10px);
}
.ui-popup-arrow-container.ui-popup-arrow-b {
    bottom: -10px;
    clip: rect(10px,2000px,1000px,-1000px);
}
/**
 * For each side, the arrow is twice the desired size and its corner is aligned
 * with the edge of the container:
 *                                           
 *           /\         /\                +----+       /\
 *          /  \       /  \               | /\ |top   /  \
 *      +----+  \     /  +----+       +-->|/  \|     /    \
 *  left| /  |   \   /   |  \ |right  |   |    |    /      \
 *      |/   |    \ /    |   \|       |  /|    |\  /        \
 *      |\   |    / \    |   /|       | / +----+ \ \ +----+ /
 *      | \  |   /   \   |  / |       | \        /  \|    |/
 *      +----+  /     \  +----+       |  \      /    |    |
 *       ^  \  /       \  /  ^        |   \    /  +->|\  /|
 *       |   \/         \/   |        |    \  /   |  | \/ |bottom
 *       |                   |        |     \/    |  +----+
 *       +-------------------+--------+-----------+
 *                           |
 *                    arrow container
 *                     (clips arrow)
 **/
.ui-popup-arrow-container .ui-popup-arrow {
    /* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
    width: 28.284271247px;
    height: 28.284271247px;
    border-width: 1px;
    border-style: solid;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
    left: -4.142135623px;
    top: 5.857864376px;
}
.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
    left: -4.142135623px;
    top: -14.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
    left: 5.857864376px;
    top: -4.142135623px;
}
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
    left: -14.142135623px;
    top: -4.142135623px;
}
/* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
    margin-left: -5.857864376269049px;
    margin-top: -7.0710678118654755px;
}
.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
    margin-left: -5.857864376269049px;
    margin-top: -4.142135623730951px;
}

.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
    margin-left: -7.0710678118654755px;
    margin-top: -5.857864376269049px;
}
.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
    margin-left: -4.142135623730951px;
    margin-top: -5.857864376269049px;
}
/* structure */
.ui-popup > .ui-popup-arrow-guide {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
}
.ui-popup-arrow-container {
    position: absolute;
}
.ui-popup-arrow {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}
.ui-popup-arrow-container.ie .ui-popup-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=0.7071067811865474,
        M12=-0.7071067811865477,
        M21=0.7071067811865477,
        M22=0.7071067811865474,
        SizingMethod='auto expand');
}
.ui-checkbox,
.ui-radio {
    margin: .5em 0;
    position: relative;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
    margin: 0;
    text-align: left;
    white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
    z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
.ui-controlgroup .ui-radio .ui-btn.ui-focus {
    z-index: 3;
}
.ui-checkbox .ui-btn-icon-top,
.ui-radio .ui-btn-icon-top,
.ui-checkbox .ui-btn-icon-bottom,
.ui-radio .ui-btn-icon-bottom {
    text-align: center;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
.ui-controlgroup-horizontal .ui-radio .ui-btn:after {
    content: none;
    display: none;
}
/* Native input positioning */
.ui-checkbox input,
.ui-radio input {
    position: absolute;
    left: .466em;
    top: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 0;
    outline: 0 !important;
    z-index: 1;
}
.ui-controlgroup-horizontal .ui-checkbox input,
.ui-controlgroup-horizontal .ui-radio input {
    left: 50%;
    margin-left: -9px;
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-select {
    margin-top: .5em;
    margin-bottom: .5em; /* no shorthand for margin because it would override margin-right for inline selects */
    position: relative;
}
.ui-select > select {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-select .ui-btn {
    margin: 0;
    opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
}
.ui-select .ui-btn select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;	
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 2;
}
@-moz-document url-prefix() {
    .ui-select .ui-btn select {
        opacity: 0.0001;
    }
}
/* Display none because of issues with IE/WP's filter alpha opacity */
.ui-select .ui-state-disabled select {
    display: none;
}
/* Because we add all classes of the select and option elements to the span... */ 
.ui-select span.ui-state-disabled {
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.ui-select .ui-btn.ui-select-nativeonly {
    border-radius: 0;
    border: 0;
}
.ui-select .ui-btn.ui-select-nativeonly select {
    opacity: 1;
    text-indent: 0;
    display: block;
}
/* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
.ui-select .ui-li-has-count.ui-btn {
    padding-right: 2.8125em;
}
.ui-select .ui-li-has-count.ui-btn-icon-right {
    padding-right: 4.6875em;
}
.ui-select .ui-btn-icon-right .ui-li-count {
    right: 3.2em;
}
/* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
.ui-select .ui-btn > span:not(.ui-li-count) {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap;
}
.ui-selectmenu.ui-popup {
    min-width: 11em;
}
.ui-selectmenu .ui-dialog-contain {
    overflow: hidden;
}
.ui-selectmenu .ui-header {
    margin: 0;
    padding: 0;
    border-width: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
    z-index: 1;
    position: relative;
}
.ui-selectmenu.ui-popup .ui-header {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
.ui-selectmenu.ui-popup .ui-header h1:after {
    content: '.';
    visibility: hidden;
}
.ui-selectmenu .ui-header .ui-title {
    margin: 0 2.875em;
}
.ui-selectmenu.ui-dialog .ui-content {
    overflow: visible;
    z-index: 1;
}
.ui-selectmenu .ui-selectmenu-list {
    margin: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;	
}
.ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}
.ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 0;
}
.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
    border-bottom-width: 0;
}
.ui-selectmenu .ui-btn.ui-li-divider {
    cursor: default;
}
.ui-selectmenu .ui-selectmenu-placeholder {
    display: none;
}
.ui-listview,
.ui-listview > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
    margin: -1em;
}
.ui-content .ui-listview-inset,
.ui-panel-inner > .ui-listview-inset {
    margin: 1em 0;
}
.ui-collapsible-content > .ui-listview {
    margin: -.5em -1em;
}
.ui-collapsible-content > .ui-listview-inset {
    margin: .5em 0;
}
.ui-listview > li {
    display: block;
    position: relative;
    overflow: visible;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
    margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ui-listview > li > .ui-btn:focus {
    z-index: 1;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
    border-width: 1px 0 0 0;
    border-style: solid;
}
.ui-listview-inset > .ui-li-static,
.ui-listview-inset > .ui-li-divider,
.ui-listview-inset > li > a.ui-btn {
    border-right-width: 1px;
    border-left-width: 1px;
}
.ui-listview > .ui-li-static.ui-last-child,
.ui-listview > .ui-li-divider.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
    border-bottom-width: 1px;
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
    border-top-width: 0;
}
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
    border-bottom-width: 0;
}
.ui-listview > li.ui-first-child,
.ui-listview > li.ui-first-child > a.ui-btn {
    -webkit-border-top-right-radius: inherit;	
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
}
.ui-listview > li.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-listview > li.ui-li-has-alt > a.ui-btn {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
    -webkit-border-top-left-radius: 0;	
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;	
}
.ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;	
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
    -webkit-border-radius: inherit;
    border-radius: inherit;	
}
.ui-listview > .ui-li-static {
    padding: .7em 1em;
}
.ui-listview > .ui-li-divider {
    padding: .5em 1.143em;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    outline: 0; /* Dividers in custom selectmenus have tabindex */
}
.ui-listview > .ui-li-has-count > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-count,
.ui-listview > .ui-li-divider.ui-li-has-count {
    padding-right: 2.8125em;
}
.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
    padding-right: 4.6875em;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
    min-height: 3.625em;
    padding-left: 6.25em;
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
.ui-listview > .ui-li-has-icon > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-icon {
    min-height: 1.25em;
    padding-left: 2.5em;
}
/* Used by both listview and custom multiple select button */
.ui-li-count {
    position: absolute;
    font-size: 12.5px;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 0 .48em;
    line-height: 1.6em;
    min-height: 1.6em;
    min-width: .64em;
    right: .8em;
    top: 50%;
    margin-top: -.88em;
}
.ui-listview .ui-btn-icon-right .ui-li-count {
    right: 3.2em;
}
.ui-listview .ui-li-has-thumb > img:first-child,
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview .ui-li-has-thumb .ui-li-thumb {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 5em;
    max-width: 5em;
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
.ui-listview > .ui-li-has-icon > img:first-child,
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
    position: absolute;
    left: .625em;
    top: .9em;
    max-height: 1em;
    max-width: 1em;
}
.ui-listview > li h1,
.ui-listview > li h2,
.ui-listview > li h3,
.ui-listview > li h4,
.ui-listview > li h5,
.ui-listview > li h6 {
    font-size: 1em;
    font-weight: bold;
    display: block;
    margin: .45em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ui-listview > li p {
    font-size: .75em;
    font-weight: normal;
    display: block;
    margin: .6em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ui-listview .ui-li-aside {
    position: absolute;
    top: 1em;
    right: 3.333em;
    margin: 0;
    text-align: right;
}
.ui-listview > li.ui-li-has-alt > .ui-btn {
    margin-right: 2.5em;
    border-right-width: 0;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
    position: absolute;
    width: 2.5em;
    height: 100%;
    min-height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left-width: 1px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
    border-right-width: 1px;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
    z-index: 3;
}
ol.ui-listview,
ol.ui-listview > .ui-li-divider {
    counter-reset: listnumbering;
}
ol.ui-listview > li > .ui-btn,
ol.ui-listview > li.ui-li-static {
    vertical-align: middle;
}
ol.ui-listview > li > .ui-btn:first-child:before,
ol.ui-listview > li.ui-li-static:before,
ol.ui-listview > li.ui-field-contain > label:before,
ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
    display: inline-block;
    font-size: .9em;
    font-weight: normal;
    padding-right: .3em;
    min-width: 1.4em;
    line-height: 1.5;
    vertical-align: middle;
    counter-increment: listnumbering;
    content: counter(listnumbering) ".";
}
ol.ui-listview > li.ui-field-contain:before {
    content: none;
    display: none;
}
ol.ui-listview > li h1:first-child,
ol.ui-listview > li h2:first-child,
ol.ui-listview > li h3:first-child,
ol.ui-listview > li h4:first-child,
ol.ui-listview > li h5:first-child,
ol.ui-listview > li h6:first-child,
ol.ui-listview > li p:first-child,
ol.ui-listview > li img:first-child + * {
    display: inline-block;
    vertical-align: middle;
}
ol.ui-listview > li h1:first-child ~ *,
ol.ui-listview > li h2:first-child ~ *,
ol.ui-listview > li h3:first-child ~ *,
ol.ui-listview > li h4:first-child ~ *,
ol.ui-listview > li h5:first-child ~ *,
ol.ui-listview > li h6:first-child ~ *,
ol.ui-listview > li p:first-child ~ *,
ol.ui-listview > li img:first-child + * ~ * {
    margin-top: 0;
    text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
}
html .ui-filterable + .ui-listview,
html .ui-filterable.ui-listview {
    margin-top: .5em;
}
.ui-collapsible-content > form.ui-filterable {
    margin-top: -.5em;
}
.ui-collapsible-content > .ui-input-search.ui-filterable {
    margin-top: 0;
}
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
    border-top-width: 1px;
}
div.ui-slider {
    height: 30px;
    margin: .5em 0;
    padding: 0;
    -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
}
div.ui-slider:before,
div.ui-slider:after {
    content: "";
    display: table;
}
div.ui-slider:after {
    clear: both;
}
input.ui-slider-input {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    text-align: center;
    vertical-align: text-bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ui-slider-input::-webkit-outer-spin-button,
.ui-slider-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ui-slider-track {
    position: relative;
    overflow: visible;
    border-width: 1px;
    border-style: solid;
    height: 15px;
    margin: 0 15px 0 68px;
    top: 6px;
}
.ui-slider-track.ui-mini {
    height: 12px;
    top: 8px;
}
.ui-slider-track .ui-slider-bg {
    height: 100%;
}
/* High level of specificity to override button margins in grids */
.ui-slider-track .ui-btn.ui-slider-handle {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 28px;
    height: 28px;
    margin: -15px 0 0 -15px;
    outline: 0;
    padding: 0;
}
.ui-slider-track.ui-mini .ui-slider-handle {
    height: 14px;
    width: 14px;
    margin: -8px 0 0 -8px;
}
select.ui-slider-switch {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
div.ui-slider-switch {
    display: inline-block;
    height: 32px;
    width: 5.8em;
    top: 0;
}
/* reset the clearfix */
div.ui-slider-switch:before,
div.ui-slider-switch:after {
    display: none;
    clear: none;
}
div.ui-slider-switch.ui-mini {
    height: 29px;
    top: 0;
}
.ui-slider-inneroffset {
    margin: 0 16px;
    position: relative;
    z-index: 1;
}
.ui-slider-switch.ui-mini .ui-slider-inneroffset {
    margin: 0 15px 0 14px;
}
.ui-slider-switch .ui-btn.ui-slider-handle {
    margin: 1px 0 0 -15px;
}
.ui-slider-switch.ui-mini .ui-slider-handle {
    width: 25px;
    height: 25px;
    margin: 1px 0 0 -13px;
    padding: 0;
}
.ui-slider-handle-snapping {
    -webkit-transition: left 70ms linear;
    -moz-transition: left 70ms linear;
    transition: left 70ms linear;
}
.ui-slider-switch .ui-slider-label {
    position: absolute;
    text-align: center;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    top: 0;
    line-height: 2;
    min-height: 100%;
    white-space: nowrap;
    cursor: pointer;
}
.ui-slider-switch.ui-mini .ui-slider-label {
    font-size: 14px;
}
.ui-slider-switch .ui-slider-label-a {
    z-index: 1;
    left: 0;
    text-indent: -1.5em;
}
.ui-slider-switch .ui-slider-label-b {
    z-index: 0;
    right: 0;
    text-indent: 1.5em;
}
/* The corner radii for ui-slider-switch/track can be specified in theme CSS. The bg and handle inherits. */
.ui-slider-track .ui-slider-bg,
.ui-slider-switch .ui-slider-label,
.ui-slider-switch .ui-slider-inneroffset,
.ui-slider-handle {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-field-contain div.ui-slider-switch {
    margin: 0;
}
/* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
.ui-field-contain div.ui-slider-switch,
.ui-field-contain.ui-hide-label div.ui-slider-switch,
html .ui-popup .ui-field-contain div.ui-slider-switch {
    display: inline-block;
    width: 5.8em;
}
/* slider tooltip
-----------------------------------------------------------------------------------------------------------*/
.ui-slider-popup {
    width: 64px;
    height: 64px;
    font-size: 36px;
    padding-top: 14px;
    opacity: 0.8;
}
.ui-slider-popup {
    position: absolute !important;
    text-align: center;
    z-index: 100;
}
.ui-slider-track .ui-btn.ui-slider-handle {
    font-size: .9em;
    line-height: 30px;
}
.ui-rangeslider {
    margin: .5em 0;
}
.ui-rangeslider:before,
.ui-rangeslider:after {
    content: "";
    display: table;
}
.ui-rangeslider:after {
    clear: both;
}
.ui-rangeslider .ui-slider-input.ui-rangeslider-last {
    float: right;
}
.ui-rangeslider .ui-rangeslider-sliders {
    position: relative;
    overflow: visible;
    height: 30px;
    margin: 0 68px;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    margin: 0;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
    top: 8px;
}
.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
    display: none;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
    background-color: transparent;
    background: none;
    border-width: 0;
    height: 0;
}
/* this makes ie6 and ie7 set height to 0 to fix z-index problem */
html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
    height: 15px;
    border-width: 1px;
}
html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
    height: 12px;
}
/* Hide the second label (the first is moved outside the div) */
div.ui-rangeslider label {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.ui-field-contain .ui-rangeslider input.ui-slider-input,
.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
    margin-top: 0;
    margin-bottom: 0;
}
.ui-input-text,
.ui-input-search {
    margin: .5em 0;
    border-width: 1px;
    border-style: solid;
}
.ui-mini {
    margin: .446em;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
    padding: .4em;
    line-height: 1.4em;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
.ui-input-text input,
.ui-input-search input {
    margin: 0;
    min-height: 2.2em;
    text-align: left; /* Opera aligns type="date" right by default */
    border: 0;
    background: transparent none;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
textarea.ui-input-text {
    overflow: auto;
    resize: vertical;
}
.ui-mini .ui-input-text input,
.ui-mini .ui-input-search input,
.ui-input-text.ui-mini input,
.ui-input-search.ui-mini input,
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
    font-size: 14px;
}
/* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
    margin: .446em 0;
}
.ui-input-has-clear,
.ui-input-search {
    position: relative;
}
/* Padding on the div instead of input because of browser spinners etc. */
.ui-input-has-clear {
    padding-right: 2.375em;
}
.ui-mini.ui-input-has-clear {
    padding-right: 2.923em;
}
.ui-input-has-clear input {
    padding-right: 0;
    /* Autofill on Chrome has bg color so we unset corners right as well. */
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* Search icon */
.ui-input-search input {
    padding-left: 1.75em;
}
.ui-input-search:after {
    position: absolute;
    left: .3125em;
    top: 50%;
    margin-top: -7px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    filter: Alpha(Opacity=50);
    opacity: .5;
}
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -14px .3125em 0;
    border: 0;
    background-color: transparent;
}
.ui-input-search .ui-input-clear-hidden,
.ui-input-text .ui-input-clear-hidden {
    display: none;
}
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
.ui-input-text input::-moz-placeholder,
.ui-input-search input::-moz-placeholder,
textarea.ui-input-text::-moz-placeholder {
    color: #aaa;
}
/* Same for IE10 */
.ui-input-text input:-ms-input-placeholder,
.ui-input-search input:-ms-input-placeholder,
textarea.ui-input-text:-ms-input-placeholder {
    color: #aaa;
}
/* Resolves issue #5131: Width of textinput depends on its type,
for Android 4.1 */
.ui-input-text input[type=number]::-webkit-outer-spin-button {
    margin: 0;
}
/* Resolves issue #5756: Textinput in IE10 has a default clear button */
.ui-input-text input::-ms-clear,
.ui-input-search input::-ms-clear {
    display: none;
}
.ui-input-text input:focus,
.ui-input-search input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea.ui-input-text.ui-textinput-autogrow {
    overflow: hidden;
}
.ui-textinput-autogrow-resize {
    -webkit-transition: height 0.25s;
    -o-transition: height 0.25s;
    -moz-transition: height 0.25s;
    transition: height 0.25s;
}
.ui-flipswitch {
    display: inline-block;
    vertical-align: middle;
    width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
    height: 1.875em;
    border-width: 1px;
    border-style: solid;
    margin: .5em 0;
    overflow: hidden;
    -webkit-transition-property: padding, width, background-color, color, border-color;
    -moz-transition-property: padding, width, background-color, color, border-color;
    -o-transition-property: padding, width, background-color, color, border-color;
    transition-property: padding, width, background-color, color, border-color;
    -webkit-transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.ui-flipswitch.ui-flipswitch-active {
    padding-left: 4em;  /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
    width: 1.875em;
}
.ui-flipswitch-input {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    outline: 0;
    filter: Alpha(Opacity=0);
    opacity: 0;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
    float: left;
    height: 1.75em;
    margin: .0625em;
    line-height: 1.65em;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
    width: 1.75em;
    padding: 0;
    text-indent: -2.6em; /* Override this to center text if you use a label other than "on" */
    text-align: left;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: inherit;
    overflow: visible;
    color: inherit;
    text-shadow: inherit;
}
.ui-flipswitch .ui-flipswitch-off {
    padding: 1px;
    text-indent: 1em; /* Override this to center text if you use a label other than "off" */
}
/* Override field container CSS to prevent the flipswitch from becomming full width */
html .ui-field-contain > label + .ui-flipswitch,
html .ui-popup .ui-field-contain > label + .ui-flipswitch {
    display: inline-block;
    width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ui-field-contain .ui-flipswitch.ui-flipswitch-active,
.ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
    width: 1.875em;
}
.ui-table {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}
.ui-table th,
.ui-table td {
    line-height: 1.5em;
    text-align: left;
    padding: .4em .5em;
    vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
    line-height: normal;
}
.ui-table th {
    font-weight: bold;
}
.ui-table caption {
    text-align: left;
    margin-bottom: 1.4em;
    opacity: .5;
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-columntoggle-btn {
    float: right;
    margin-bottom: .8em;
}
/* Remove top/bottom margins around the fieldcontain on check list */
.ui-table-columntoggle-popup fieldset {
    margin:0;
}
.ui-table-columntoggle {
    clear: both;
}
/* Hide all prioritized columns by default */
@media only all {
    th.ui-table-priority-6,
    td.ui-table-priority-6,
    th.ui-table-priority-5,
    td.ui-table-priority-5,
    th.ui-table-priority-4,
    td.ui-table-priority-4,
    th.ui-table-priority-3,
    td.ui-table-priority-3,
    th.ui-table-priority-2,
    td.ui-table-priority-2,
    th.ui-table-priority-1,
    td.ui-table-priority-1 {
        display: none;
    }
}
/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
        display: table-cell;
    }
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
        display: table-cell;
    }
}
/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
        display: table-cell;
    }
}
/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
        display: table-cell;
    }
}
/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
        display: table-cell;
    }
}
/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
        display: table-cell;
    }
}
/* Unchecked manually: Always hide */
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
    display: none;
}
/* Checked manually: Always show */
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
    display: table-cell;
}
/*
 Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label { 
    display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */ 
@media only all {
    /* Hide the table headers */ 
    .ui-table-reflow thead td, 
    .ui-table-reflow thead th {
        display: none;
    }
    /* Show the table cells as a block level element */ 
    .ui-table-reflow td,
    .ui-table-reflow th { 
        text-align: left;
        display: block;
    }
    /* Add a fair amount of top margin to visually separate each row when stacked */  
    .ui-table-reflow tbody th {
        margin-top: 3em;
    }
    /* Make the label elements a percentage width */ 
    .ui-table-reflow td .ui-table-cell-label,
    .ui-table-reflow th .ui-table-cell-label { 
        padding: .4em; 
        min-width: 30%; 
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ 
    .ui-table-reflow th .ui-table-cell-label-top,
    .ui-table-reflow td .ui-table-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
        text-transform: uppercase;
        font-size: .9em;
        font-weight: normal;
    }
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
@media ( min-width: 35em ) {
    /* Show the table header rows */ 
    .ui-table-reflow.ui-responsive td,
    .ui-table-reflow.ui-responsive th,
    .ui-table-reflow.ui-responsive tbody th,
    .ui-table-reflow.ui-responsive tbody td,
    .ui-table-reflow.ui-responsive thead td,
    .ui-table-reflow.ui-responsive thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */ 
    .ui-table-reflow.ui-responsive td .ui-table-cell-label,
    .ui-table-reflow.ui-responsive th .ui-table-cell-label { 
        display: none;
    }
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */ 
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/ 
@media ( max-width: 35em ) {
    .ui-table-reflow.ui-responsive td,
    .ui-table-reflow.ui-responsive th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}
/* Panel */
.ui-panel {
    width: 17em;
    min-height: 100%;
    max-height: none;
    border-width: 0;
    position: absolute;
    top: 0;
    display: block;
}
.ui-panel-closed {
    width: 0;
    max-height: 100%;
    overflow: hidden;
    visibility: hidden;
    left: 0;
    clip: rect(1px,1px,1px,1px);
}
.ui-panel-fixed {
    position: fixed;
    bottom: -1px; /* Fixes gap on Chrome for Android */
    padding-bottom: 1px;
}
.ui-panel-display-reveal {
    z-index: 1;
}
.ui-panel-display-push {
    z-index: 999;
}
.ui-panel-display-overlay {
    z-index: 1001; /* Fixed toolbars have z-index 1000 */
}
.ui-panel-inner {
    padding: 1em;
}
/* Container, page and wrapper */
.ui-panel-page-container {
    overflow-x: visible;
}
.ui-panel-page-container-themed .ui-page-active {
    background: none;
}
.ui-panel-wrapper {
    position: relative;
    min-height: inherit;
    border: 0;
    overflow-x: hidden;
    z-index: 999;
}
/* Fixed toolbars */
.ui-panel-fixed-toolbar {
    overflow-x: hidden;
}
/* Dismiss */
.ui-panel-dismiss {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1002;
    display: none;
}
.ui-panel-dismiss-open {
    display: block;
}
/* Animate class is added to panel, wrapper and fixed toolbars */
.ui-panel-animate {
    -webkit-transition: -webkit-transform 300ms ease;
    -webkit-transition-duration: 300ms;
    -moz-transition: -moz-transform 300ms ease;
    transition: transform 300ms ease;
}
/* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
@media screen and ( max-device-width: 768px ) {
    .ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
    .ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
    .ui-panel-animate.ui-panel-fixed-toolbar {
        -ms-transition: none;
    }
    /* We need a transitionend event ... */
    .ui-panel-animate.ui-panel-fixed-toolbar {
        -ms-transition: -ms-transform 1ms;
        -ms-transform: rotate(0deg);
    }
}
/* Hardware acceleration for smoother transitions on WebKit browsers */
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}
/* Panel positioning (for overlay and push) */
/* Panel left closed */
.ui-panel-position-left {
    left: -17em;
}
/* Panel left closed animated */
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
    left: 0;
    -webkit-transform: translate3d(-17em,0,0);
    -moz-transform: translate3d(-17em,0,0);
    transform: translate3d(-17em,0,0);
}
/* Panel left open */
.ui-panel-position-left.ui-panel-display-reveal, /* Unset "panel left closed" for reveal */
.ui-panel-open.ui-panel-position-left {
    left: 0;
}
/* Panel left open animated */
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transform: none;
}
/* Panel right closed */
.ui-panel-position-right {
    right: -17em;
}
/* Panel right closed animated */
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(17em,0,0);
    -moz-transform: translate3d(17em,0,0);
    transform: translate3d(17em,0,0);
}
/* Panel right open */
.ui-panel-position-right.ui-panel-display-reveal, /* Unset "panel right closed" for reveal */
.ui-panel-position-right.ui-panel-open {
    right: 0;
}
/* Panel right open animated */
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -moz-transform: none;
}
/* Wrapper and fixed toolbars positioning (for reveal and push) */
/* Panel left open */
.ui-panel-page-content-position-left {
    left: 17em;
    right: -17em;
}
/* Panel left open animated */
.ui-panel-animate.ui-panel-page-content-position-left {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(17em,0,0);
    -moz-transform: translate3d(17em,0,0);
    transform: translate3d(17em,0,0);
}
/* Panel right open */
.ui-panel-page-content-position-right {
    left: -17em;
    right: 17em;
}
/* Panel right open animated */
.ui-panel-animate.ui-panel-page-content-position-right {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(-17em,0,0);
    -moz-transform: translate3d(-17em,0,0);
    transform: translate3d(-17em,0,0);
}
/* Dismiss model open */
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 17em;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 17em;
}
/* Shadows and borders */
.ui-panel-display-reveal {
    -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
    box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-reveal {
    -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
    box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-display-overlay {
    -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
    box-shadow: 5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
    -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
    box-shadow: -5px 0 5px rgba(0,0,0,.15);
}
.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
    border-right-width: 1px;
    margin-right: -1px;
}
.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
    margin-left: 1px;
    width: auto;
}
.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
    border-left-width: 1px;
    margin-left: -1px;
}
.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
    margin-right: 1px;
    width: auto;
}
/* Responsive: wrap on wide viewports once open */
@media (min-width:55em) {
    .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
        margin-right: 17em;
    }
    .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
        margin-left: 17em;
    }
    .ui-responsive-panel .ui-panel-page-content-open {
        width: auto;	
    }
    .ui-responsive-panel .ui-panel-dismiss-display-push,
    .ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
        display: none;
    }
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 5000;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

* {
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: custom-mea-font,"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif,"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji";
    height: 100%;
    width: 100%;
    font-weight: 300;
    background-color: #f2f2f2;
    padding: 0 !important;
    margin:0 !important;
    -ms-touch-action:none;
}

input, textarea, select, button {
    font-family: custom-mea-font,"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

[class^="icon-"]:before,[class*=" icon-"]:before {
    transform: inherit;
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}

.fixed-divider-font-color {
    color: #a0a0a0;
}
.fixed-divider-background-color {
    background-color: #a0a0a0;
}
.fixed-divider-border-color {
    border-color: #a0a0a0;
}

.white-font-color {
    color: white;
}
.white-background-color {
    background-color: white;
}
.white-border-color {
    border-color: white;
}

.ico {
    font-family: custom-mea-icon-font, icomoon;
}

#dashboardPage .ico {
    font-family: custom-mea-icon-font, icomoon;
}

#moreList .ico:not(.no-custom-icon-font) {
    font-family: custom-mea-icon-font, icomoon;
}

#moreList .folder-indicator {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

#moreList .folder-indicator-rotated {
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
}

.rot45 {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

.rot90 {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

.rot270 {
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
}

.ui-loader {
    display: none;
}

.ui-loading .ui-loader
{
    display:none;
}

.light-blue {
    color: #009df1;
}

.white {
    color: #FFFFFF;
}

.no-bottom-border {
    border-bottom-width: 0;
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Opera */
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;  /* Firefox */
}


.float-left {
    float: left;
}

.f-right {
    float: right;
}

.f-none {
    float: none;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.overflow-hidden {
    overflow: hidden !important;
}

.contentPage {
    font-size: 14px;
    border-radius: inherit;
}

input, textarea {
    font-size: 14px;
}

.clickAble, .clickable {
    cursor: pointer; 
}

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-weight: bold;
}

h3, .h3 {
    font-size: 24px;
    margin-top: 20px;
}

.bold,
.bold * {
    font-weight: bold;
}

.fw-500 {
    font-weight: 500;
}

.fw-500-i {
    font-weight: 500 !important;
}

.italic {
    font-style: italic;
}

.ta-right {
    text-align: right;
}

.ta-center, .center {
    text-align: center;
}

.ta-left {
    text-align: left;
}

.one_line, .one-line {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.background-contain {
    background-size: contain;
    background-repeat: no-repeat;
}

.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
}


.inline-block {
    display: inline-block;
}

.table {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow-x: hidden;
}

.table-cell {
    display: table-cell;
}

.table-cell-important {
    display: table-cell !important;
    position: static !important;
}

.va-middle{
    vertical-align: middle;
}

.va-bottom{
    vertical-align: bottom;
}

.va-top {
    vertical-align: top;
}

.va-sub {
    vertical-align: sub;
}

.hidden {
    display: none !important;
}
.vhidden {
    visibility: hidden !important;
}

.fs2x {
    font-size:2em
}

.fs10 {
    font-size: 10px;
}
.fs10i {
    font-size: 10px !important;
}
.fs11 {
    font-size: 11px;
}
.fs11i {
    font-size: 11px !important;
}
.fs12 {
    font-size: 12px;
}
.fs12i {
    font-size: 12px !important;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs14i {
    font-size: 14px !important;
}
.fs15 {
    font-size: 15px;
}
.fs16 {
    font-size: 16px;
}
.fs17 {
    font-size: 17px;
}
.fs17i {
    font-size: 17px !important;
}
.fs18 {
    font-size: 18px;
}
.fs18i {
    font-size: 18px !important;
}
.fs20 {
    font-size: 20px;
}

.fs20i {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

.fs25 {
    font-size: 25px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs35 {
    font-size: 35px;
}

.fs37 {
    font-size: 37px;
}

.fs40 {
    font-size: 40px;
}

.fs45 {
    font-size: 45px;
}

.fs48 {
    font-size: 48px;
}

.fs55 {
    font-size: 55px;
}

.fs60 {
    font-size: 60px;
}

.fs64i {
    font-size: 64px !important;
}

.fs110 {
    font-size: 110px;
}

.fs140 {
    font-size: 140px;
}

.wp100 {
    width: 100%;
}
.wp100i {
    width: 100% !important;
}
.wauto {
    width: auto !important;
}

.w1 {
    width: 1px;
}

.w6 {
    width: 6px;
}

.w10 {
    width: 10px;
}

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}
.w25 {
    width: 25px;
}
.w30 {
    width: 30px;
}
.w30i {
    width: 30px !important;
}
.w35 {
    width: 35px;
}
.w40 {
    width: 40px;
}

.w42 {
    width: 42px;
}
.w48 {
    width: 48px;
}
.w49 {
    width: 49px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w64 {
    width: 64px;
}
.w70 {
    width: 70px;
}
.w75 {
    width: 75px;
}
.w80 {
    width: 80px;
}
.w85 {
    width: 85px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w120 {
    width: 120px;
}

.w140i {
    width: 140px !important;
}

.w160 {
    width: 160px;
}
.w200 {
    width: 200px;
}
.w250 {
    width: 250px;
}
.mw250 {
    max-width: 250px;
}
.maxw480 {
    max-width: 480px;
}

.wsnormal {
    white-space: normal;
}

.w10p {
    width: 10%;
}
.w15p {
    width: 15%;
}
.w20p {
    width: 20%;
}
.w25p {
    width: 25%;
}

.mw400 {
    max-width: 400px;
}
.mw430 {
    max-width: 430px;
}
.mw500 {
    max-width: 500px;
}

.h2 {
    height: 2px;
}
.h5 {
    height: 5px;
}
.h15 {
    height: 15px;
}
.h20 {
    height: 20px;
}
.h25 {
    height: 25px;
}
.h26 {
    height: 26px;
}
.h30 {
    height: 30px;
}
.h30i {
    height: 30px !important;
}
.h32 {
    height: 32px;
}
.h35 {
    height: 35px;
}
.h36 {
    height: 36px;
}
.h38 {
    height: 38px;
}
.h40 {
    height: 40px;
}
.h42 {
    height: 42px;
}
.h45 {
    height: 45px;
}
.h48 {
    height: 48px;
}
.h49 {
    height: 49px;
}
.h50 {
    height: 50px;
}
.h55 {
    height: 55px;
}
.h60 {
    height: 60px;
}
.h65 {
    height: 65px;
}

.h68 {
    height: 68px;
}

.h70 {
    height: 70px;
}

.h80 {
    height: 80px;
}

.h85 {
    height: 85px;
}

.h86 {
    height: 86px;
}

.h90 {
    height: 90px;
}

.h100 {
    height: 100px;
}

.h110 {
    height: 110px;
}

.h164 {
    height: 164px;
}

.h200 {
    height: 200px;
}

.h300 {
    height: 300px;
}

.hp100 {
    height: 100%;
}

.hp100-48 {
    height: calc(100% - 48px);
}

.h115 {
    height: 115px;
}

.h140i {
    height: 140px !important;
}

.zindex1 {
    z-index: 1;
}

.top0 {
    top: 0;
}
.left0 {
    left: 0;
}
.bottom0 {
    bottom: 0;
}
.top42 {
    top: 42px;
}
.top44 {
    top: 44px;
}

.top50p {
    top: 50%;
}

.l0 {
    left: 0;
}

.l0i {
    left: 0;
}

.l1 {
    left: 1px;
}

.l2 {
    left: 2px;
}

.l4 {
    left: 4px;
}

.l8 {
    left: 8px;
}

.l10i {
    left: 10px !important;
}

.l18 {
    left: 18px;
}

.m0a {
    margin: 0 auto;
}

.mlauto {
    margin-left: auto;
}
.mrauto {
    margin-right: auto;
}
.ml2 {
    margin-left: 2px;
}

.ml3 {
    margin-left: 3px;
}

.ml4 {
    margin-left: 4px;
}
.ml5 {
    margin-left: 5px;
}
.ml7 {
    margin-left: 7px;
}

.ml8 {
    margin-left: 8px;
}

.ml9 {
    margin-left: 9px;
}

.ml10 {
    margin-left: 10px;
}

.lh11 {
    line-height: 11px;
}
.lh14 {
    line-height: 14px;
}

.lh16 {
    line-height: 16px;
}
.lh18 {
    line-height: 18px;
}
.lh19 {
    line-height: 19px;
}
.lh20 {
    line-height: 20px;
}
.lh22 {
    line-height: 22px;
}
.lh25 {
    line-height: 25px;
}
.lh26 {
    line-height: 26px;
}
.lh28 {
    line-height: 28px;
}
.lh30 {
    line-height: 30px;
}
.lh36 {
    line-height: 36px;
}
.lh40 {
    line-height: 40px;
}
.lh46 {
    line-height: 46px;
}
.lh50 {
    line-height: 50px;
}
.lh60 {
    line-height: 60px;
}
.lh85 {
    line-height: 85px;
}
.lh100 {
    line-height: 100px;
}

.mb0i {
    margin-bottom: 0px !important;
}

.mb5i {
    margin-bottom: 5px !important;
}

.mb9 {
    margin-bottom: 9px;
}
.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb18 {
    margin-bottom: 18px;
}

.mb100 {
    margin-bottom: 100px;
}

.mt0i {
    margin-top: 0 !important;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 8px;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt15i {
    margin-top: 15px !important;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.mr10 {
    margin-right: 10px;
}

.mr30 {
    margin-right: 30px;
}

.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.pl4 {
    padding-left: 4px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl20i {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl60 {
    padding-left: 60px;
}

.pr5 {
    padding-right: 5px;
}

.pr7 {
    padding-right: 7px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr60 {
    padding-right: 60px;
}

.pb4 {
    padding-bottom: 4px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb6 {
    padding-bottom: 6px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb18 {
    padding-bottom: 18px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}


.pb50 {
    padding-bottom: 50px;
}

.pb70 {
    padding-bottom: 70px;
}

.pt4 {
    padding-top: 4px;
}

.pt5 {
    padding-top: 5px;
}

.pt8 {
    padding-top: 8px;
}

.pt9 {
    padding-top: 9px;
}

.pt10 {
    padding-top: 10px;
}

.py12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pt15 {
    padding-top: 15px;
}

.pt16 {
    padding-top: 16px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.r15i {
    right: 15px !important;
}

.br2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.br4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.br13 {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    font-weight: inherit;
}

div.a {
    display:inline;
}

.whitespace-normal {
    white-space: normal;
}

.ui-loader {
    top:75%;
}

@media (max-width: 800px) {
    body, html {
        -ms-overflow-style: none !important;
    }
}

.ui-body-c, .ui-overlay-c {
    background: #f2f2f2;
}

.ui-content {
    padding: 0;
    margin: 0;
}

.ui-panel-position-right.ui-panel-display-reveal {
    box-shadow: none;
}

.clear {
    clear: both;
}

strong, strong *
{
    font-weight:bold;
}

.unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */   
}

.only-print
{
    display: none !important;
}


.overthrow-enabled .nonbounce{
    overflow: auto;
    -webkit-overflow-scrolling: touch !important;
}

/**********************/
/** Page Style 		 **/
/**********************/
.ui-panel-wrapper{
    position:static !important;
    height: 100% !important;
}

.ui-page{
    height: 100% !important;
}


#page .contentPage{
    position: absolute;
    height: 100%;
    width: 100%;
    background-clip: padding-box;
}
#page .moredatacontainer{ z-index: 1; position:absolute; top:0; right:0; height: 100%; width: 100%;}

#page .shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#page .contentPage .contentHeadline
{
    position: relative;
    text-shadow: none;
    text-align: center;
    height: 48px;
    padding: 0 82px;
    z-index: 3;
 }

@media (min-width: 768px) {
    .modal_window #page .contentPage .contentHeadline,
    .modal_window #page .contentPageTags .contentHeadline {
        border-radius: 14px 14px 0 0;
    }
}

#page .contentPage .contentHeadline h1
{
    display:block;
    line-height: 48px;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#page .contentPage .dropShadowLine {
    border: 0 none;
    box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5) inset;
    height: 12px;
    width:100%;
    left: 0;
    position: absolute;
    z-index:2000;
}
#page .contentPage .dropShadowLine.relative {
    position: relative;
}

.moreButton i {
    font-size: 16px;
    vertical-align: text-bottom;
}

.moreButton
{
    height: 48px;
    width: auto;
    top:0;
    left:0;
    line-height: 48px;
    position: absolute;
    padding: 0px 24px 0px 15px;
    cursor: pointer;
}

.morePanel {
    z-index:2000;
    bottom: 0;
}

.morePanel .ico {
    display: inline-block;
    width: 28px;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left:0;
    background:rgba(0,0,0,0.50);
}

.logout-button, .sendButton, .cancelButton, .quitButton, .backButtonModal, .contactButton
{
    width: auto;
    height: 48px;
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    padding: 0 10px;
    left: 0;
    line-height: 48px;
    cursor: pointer;
}

.sendButton, .logout-button {
    left: auto;
    right: 0;
}

.backButtonModal
{
    font-size: 16pt;    
}

.moreButton.touch-started, .sendButton.touch-started
{
    background-color: rgba(0,0,0,0.2)!important;
}

.contactButton {
    font-size: 16px;
    left: auto;
    right: 0;
}

.morePanelWidth {
    width: 256px;
}

.morePanel .ui-panel-inner {
    padding: 0;
}


#gamification.menu {
    width: 256px;
    height: 200px;
    background: #dddddd;
    line-height: 40px;
    margin-top: -160px;
    padding-top: 160px;
}

.morePanel #moreList {
    position: absolute;
    top:0;
    bottom:0;
    overflow-y: scroll;
    margin: 0;
    padding: 26px 0 14px 0;
    list-style: none;
    width: 256px;
    text-shadow: none;
    font-size: 14px;
    overflow-x: hidden;
}

.morePanel #moreList .fav_line
{
    top:0;
    left:0;
    width:4px;
    position: absolute;
    height:100%;
    display: none;
}

.morePanel #moreList li {
    position: relative;
    cursor: pointer;
    height:64px;
}

.morePanel #moreList li.folder {
    height: auto;
    min-height: 64px;
}
.morePanel #moreList li .counter
{
    width:18px;
    height:18px;
    line-height:18px;
    position: absolute;
    right:15px;
    border-radius: 4px;
    top:50%;
    margin-top: -9px;
    text-align:center;
    display:none;
    text-indent: 0;
    font-size: 11px;
}

.morePanel #moreList li .openIndicator
{
    width:24px;
    height:24px;
    position: absolute;
    right:15px;
    top:50%;
    margin-top: -12px;
    text-indent: 0;
    font-size: 14px;
    font-weight: bold;
}

.morePanel #moreList li .openIndicator.open
{
    opacity: 1;
}

.morePanel #moreList li .openIndicator i
{
    color:#363e43 !important;
    text-shadow: none;
}

.morePanel #moreList li .openIndicator.close
{
    opacity: 1;
}

.morePanel #moreList li.touch-started
{
    background: rgba(0,0,0,0.2) !important;
}

.morePanel #moreList li .listText {
    padding: 20px 10px 20px 16px;
    line-height: 24px;
    font-size:16px;
}

.morePanel #moreList li.hasSublist
{
    border-bottom: none;
}

.morePanel #moreList .sublistElement {
    height: auto!important;
}

.morePanel #moreList .sublist {
    margin: 0;
    margin-left: -2px;
    padding: 0;
    list-style: none;
    text-transform: none;
}

.morePanel #moreList .sublist li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid;
}

.morePanel #moreList li.last
{
    border-bottom: none;
}

.listText.scheduleDays {
    margin-left: 14px;
}

.morePanel #moreList li .noBorder, .morePanel #moreList .sublist li .noBorder,
.morePanel #moreList .noBorder {
    border: none;
    border-bottom: none;
    cursor: default;
}

.morePanel #moreList .lightBorder {
    color: rgba(255,255,255,0.10);
    border: none;
    background-color: rgba(255,255,255,0.15);
    margin: 0;
    width: 18em;
    padding: 0;
    height: 1px;
}

/**************************/
/** PanelIcon Style		 **/
/**************************/

.morePanel #moreList .icon{
    width: 25px;
    height: 49px;
    display: block;
    margin-left: 1em;
    float: left;
}

.morePanel #moreList .sublistElement .sublist li .listDay {
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    width: 18px;
    height: 16px;
    display: block;
    color: #0096dc;
    font-size: 13px;
    text-indent: 5px;
    padding-top: 2px;
    margin-top: 1.4em;
    margin-left: 1.9em;
    background-color: #0073a5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
}

.morePanel #moreList .poweredByPlazz {
    height: 27px;
    margin-top: 20px;
    display: block;
    background: url("../images/client/home/mea_logo.png") no-repeat center center;
    background-size: 139px 27px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and    (-moz-min-device-pixel-ratio: 2),
only screen and      (-o-min-device-pixel-ratio: 2),
only screen and         (min-device-pixel-ratio: 2)
{
    .morePanel #moreList .poweredByPlazz
    {
        background: url("../images/client/home/mea_logo.png") no-repeat center center;
        background-size: 139px 27px;
    }
}


.ui-popup-container{
    z-index: 999999999;
}

.ui-popup-screen {
    z-index: 888888888;
}

.errorDisplayLoading{
    position:relative;
    margin:auto;
    padding:20px;
    margin-top:160px;
    max-width: 480px;
    color:#FFF !important;
    z-index:1000000000;
}

.ui-loader.blocking {
    background: rgba(0,0,0,0.5);
    top:0;
    left:0;
    margin-top:0;
    margin-left: 0;
    width:100%;
    height:100%;
    opacity: 1;
}

.ui-loader.blocking .ui-icon-loading {
    opacity: 0.5;
    position: absolute;
    top:75%;
    left:50%;
    margin-left: -1.4375em;
    margin-top: -1.4375em;
}

#generic-screen.ui-popup-screen.in {
    opacity: 1;
    filter:Alpha(Opacity=100);
    background-color:rgba(0,0,0,0.75);
}

.generic.popup {
    border-radius: 8px;
    overflow:hidden;
    width:300px;
    padding:0 !important;
    border-width: 0px !important;
}

.generic.popup .popup-header {
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-weight: bold;
}

.generic.popup .popup-content {
    padding: 10px 10px 20px 10px;
    font-size: 14px;
    line-height: 20px;
}

.generic.popup .popup-buttons {
    background-color: #ffffff !important;
    text-align: center;
    height: 37px;
    line-height: 37px;
    font-weight:bold;
}

.generic.popup .popup-buttons .table-cell {
    cursor: pointer;
}

/**************************/
/** EM-Error-Modal Style **/
/**************************/

.em-error-modal {
    text-align: center;
}

.em-error-modal-table {
    display: table;
    max-width: 260px;
    table-layout: fixed;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.em-error-modal-cell {
    display: table-cell;
    vertical-align: middle;
}

.em-error-modal-close {
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 14px;
    cursor: pointer;
    padding: 15px;
}
.em-error-modal-headline {
    font-size: 17px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.em-error-modal-icon {
    font-size: 70px;
    line-height: 130px;
}

.em-error-modal-text {
    font-size: 14px;
}

.em-error-modal-link {
    margin: 60px auto 0 auto;
    width: 240px;
    height: 45px;
}

.em-error-modal-link a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 45px;
    text-decoration: none;
    font-size: 13px;
}

@media (min-width: 512px) {
    .em-error-modal {
        padding: 75px 50px 50px 50px;
    }
    .em-error-modal {
        max-width: 450px !important;
    }
    .em-error-modal-table {
        max-width: 512px;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.disabled {
    opacity: 0.25;
}

.no-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.contentPage .more-menu {
    top:0;
    position: absolute;
    right: 15px;
    height: 48px;
    width: 22px;
    text-indent: 5px;
    z-index: 4;
}

.contentPage .config-dropdown{
    position: absolute;
    right: 0;
    top: 49px;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    z-index: 10;
}

.contentPage .config-dropdown > div {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    cursor: pointer;
    padding: 10px;
}

.contentPage .config-dropdown > div:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.05);
}

.opaque-15 {
    opacity: 0.15;
}

.opaque-20 {
    opacity: 0.20;
}

.opaque-50 {
    opacity: 0.50;
}

.selection-content .selection-item:not(:last-of-type) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border-b {
    border-bottom: 1px solid;
}

.text-underline {
    text-decoration: underline;
}

.navigation-table {
    display: table;
    height: 48px;
    width: auto;
    top: 0;
    left: 0;
    position: absolute;
}

.navigation-button {
    display: table-cell;
    padding: 0 10px 0 15px;
    vertical-align: middle;
    cursor: pointer;
}

@media (min-width: 768px) {
    .hide-in-big-mode {
        display: none;
    }
}

.va-tb {
    vertical-align: text-bottom;
}

.pl0i {
    padding-left: 0 !important;
}

body .global-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

body .global-overlay.show-background {
    background-color: rgba(0, 0, 0, 0.25);
}

body .global-overlay .loading-bounce-container {
    width: 70px;
    height: 20px;
    text-align: center;
}

body .global-overlay .loading-spinner {
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    color: white;
}
body .global-overlay .loading-spinner > span {
    width: 40px;
    height: 40px;
    font-size: 40px;
}

body .global-overlay .loading-spinner .icon-rotate {
    animation: anim-rotate 2s infinite linear;
}

body .global-overlay .lds-roller {
    position: relative;
    width: 64px;
    height: 64px;
}
body .global-overlay .lds-roller div {
    animation: anim-rotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}
body .global-overlay .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -3px 0 0 -3px;
}
body .global-overlay .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
body .global-overlay .lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}
body .global-overlay .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
body .global-overlay .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}
body .global-overlay .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
body .global-overlay .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}
body .global-overlay .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
body .global-overlay .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}
body .global-overlay .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
body .global-overlay .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}
body .global-overlay .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
body .global-overlay .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}
body .global-overlay .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
body .global-overlay .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}
body .global-overlay .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
body .global-overlay .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}

body .global-overlay .lds-ellipsis {
    display: block;
    position: absolute;
    top: 80%;
    width: 64px;
    height: 22px;
    background-color: rgba(0,0,0,0.25);
    border-radius: 11px;
}
body .global-overlay .lds-ellipsis div {
    position: absolute;
    top: 6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
body .global-overlay .lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}
body .global-overlay .lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}
body .global-overlay .lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}
body .global-overlay body .global-overlay .lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

body .global-overlay .loading-bounce {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

body .global-overlay .loading-bounce.loading-bounce-1 {
    animation-delay: -0.32s;
}

body .global-overlay .loading-bounce.loading-bounce-2 {
    animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

#simple-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#simple-popup .simple-popup-content{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    min-height: 44px;
    padding: 8px 16px;
    max-width: 512px;
    text-align: center;
    transition: margin 750ms cubic-bezier(0.74,-0.32, 0.32, 1.27);
    margin-bottom: -200px;
    cursor: pointer;
    border-radius: 22px;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}
#simple-popup.show .simple-popup-content{
    margin-bottom: 20px;
}

#simple-popup .simple-popup-icon {
    margin-right: 8px;
}
#simple-popup .simple-popup-icon[color="green"] {
    color: #47d763;
}
#simple-popup .simple-popup-icon[color="red"] {
    color: #cc3300;
}
#simple-popup .simple-popup-icon[color="yellow"] {
    color: #ffcc00;
}
#simple-popup .simple-popup-message{
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin-right: 16px;
}
#simple-popup .simple-popup-close {
    opacity: 0.1;
}
@media (min-width: 768px) {
    /*#simple-popup .simple-popup-content {*/
    /*    margin-left: 256px;*/
    /*}*/
}
@media (max-width: 767px) {
    #simple-popup .simple-popup-content {
        max-width: calc(100% - 32px);
    }
}
#simple-popup b {
    font-weight: bold;
}
.WhiteBG {
    background-color: white;
}
.WhiteCO {
    color: white;
}

.view,
#scrollSponsors,
#votingOverviewScrollView,
.note,
.question,
.scrollChat,
.scrollCurrentEvents,
.scrollDocuments,
.scroll-document-list,
.scrollExhibitors,
.scrollExhibitorsDetail,
.scrollFacebook,
.scrollGallery,
.scrollGalleryDetail,
.scrollMaps,
.scrollMembers,
.scrollMembersFiltered,
.scrollNewsDetail,
.scrollPassword,
.scrollPolicy,
.scrollGlobalSetup,
.scrollConventionSetup,
.scrollStaticPage,
.scrollTags,
.scrollTaxi,
.scrollTwitter,
.scollWallOfIdeas,
.scrollVoting,
.scrollNomineesDetail,
.scrollSetup,
.scrollMemberAccess,
.scrollQuiz,
.scrollWeather,
.refereeDetail,
#scheduleList,
#plannerList,
.scrollViewer,
.scrollPersons,
.poiWrapper,
#scrollProducts,
#membersDetail,
.appointment,
.scrollDashboard,
.scroll-person-detail,
.scrollSponsors,
#schedule-search,
.myQRCode,
.notification,
.eventDetail,
.scrollQRTicket,
.scrollWOI,
.scrollWOIPost,
.scrollMatchmaking
{
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 1;
}

#agendaPage .daysSelect,
#plannerListPage .daysSelect,
#sponsorsPage .sponsor_header
{
    height: 67px;
    width: 100%;
    font-size: 19px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
}



#page .contentHeadline h1
{
    margin:0;
}

#askQuestionPge .linkContainer, .note .linkContainer, #tagsPage .linkContainer, .scrollMemberAccess .linkContainer
{
    position:relative;
}


iframe
{
    border:none;
    border-image-width: 0px;
    display:block;
}

.facebookPage h3, .scrollPolicy h3
{
    padding:0 20px;
    font-size: 20px;
    margin: 25px 0 20px;
    line-height: 1.1em;
}

.ui-body-c .ui-link
{
    font-weight: normal;
}

.staticPage h1
{
    margin:50px 0 20px 20px;
}

.staticPage h2
{
    margin:40px 0 20px 20px;
}

.staticPage h3
{
    margin:30px 0 20px 20px;
}

.staticPage h4
{
    margin:20px 0 20px 20px;
}

.staticPage h5
{
    margin:10px 0 20px 20px;
}

.staticPage ul,
.staticPage ol
{
    margin:10px 20px 20px 40px;
    font-size: 16px;
}




.facebookPage h3 {
    margin: 50px 0 20px;
}

.facebookPage img
{
    width:73px;
    height:73px;
    margin: 24px 15px 15px 20px;
    float: left;
}

.scrollStaticPage img, .scrollMinStaticPage img
{
    width:auto;
    max-width: 90%;
    margin:10px 5% 30px 5%;
    height:auto;
    display: block;
}

.facebookPage p, .scrollPolicy p, .scrollStaticPage p, .scrollMinStaticPage p, .globalSetupPage p
{
    padding:0 20px;
    margin-bottom: 20px;
    font-size: 16px;
}

.linkContainer
{
    /*position: relative;*/
    margin:0;
    padding:0;
    width:100%;
    height:65px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.scrollFacebook .linkContainer,.scrollStaticPage .linkContainer,.scrollMinStaticPage .linkContainer,
.scrollPolicy .linkContainer, .scrollGlobalSetup .linkContainer, .scrollQuiz .linkContainer, .twitterPage .linkContainer
{
    position:relative;
}
.linkContainer {
    cursor: pointer;
}
.facebookPage a.ui-link, .linkContainer .linkColor
{
    display: block;
    position: absolute;
    left:20px;
    right:20px;
    text-align: center;
    height:45px;
    line-height: 45px;
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
}

.linkContainer .linkColor *
{
    font-weight: bold;
}

.scrollMemberAccess .linkContainer .linkColor, .scrollQuiz .linkContainer .linkColor
{
    left:0;
    right:0;
}

.linkWrapper
{
    position: absolute;
    left:20px;
    right:20px;

}

.linkContainer .linkWrapper div.linkColor
{
    float:left;
    width:50%;
    position: relative;
    left:0;
    display:table-cell;
}
.linkContainer .linkWrapper div.spacer
{
    width:2px;
    height:100%;
    z-index:1000;
    position: absolute;
    left:50%;
    top:0;
    margin-left:-1px;
}

.templates
{
    display:none;
}


.facebookPage a.ui-link,.facebookPage a.ui-link:hover,.facebookPage a.ui-link:active,.facebookPage a.ui-link:visited
{
    text-decoration: none;
}

.scrollVoting img
{
    width:100%;
    height:auto;
}

.time {
    position: absolute;
    top: -10px;
}


/****** VOTING ******/
.votingOverviewPage .votingElement
{
    border-top:2px solid;
    position: relative;
    width:100%;
    height:83px;
}

.votingElement .voting_question
{
    position:absolute;
    top:10px;
    left:10px;
    right:40px;
    height:40px;
    font-weight:bold;
    font-size:16px;
    line-height:20px;
}

.votingElement .voting_status
{
    position:absolute;
    bottom:10px;
    left:10px;
    right:40px;
    height:18px;
    font-size:14px;
}
#expired .arrow_right,
#participated .arrow_right
{
    display:none;
}


/* STATIC PAGE SWITCH */
#twitterPage .page_switch, #staticPage .page_switch, #sponsorsPage .page_switch, #exhibitorsPage .page_switch, #membersPage .inner_switch, .personsPage .inner_switch,
.daysSelect .day_options
{
    height:52px;
    padding:10px 5px;
    text-align: center;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
}


#staticPage .page_switch div, #exhibitorsPage .page_switch.column3 div,
#sponsorsPage .page_switch div, #exhibitorsPage .page_switch.column2 div,
#membersPage .inner_switch div,
.personsPage .inner_switch div,
.daysSelect .day_options .day_option,
.daysSelect .plannertagselect .day_options .day_option
{
    display: inline-block;
    width: 32%;
    margin-top:2px;
    height:28px;
    text-align: center;
    line-height:24px;
    border-width: 1px;
    border-style: solid;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;

}

#refereePage .sortOrder .orderList li {
    height:28px;
    line-height:27px;
}

.daySelectBGFix{
    border: 0 !important;
}

.page_switch div:first-child,
#membersPage .inner_switch .first,
.personsPage .inner_switch .first,
#refereePage .orderList li:first-child,
#wallOfIdeasPage .switch .innerSwitch div:first-child,
.daysSelect .day_options .day_option:first-child{
    border-radius: 6px 0 0 6px;
}

.page_switch div:last-child,
#membersPage .inner_switch .third,
.personsPage .inner_switch .third,
.personsPage .inner_switch .last,
#refereePage .orderList li:last-child,
#wallOfIdeasPage .switch .innerSwitch div:last-child,
.daysSelect .day_options .day_option:last-child{
    border-radius: 0 6px 6px 0;
}

#twitterPage .page_switch {
    display: table;
    table-layout: fixed;
    height:28px;
    width: 100%;
}


#twitterPage .page_switch div:not(:first-child) {
    border-left: none;
}
/*
#exhibitorsPage .page_switch.column2 .left
{
    border-right: 1px solid;
}

#exhibitorsPage .page_switch.column2 .right
{
    border-left: 1px solid;
}
*/
.fav_container
{
    height:117px;
    width: 50px;
    padding:41px 14px;
}

.fav_star
{
    font-size:24px;
}


#staticPage .page_switch div.left,#sponsorsPage .page_switch div.left, #exhibitorsPage .page_switch div.left, #twitterPage .page_switch div.left
{
    margin-left: 0%;
}

#staticPage .page_switch div.right, #sponsorsPage .page_switch div.right, #exhibitorsPage .page_switch div.right, #twitterPage .page_switch div.right
{
    margin-right: 0%;
}

#staticPage .page_switch div.middle, #sponsorsPage .page_switch div.middle, #exhibitorsPage .page_switch div.middle
{
    border-left: none;
    border-right: none;
}

.scrollMinStaticPage
{
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 110px;
    width: 100%;
    z-index: 1;
}

/* VIDEOS */
video
{
    outline: none;
    width:90%;
    margin-left:5%;
    height:auto;
}

.weather_entry
{
    height:50px;
    margin:0px 20px;
    line-height: 50px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.weather_entry .time
{
    position: absolute;
    left:10px;
    top:0;
    bottom:0;
    width:70px;
}

.weather_entry .icon:before
{
    left:-15px;
}

.weather_entry .temp
{
    position: absolute;
    right:10px;
    top:0;
    bottom:0;
    width:40px;
    text-align: right;
}

.weather_wrapper, .product_wrapper
{
    margin:0 auto;
    max-width: 520px;
    padding-bottom: 30px;
}
.product_wrapper .product_placeholder
{
    max-width: 500px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}

.weather_entry .temp:before
{
    left:-14px;
}

.weather_day,.week_no
{
    padding:15px 20px 5px 20px;
}

.weather_day
{
    text-align:center;
}

.weather_title, .weather_text
{
    padding: 0 20px;
}

.scrollStocks .minus
{
    color: #fd3838 !important;
}

.scrollStocks .plus
{
    color: #8bbf00 !important;
}

.list_entry {
    margin-bottom: 2px;
    position: relative;
}

.list_entry_title
{
    padding: 20px 20px;
}

.stock_day
{
    padding:10px 20px 0;
    font-size:11px;
}

.stock_value
{
    padding:0px 20px 10px;

}

.scrollQuiz
{
    padding:0;
}

.scrollQuiz .lighterColor
{
    font-size: 13px;
    margin-top: 8px;
    font-weight: bold;
    padding:0 10px 0 10px;
    margin-bottom: 0;
}

.scrollQuiz .questionP
{
    padding:0 10px;

}

.scrollQuiz .questionP, .scrollQuiz .questionP i
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 24px;
}

.scrollQuiz .be_answer, .scrollQuiz .be_answer i
{
    padding:0 10px;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 24px;
}

.scrollQuiz .linkContainer
{
    margin-top:20px;
}

.scrollQuiz .linkContainer .linkColor
{
    text-align:left;
    padding-left:10px;
}

.scrollQuiz .linkColor i
{
    font-size:14px;
    margin-top:-6.5px;
    right:15px;
}


/* NEW SCHEDULE + PLANNER */
#scheduleList .scheduleListEntry,
#schedule-search .scheduleListEntry,
#plannerList .plannerListEntry
{
    position: relative;
    height:106px;
    border-width: 1px;
    border-style: solid;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

#scheduleList .abs_container,
#schedule-search .abs_container,
#plannerList .abs_container
{
    position:absolute;
    top:50%;
    height:auto;
    left:60px;
    right:0;
}

#scheduleList .scheduleListEntry *,
#schedule-search .scheduleListEntry *,
#plannerList .plannerListEntry *
{
    font-weight: bold;
}

#scheduleList .scheduleListEntry .fav_line,
#schedule-search .scheduleListEntry .fav_line,
.person-detail .fav_line,
.exhibitorsEntry .fav_line
{
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
}

#scheduleList .event_name,
#schedule-search .event_name,
#plannerList .event_name
{
    max-height:45px;
}

#scheduleList .scheduleListEntry .block_time,
#schedule-search .scheduleListEntry .block_time,
#plannerList .plannerListEntry .block_time
{
    position:absolute;
    left:10px;
    top:50%;
    height:48px;
    line-height:16px;
    text-align: center;
    margin-top:-24px;
}

#scheduleList .scheduleListEntry .block_room,
#schedule-search .scheduleListEntry .block_room,
#plannerList .plannerListEntry .block_room,
#scheduleList .scheduleListEntry .event_speaker,
#schedule-search .scheduleListEntry .event_speaker,
#schedule-search .scheduleListEntry .block_parent,
#plannerList .plannerListEntry .event_speaker
{
    padding: 0px 24px 2px 15px;
    font-size:11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#scheduleList .scheduleListEntry .event_speaker,
#schedule-search .scheduleListEntry .event_speaker
{
    padding-bottom:0px;
    padding-top:2px;
}

#scheduleList .scheduleListEntry .block_events,
#schedule-search .scheduleListEntry .block_events,
#plannerList .plannerListEntry .block_events
{
    padding: 0px 24px 0px 15px;
}

/* NEW SCHEDULE + PLANNER END */

.no_documents,.no_member, .no_fav, .no_notes, .no_chat, .no_news, .no_eval, .no_voting, .no_gallery, .no_page, .no_events
{
    font-size:16px;
    text-align: center;
    position: absolute;
    top:50%;
    left:20px;
    right:20px;
}

.eventDetail .option, .eventDetail .eventVoting
{
    display:none;
}


/* PROFILE */

#scrollProfile #profileImageContainer
{
    position: relative;
    height:80px;
    margin:10px 0;
}
.errorInput{
    color: #f00 !important;
}
.warningHeadline,.errorHeadline,.successHeadline{
    position:absolute;
    top: 48px;
    width:100%;
    text-align: center;
    display:none;
    color: #fff !important;
    font-size: 14px;
    min-height: 25px;
    height: auto;
    line-height: 25px;
    z-index:10;
}

.errorHeadline {
    background-color: #DD3B41;
}

.successHeadline {
    background-color: #76CF67;
}

.success-color {
    color: #76CF67;
}

.warningHeadline {
    background-color: #FFCC00;
}

.agendaErrorHeadline {
    background-color: #DD3B41;
}

.agendaErrorHeadlineFont {
    color: #DD3B41;
}

.error-color {
    color: #DD3B41;
}

.error-color-i,
.error-color-i-all,
.error-color-i-all * {
    color: #DD3B41 !important;
}

#scrollProfile .profileImag,
.scrollGlobalSetup .profileImag
{
    width:50px;
    height:50px;
    position: absolute;
    top:0;
    left:0;

}

#scrollProfile #profileImage,
.userSettings #profileImage
{
    width:50px;
    height:50px;
    border-radius: 12px;
    position: relative;
    top:0;
    left:auto;
    right: auto;
    margin: auto;
    background-size: cover;
    background-position: center center;
}


#scrollProfile #photo,
.userSettings #photo
{
    position:absolute;
    top: -10000px;
}


.google_map
{
    max-width:100%;
}

.customPageContent {
    display: flex;
    flex-flow: column;
    justify-items: flex-start;
    align-items: center;
}

.customPageContent div.a {
    cursor: pointer;
}

.customPageElement
{
    padding: 0 20px;
    max-width: 750px;
    width: 100%;
    height: 100%;
}

.customPageElement:first-of-type
{
    padding-top:20px;
}

.customPageElement:last-of-type
{
    padding-bottom:20px;
}

.customPageElement h1,
.customPageElement h2,
.customPageElement h3,
.customPageElement h4,
.customPageElement h5,
.customPageElement h6,
.customPageElement p,
.customPageElement ul,
.customPageElement ol,
.customPageElement img,
.customPageElement video
{
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right: 0;
}

.customPageElement h1,
.customPageElement h2,
.customPageElement h3,
.customPageElement h4,
.customPageElement h5,
.customPageElement h6,
.customPageElement p,
.customPageElement img
{
    max-width: 100%;
    width:auto;
    margin: 8px auto;
}

.customPageElement video
{
    max-width: 100%;
    width:100%;
    margin: 0 auto;
}

.customPageElement ul,
.customPageElement ol
{
    padding-left:20px;
}

.customPageElement .linkColor
{
    left:0;
    right:0;
}

.customPageElement .google_map img
{
    width:auto;
    margin:0;
    max-width:none;
}

.scrollMinStaticPage,
.scrollStaticPage
{
    padding-top:0px;
    padding-bottom:20px;
}

.loadingPage .launch_logo
{
    background-image: url('../images/launch_logo.png');
    width: 0px;
    height: 0px;
    margin: 0 auto;
    background-size: contain;
    position: absolute;
    z-index: 99999999999;
}

.loadingPage .launch_message
{
    padding:20px;
    max-width: 400px;
    margin:0 auto;
    text-align:center;
    margin-top: 400px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
}

.poiImageWrapper
{
    height:50%;
    margin: 0 auto;
    /* max-width: 100%;*/
    overflow:hidden;
}

.poiImage
{
    position: relative;
    width:100%;
    height:100%;
}

.poiImage img
{
    margin: 0 auto;
    height:100%;
    display:block;
}

.pin
{
    position: absolute;
    width:31px;
    height:31px;
    margin-left:-15.5px;
    margin-top:-15.5px;
    background-image: url('../images/pin.png');
    background-size: 100% 100%;
    display:none;
}

.pin .view
{
    position: absolute;
    top: -40px;
    left:-44.5px;
    height:30px;
    width:120px;
    padding:5px;
    border-radius: 3px;
    background-color:rgba(255,255,255,0.9);
}
.pin .triangle {
    border-style: solid;
    border-width: 7px 7px 0;
    height: 0;
    left: 8px;
    position: absolute;
    top: -10px;
    width: 0;
    border-color: rgba(255,255,255,0.9) transparent transparent transparent;
}

.pin .view .arrow_right
{
    right: 6px;
}

.poiElements
{
    overflow: auto;
}

.poiElements .header
{
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.poiElements .listEntry
{
    position: relative;
    height:60px;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.poiElements .listEntry .poi_index
{
    position:absolute;
    top:0;
    left:10px;
    line-height: 60px;
}

.poiElements .listEntry .poi_name
{
    position:absolute;
    top:0;
    left:60px;
    right:10px;
    line-height: 60px;
}

.productsEntry
{
    position: relative;
    height:auto;
    margin: 15px 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    font-size: 16px;
}

.productsEntry .productsImage
{
    border-radius: 3px 3px 0 0;
    display:block;
    height:auto;
    width:100%;
}

.productsEntry .productsName
{
    height:auto;
    word-break:break-all;
    padding: 18px 15px 4px;
    font-weight:bold;
}

.productsEntry .productsTeaser
{
    height:90px;
    padding: 0 15px;
    overflow: hidden;
}

.product_wrapper
{
    padding-bottom: 15px;
}

.linkContainer .outline.linkColor
{
    border-width: 1px;
    border-style: solid;
}

.linkContainer .linkColor
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}



.popup.toast {
    padding: 5px;
    max-width: 512px;
    margin: 0 auto;
    color: #ffffff;
    background: rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}

.popup {
    background: rgba(0,0,0,0.8);
    padding: 10px 20px;
    border-radius: 4px;
}

.arrow_right {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    right: 16px;
    width: 5px;
}

.person-image,
.person-image-placeholder {
    width: 60px;
    height: 60px;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.person-image-placeholder .background,
.person-image-placeholder .foreground {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}

.person-image-placeholder .background {
    z-index: 1;
    opacity: 0.15;
}

.person-image-placeholder .foreground {
    z-index: 2;
    opacity: 0.2;
}

.person-image-placeholder .icon-plazz-profil-placeholder {
    position: absolute;
    bottom: 0px;
}

.switch-wrapper {
    height: 27px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}


/* ai- prefix */
.ai-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row;
    padding: 0 0 0 16px;
    height: calc(100% - 48px);
}

/* ai general */
.ai-padding-side {
    padding-left: 16px;
    padding-right: 16px;
}

/* loading spinner
    <div class="ai-loading-spinner material-icons-round">refresh</div>
*/
@keyframes ai-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ai-loading {
    pointer-events: none !important;
}
.ai-loading-spinner,
.ai-feed-loading-spinner {
    display: none;
    animation: ai-spin 1.2s linear infinite;
}
.ai-loading .ai-loading-spinner {
    display: inline-block;
}
.ai-loading .ai-loading-replace {
    display: none !important;
}
.ai-reminder .ai-loading-spinner,
.ai-planner .ai-loading-spinner,
.ai-booking .ai-loading-spinner,
.ai-note .ai-loading-spinner {
    font-size: 16px;
    margin-right: 8px;
}
.ai-option .ai-loading-spinner {
    margin-right: 10px;
}
.ai-feed-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: calc(50% - 18px);
    font-size: 36px;
}

/* content left */
.ai-content-left-scroll-container {
    width: 100%;
    height: calc(100% - 32px);
    margin-top: 16px;
    margin-bottom: 16px;
    overflow-y: auto;
    margin-right: 16px;
    transition: margin-right 500ms;
    /*direction: rtl;*/
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
}
.ai-content.has-sidebar .ai-content-left-scroll-container {
    height: calc(100% - 16px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ai-video-blocker {
    height: 16px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
}
.ai-content-left-scroll-container.firefox {
    /*scrollbar-color: rgba(209, 209, 223, 1) rgba(255, 255, 255, 1);*/
    scrollbar-width: thin;
}
.ai-content-left-scroll-container::-webkit-scrollbar-track
{
    -webkit-box-shadow: none;
    /*background-color: #FFFFFF;*/
    border-radius: 8px;
}

.ai-content-left-scroll-container::-webkit-scrollbar
{
    width: 20px;
    /*background-color: #FFFFFF;*/
    border-radius: 8px;
}

.ai-content-left-scroll-container::-webkit-scrollbar-thumb
{
    border-width: 6px;
    border-radius: 8px;
    border-top-width: 62px;
    border-style: solid;
    /*border-color: white;*/
    -webkit-box-shadow: none;
    /*background-color: rgba(209, 209, 223, 0.5);*/
}
.ai-content-left-scroll-container::-webkit-scrollbar-thumb:hover {
    /*background-color: rgba(209, 209, 223, 1);*/
}
.right-content-open .ai-content-left-scroll-container {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ai-content-left {
    padding-bottom: 16px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    /*direction: ltr;*/
}
/* no content right */
.ai-content-left.ai-no-content-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.right-content-open .ai-content-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
@media (max-width: 500px){
    /* no border on small mobile */
    .ai-content {
        padding: 0;
    }
    .ai-content-left.ai-no-content-right {
        margin-right: 0;
    }
    .ai-content-left-scroll-container {
        height: 100% !important;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        margin-right: 0;
        border-radius: 0;
    }
    .ai-video-blocker {
        display: none;
    }
    .ai-content-left {
        border-radius: 0;
        margin-bottom: 0;
    }
    .ai-content-left.ai-no-content-right {
        border-radius: 0;
    }
    .ai-content-left-scroll-container::-webkit-scrollbar {
        display: none; /* Chrome/Safari/Opera */
    }
    .ai-content-left-scroll-container {
        -ms-overflow-style: none;  /* IE/Edge */
        scrollbar-width: none;  /* Firefox */
    }
}
.ai-header-wrapper {
    display: table;
    min-height: 51px;
    width: 100%;
}
.ai-header-wrapper.no-video {
    border-width: 0 0 1px 0;
    border-style: solid;
    margin-bottom: 40px;
}
.ai-header-left {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    width: 100%;
    height: 100%;
    line-height: 30px;
}
.ai-header-title {
    margin-right: 16px;
    font-size: 18px;
    font-weight: bold;
    word-break: break-word;
}
.ai-header-right {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 145px;
    border-width: 0 0 0 1px;
    border-style: solid;
    padding-top: 6px;
    letter-spacing: -5px;
    min-width: 160px;
    padding-right: 20px;
}
.ai-header-right .material-icons-round {
    font-size: 24px;
    opacity: 0.5;
    cursor: pointer;
    width: 23px;
    text-align: center;
}
.ai-header-right .material-icons-round.active {
    color: #FFAB00;
    opacity: 1;
}
.ai-no-content-right .ai-header-right {
    min-width: 145px;
    padding-right: 0;
}
.ai-category-wrapper {
}
.ai-category-item {
    cursor: pointer;
    display: inline-block;
    margin-right: 16px;
}
.ai-category-item:hover .ai-category-name {
    text-decoration: underline;
}
.ai-category-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;
    padding-right: 4px;
}
.ai-category-name {
    display: inline-block;
    font-weight: normal;
}
.ai-livestream-counter-wrapper {
    height: 24px;
    line-height: initial;
    border-radius: 12px;
    background-color: #f2f3f9;
    padding: 0 8px;
    vertical-align: bottom;
}
.ai-livestream-counter-icon {
    margin-right: 4px;
    line-height: 24px;
    font-size: 20px;
}
.ai-livestream-counter {
    font-size: 14px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.ai-livestream-counter-number {
    margin-right: 2px;
}
.ai-livestream-counter-label {

}

.ai-video-wrapper {
    margin-bottom: 8px;
}
.ai-book-to-interact-text {
    margin: 0 16px 10px 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 8px;
    display: inline-block;
}
.ai-date-theater-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.ai-date-time-location-wrapper {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 16px;
    line-height: 36px;
}
.ai-date-user-timezone {
    font-size: 14px;
    border-radius: 4px;
    background-color: #f2f3f9;
    padding: 0 6px;
    line-height: 28px;
    margin: 2px 16px 2px 0;
}
.ai-date-wrapper, .ai-time-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 16px;
}
.ai-date, .ai-time  {
    margin-left: 8px;
}
.ai-location-wrapper{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 30px;
}
.ai-location-wrapper-icon {
    position: absolute;
    left: 0;
    top: 6px;
}
.ai-location-item {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 16px;
}
.ai-location-item.CorporateLinkCO {
    cursor: pointer;
}
.ai-location-item.CorporateLinkCO:hover .ai-location-name {
    text-decoration: underline;
}
.ai-location-icon {
    font-size: 24px;
    margin-right: 7px;
}
.ai-interaction-buttons-wrapper {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 16px 0 16px;
}
.ai-button {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    padding: 10px 8px;
    cursor: pointer;
}
.ai-button.hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.ai-button-icon {
    font-size: 16px;
    margin-right: 8px;
}
.ai-button-text {
    font-size: 14px;
    text-transform: uppercase;
}
.ai-speaker-document-wrapper {
    padding-top: 16px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
}
.ai-speaker-document-wrapper.has-content-after {
    border-width: 0 0 1px 0;
    border-style: solid;
}
.ai-speaker-wrapper {
    padding: 0 16px;
}
.ai-document-wrapper {
    padding: 0 16px;
}
@media (max-width: 767px){
    .ai-speaker-wrapper {
        flex: none !important;
    }
    .ai-document-wrapper {
        flex: none !important;
    }
}
.ai-document-wrapper.bl {
    border-width: 0 0 0 1px;
    border-style: solid;
}
.ai-speaker-headline,
.ai-document-headline {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}
.ai-speakers {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.ai-speaker-item {
    max-width: 100%;
    height: 36px;
    margin-right: 24px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.ai-speaker-item:hover .ai-speaker-name {
    text-decoration: underline;
}
.ai-speaker-image {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 8px;
    flex: none;
    background-position: center center;
    background-size: cover;
}
.ai-speaker-info-wrapper {
    max-width: calc(100% - 42px);
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
.ai-speaker-info-wrapper.ie {
    max-width: none;
}
.ai-speaker-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.ai-speaker-primary {
    display: none;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-documents {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.ai-document-item {
    height: 36px;
    margin-right: 24px;
    margin-bottom: 16px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}
.ai-document-item:hover .ai-document-name {
    text-decoration: underline;
}
.ai-document-icon {
    margin-right: 8px;
    font-size: 36px;
}
.ai-document-description {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
.ai-document-name {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 4px;
    white-space: nowrap;
}
.ai-document-type {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
@media (max-width: 767px){
    .ai-speaker-wrapper,
    .ai-document-wrapper {
        width: 100%;
    }
    .ai-speaker-wrapper {
        flex: none;
    }
    .ai-speaker-wrapper.no-documents {
        border-bottom: none;
    }
    .ai-speaker-document-wrapper.has-content-after .ai-speaker-wrapper,
    .ai-speaker-document-wrapper.has-content-after .ai-document-wrapper {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }


    .ai-document-wrapper.bl {
        border-left: none;
        padding-top: 16px;
    }
    .ai-speaker-document-wrapper {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
        border-width: 0;
    }
    .ai-speaker-document-wrapper.has-content-after {
        border-width: 0;
    }
}
.ai-event-description {
    padding: 0 16px;
    margin-top: 24px;
    word-break: break-word;
    line-height: 1.6;
    max-width: 780px;
}
.ai-event-description .a {
    cursor: pointer;
}

.ai-event-description p {
    margin: 16px 0;
}
.ai-event-description ol,
.ai-event-description ul {
    padding-left: 40px;
    margin: 16px 0;
}
/*.ai-event-description p,*/
/*.ai-event-description ol,*/
/*.ai-event-description ul {*/
/*    padding: revert;*/
/*    margin: revert;*/
/*}*/

.ai-link-wrapper {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 16px 0 16px;
    margin-top: 24px;
}
.ai-link-wrapper .ai-button {
    margin-bottom: 0;
    margin-right: 0;
}
.ai-link-wrapper .ai-button:hover {
    background-color: rgba(0,0,0,0.15);
}
.ai-link-wrapper .ai-button-icon {
    font-size: 14px;
}

.ai-child-block-wrapper {
    padding: 0 16px;
    margin-top: 24px;
}
.ai-child-block-headline {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}
.ai-child-blocks {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.ai-child-block-item {
    width: calc(33% - 16px);
    min-height: 144px;
    padding: 16px;
    line-height: 18px;
    margin: 0 16px 16px 0;
    border-radius: 8px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: width 500ms ease-in-out;
}
.right-content-open .ai-child-block-item {
    width: calc(50% - 16px);
}
@media (max-width: 1100px){
    .ai-child-block-item {
        width: calc(50% - 16px);
    }
}
@media (max-width: 500px){
    .ai-child-block-item {
        width: 100%;
        margin-right: 0;
    }

    .ai-header-right {
        min-width: auto;
        margin-bottom: 5px;
        padding-right: 0;
        border-left: none;
        padding-top: 0;
    }
    .ai-header-left {
        padding-right: 55px;
    }
    .ai-header-wrapper {
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }
    .ai-no-content-right .ai-header-left {
        padding-right: 16px;
    }
}

.ai-child-block-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.ai-child-block-time {

}
.ai-child-block-name {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
    word-break: break-word;
    margin-top: 8px;

}
.ai-child-block-speakers {
    word-break: break-word;
    margin-top: 8px;
}
.ai-child-block-room {
    word-break: break-word;
    margin-top: 4px;
}





/* content right */
.ai-content-right {
    position: relative;
    margin-right: -330px;
    width: 330px;
    min-width: 330px;
    height: calc(100% - 16px);
    margin-top: 16px;
    z-index: 5;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    transition: margin-right 500ms ease-in-out;
}
.ai-content-right .ai-close-theater-wrapper {
    height: 64px;
    width: 100%;
    display: none;
    background-color: #232323;
}
.right-content-open .ai-content-right {
    margin-left: 4px;
    margin-right: 0;
}
/*.right-content-open .ai-content-left {*/
/*    margin-right: 0;*/
/*}*/
.ai-cr-navi {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    position: relative;
    left: 0;
    width: 100%;
    height: 50px;
}
.right-content-open .ai-cr-navi {

}
.ai-cr-toggle {
    position: absolute;
    top: 5px;
    left: -40px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border-width: 4px;
    border-style: solid;
    cursor: pointer;
    transition: left 500ms ease-in-out;
}
.right-content-open .ai-cr-toggle {
    left: -22px;
}
.ai-cr-toggle-icon {
    transition: transform 500ms ease-in-out;
    font-size: 24px;
}
.right-content-open .ai-cr-toggle-icon {
    transform: rotate(-180deg);
}
@media (max-width: 1100px){
    .ai-content-right {
        position: absolute;
        right: 0;
        opacity: 0.98;
        height: calc(100% - 16px);
    }
    .right-content-open .ai-content-left-scroll-container {
        margin-right: 16px;
    }
}
@media (max-width: 500px){
    .ai-content-right {
        margin-top: 0;
        height: 100%;
    }
    .right-content-open .ai-content-left-scroll-container {
        margin-right: 0;
    }
}
@media (max-width: 380px){
    .ai-content-right {
        min-width: calc(100% - 40px);
        width: calc(100% - 40px);
        margin-right: calc(-100% + 40px);
    }
    .right-content-open .ai-content-right {
        margin-left: 0;
        margin-right: 0;
    }
}
@keyframes blink {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}
@keyframes border {
    0%, 100% {
        border-style: solid;
    }
    50% {
        border-style: double;
    }
}
.ai-cr-toggle .ai-new-interaction-dot {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: none;
}
.ai-content:not(.right-content-open) .ai-cr-toggle.new-interactions {
    animation: border 2s infinite;
}
.ai-cr-navi {
    padding: 0 16px;
}
.ai-cr-navi-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-evenly;
    border-width: 0 0 1px 0;
    border-style: solid;
}
.ai-nav-button {
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    display: none;
}
.ai-nav-button.active {
    pointer-events: none;
}
.ai-nav-button .lng-html {
    transition: font-weight 250ms cubic-bezier(0, 0, 0.2, 1);
    white-space: nowrap;
}
.ai-nav-button.active .lng-html {
    font-weight: bold;
}
.ai-nav-button:after {
    display:block;
    content: '';
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: inherit;
    transform: scaleX(0);
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
    margin-top: -3px;
    transform-origin: 50% 50%;
}
.ai-nav-button.active:after {
    transform: scaleX(1);
    transform-origin: 50% 50%;
}
.ai-nav-button:hover {
    /*text-decoration: underline;*/
}
.ai-nav-button-indicator {
    display: none;
    position: absolute;
    top: 10px;
    right: -8px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.ai-cr-content-wrapper {
    height: calc(100% - 50px);
    overflow: hidden;
}
.ai-content-wrapper-flex {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}
.ai-feed-content-wrapper,
.ai-poll-content-wrapper,
.ai-quiz-content-wrapper,
.ai-woi-content-wrapper,
.ai-question-content-wrapper {
    display: none;
    position: relative;
    height: 100%;
}

.ai-cr-content {
    height: 100%;
    padding: 24px 16px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ai-feed-content {
    height: calc(100% - 56px);
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
}
.ai-feed-placeholder {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 16px;
    width: calc(100% - 32px);
}
.ai-feed-placeholder-image {
    width: 100%;
}
.ai-feed-placeholder-text {
    font-size: 20px;
    color: #8e8ea2;
    text-align: center;
    margin-top: 26px;
}
.ai-feed-scroll-button {
    position: absolute;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding: 6px 10px 6px 6px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    z-index: 1;
    right: 10px;
    top: -50px;
    cursor: pointer;
}
.ai-feed-posts {
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 24px 0 0 0;
}
.ai-feed-today {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}
.ai-feed-today-line {
    height: 1px;
    width: 100%;
}
.ai-feed-today-text {
    font-size: 18px;
    margin: 0 18px;
}
.ai-feed-item {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.ai-feed-item.has-link .ai-feed-item-image,
.ai-feed-item.has-link .ai-feed-item-name {
    cursor: pointer;
}
.ai-feed-item {
    margin-bottom: 24px;
}
.ai-feed-item-image {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 8px;
    flex: none;
    background-position: center center;
    background-size: cover;
}
.ai-feed-item-image.vhidden {
    height: 0;
}
.ai-feed-item-message-wrapper {
    border-radius: 0 8px 8px 8px;
    background-color: #f2f3f9;
    padding: 5px 8px;
    max-width: calc(100% - 44px);
}
.ai-feed-item.unpublished .ai-feed-item-message-wrapper {
    opacity: 0.5;
}
.ai-feed-item-name {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
}
.ai-feed-item.has-link .ai-feed-item-name:hover {
    text-decoration: underline;
}
.ai-feed-item-text {
    line-height: 1.2;
    word-break: break-word;
    white-space: pre-wrap;
    font-size: 14px;
}
.ai-feed-item-cms-link {
    cursor: pointer;
    margin-top: 4px;
    text-align: right;
    display: none;
}
.ai-feed-input-wrapper {
    position: relative;
    z-index: 12;
    flex-shrink: 0;
    width: 100%;
    min-height: 56px;
    box-shadow: 0 -2px 5px -5px #000000;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
}
.ai-feed-input-wrapper .ai-emoji-button {
    position: absolute;
    right: 60px;
    top: 16px;
    z-index: 2;
    cursor: pointer;
}
.ai-feed-counter {
    font-size: 12px;
    position: absolute;
    bottom: 0;
}
.ai-feed-counter.yellow {
    color: #ffcc00;
}
.ai-feed-textbox {
    width: 100%;
    min-height: 56px;
    border: none !important;
    word-break: break-word;
    padding: 19px 30px 15px 16px !important;
    font-size: 16px !important;
    /*line-height: 18px;*/
    resize: none;
    outline: none;
}
.ai-feed-textbox:focus {
    border: none;
}
.ai-feed-input-wrapper [placeholder]:empty:before {
    content: attr(placeholder);
    color: #8e8ea2;
    font-style: italic;
    cursor: text;
}
.ai-feed-send-button {
    padding: 0 16px;
    opacity: 0.15;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.ai-feed-send-button.active {
    cursor: pointer;
    opacity: 1;
    pointer-events: all;
}
.ai-feed-send-button-icon {
    margin-top: -5px;
    transform: rotateX(30deg) rotateZ(-45deg);
}
.ai-feed-send-text {
    margin-left: 8px;
}
.ai-feed-can-not-post {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 5;
    background-color: white;
    text-align: center;
    padding: 5px 10px;
    pointer-events: none;
    font-size: 14px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.ai-feed-can-post {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.ai-poll-content {

}
.ai-poll-detail {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-top: 24px;
}
.ai-poll-detail-header {
    padding: 0 16px;
    width: 100%;
    height: 54px;
    z-index: 1;
}
.ai-poll-detail-header .ai-option-text-wrapper {
    width: calc(100% - 50px);
}
.ai-poll-detail-header .ai-option-icon{
    font-size: 24px;
    margin-right: 10px !important;
}
.ai-poll-detail-questions {
    width: 100%;
    max-height: calc(100% - 139px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 0;
    margin-top: 15px;
    border-style: solid;
    border-width: 0 0 1px 0;
}
.ai-poll-detail-questions.poll-scroll-border {
    border-width: 1px 0 1px 0;
}
.ai-poll-detail-questions .textarea-option {
    width: 100%;
    min-height: 84px;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    border-width: 1px;
    border-style: solid;
    word-break: break-word;
    padding: 9px;
    resize: none;
    overflow: auto;
    outline: none;
    font-size: 14px;
}
.ai-poll-detail-questions .textarea-option:focus {
    border-width: 1px;
    border-style: solid;
}
.ai-poll-detail-questions .ai-poll-text [placeholder]:empty:before {
    content: attr(placeholder);
    color: #8e8ea2;
    cursor: text;
}

.ai-poll-detail-footer {
    width: 100%;
    height: 69px;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 1;
    padding: 15px 16px 0 16px;
}
.ai-poll-required-info {
    height: 44px;
    overflow: hidden;
}
.ai-poll-required-info-text {
    word-break: break-word;
}

.ai-quiz-content {

}

.ai-woi-content {

}

.ai-question-content {

}
.ai-question-block {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.ai-question-feedback-block {
    margin-top: 24px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.ai-question-feedback {
    text-align: center;
    font-weight: 500;
    display: none;
}

.ai-question-image {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 8px;
    background-position: center center;
    background-size: cover;
}
.ai-question-wrapper {
    width: 100%;
}
.ai-question-textbox {
    width: 100%;
    min-height: 84px;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
    border-width: 1px;
    border-style: solid;
    word-break: break-word;
    padding: 9px;
    resize: none;
    overflow: auto;
    outline: none;
    margin-bottom: 16px;
}
.ai-question-textbox:focus {
    border-width: 1px;
    border-style: solid;
}
.ai-question-wrapper [placeholder]:empty:before {
    content: attr(placeholder);
    color: #8e8ea2;
    font-style: italic;
    cursor: text;
}
.ai-question-send-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.ai-question-counter {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}
.ai-question-counter.yellow {
    color: #ffcc00;
}
.ai-question-send-button,
.ai-poll-send-button {
    display: flex;
    flex-shrink: 0;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    opacity: 0.15;
    height: 40px;
    overflow-y: hidden;
    border-radius: 4px;
    pointer-events: none;
    padding: 10px 16px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}
.ai-question-send-button.active,
.ai-poll-send-button.active {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}

.ai-question-send-button-icon,
.ai-poll-send-button-icon {
    margin-top: -5px;
    transform: rotateX(30deg) rotateZ(-45deg);
}
.ai-question-send-button-text,
.ai-poll-send-button-text {
    white-space: nowrap;
    margin-left: 8px;
}

.ai-option {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0 8px 16px;
    min-height: 54px;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 8px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    transition: background-color 150ms ease-in-out;
}
.ai-option:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.ai-option-text-wrapper {
    width: calc(100% - 38px);
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
.ai-option-name {
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    margin: 1px 0;
}
.ai-option-status,
.ai-option-status2 {
    font-size: 12px;
    width: 100%;
    font-weight: normal;
    margin: 1px 0;
}
.ai-option-icon {
    font-size: 32px;
    margin-right: 6px;
    transition: margin-right 150ms ease-in-out;
}
.light-grey {
    color: #d4d6e0;
}
.light-grey-bg {
    background-color: #d4d6e0;
}
.light-grey-bc {
    border-color: #d4d6e0;
}
.ai-option-icon.color-done {
    color: #0aa311 !important;
    font-size: 24px;
    margin-right: 10px;
    transition: none;
}
.ai-option-icon.color-cancel {
    /*color: #8a94a1 !important;*/
}
.ai-option:hover .ai-option-icon {
    margin-right: 4px;
}
.ai-option.inactive {
    cursor: auto;
}
.ai-option.inactive:hover {
    cursor: auto;
    background-color: initial;
}
.ai-option.inactive:hover .ai-option-icon {
    margin-right: 6px;
}
.ai-option.inactive:hover .ai-option-icon.color-done {
    margin-right: 10px;
}

    /* theater mode */
.ai-theater-close {
    display: none;
}
.ai-theater-open,
.ai-theater-close {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 16px 0 12px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}
.ai-theater .ai-theater-close {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 8;
    top: 13px;
    right: 60px;
    background-color: #303030;
}
.ai-theater .ai-theater-close:hover {
    background-color: #3c3c3c;
}
.ai-theater-open-wrapper {
    flex-shrink: 0;
    margin-right: 16px;
    border-radius: 4px;
}
.ai-theater-open {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.ai-theater-open-wrapper .ai-theater-open:hover {
    background-color: rgba(0,0,0,0.15);
}
@media (max-width: 767px){
    .ai-theater-open {
        display: none !important;
    }
}
.ai-theater .ai-content {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    background-color: dimgrey;
    color: white;
}
.ai-theater .ai-content-left {
    border-radius: 0;
    padding-bottom: 0;
    background-color: #232323;
    height: 100%;
    margin-bottom: 0;
}
.ai-theater .ai-content-left.ai-no-content-right {
    margin-right: 0;
}
.ai-theater .ai-header-wrapper {
    background-color: #232323;
}
.ai-theater .ai-header-left {
    height: 64px;
    flex-flow: row nowrap;
}


.ai-theater .ai-content-right {
    transition: none;
    margin-left: 0;
    border-radius: 0;
    margin-top: 0;
    height: 100%;
    color: black;
    position: relative !important;
}
.ai-theater .ai-cr-content-wrapper {
    height: calc(100% - 114px);
}
.ai-theater .video-manager-placeholder .video-manager-placeholder-content {
    box-shadow: none;
}
.ai-theater .ai-content-right .ai-close-theater-wrapper {
    display: block;
}
.ai-theater .ai-category-wrapper {
    margin-bottom: 0;
    display: inline-block;
}
.ai-theater .ai-header-title {
    margin-bottom: 0;
    flex-shrink: 0;
    display: inline-block;
}
.ai-theater .ai-livestream-counter-wrapper {
    flex-shrink: 0;
    background-color: #303030;
    color: white;
}
.ai-theater #video-manager {
    z-index: 3001;
}
.ai-theater .ai-content-left .ai-video-wrapper {
    padding: 0;
    margin: 0 auto;
}
.ai-theater .ai-content-left-scroll-container {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-right: 0;
    border-radius: 0;
    transition: none;
}
.ai-theater .ai-video-blocker {
    display: none;
}
.ai-theater .ai-cr-toggle {
    transition: none;
    position: fixed;
    top: 13px;
    left: auto;
    right: 10px;
    background-color: #303030;
    height: 38px;
    width: 40px;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    border: none;
    color: white;
}
.ai-theater .ai-cr-toggle:hover {
    background-color: #3c3c3c;
}
.ai-theater .ai-cr-toggle-icon {
    transition: none;
}
@keyframes theaterindicator {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.ai-theater .ai-content:not(.right-content-open) .ai-cr-toggle.new-interactions {
    animation: none;
}
.ai-theater .ai-content:not(.right-content-open) .ai-cr-toggle.new-interactions .ai-cr-toggle-icon {
    animation: theaterindicator 1s infinite;
}

.ai-theater .ai-date-theater-wrapper,
.ai-theater .ai-header-right,
.ai-theater .ai-date-time-location-wrapper,
.ai-theater .ai-interaction-buttons-wrapper,
.ai-theater .ai-speaker-document-wrapper,
.ai-theater .ai-event-description,
.ai-theater .ai-child-block-wrapper {
    display: none !important;
}




.ai-note-modal {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3003;
}
.ai-note-modal .ai-note-header,
.ai-note-modal .note-wrapper {
    width: 500px;
    overflow: hidden;
}
.ai-note-modal .ai-note-header {
    border-radius: 14px 14px 0 0;
    font-size: 17px;
    position: relative;
}
.ai-note-modal .ai-note-header-title {
    text-align: center;
    line-height: 48px;
    font-size: 17px;
}
.ai-note-modal .close-notes-button {
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    cursor: pointer;
    text-align: center;
}
.ai-note-modal .save-notes-button {
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 0;
    padding: 0 15px;
    opacity: 1;
    cursor: pointer;
}
.ai-note-modal .note-wrapper {
    overflow: hidden;
    border-radius: 0 0 12px 12px;
}

.ai-note-modal .note-title-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 0 10px 15px;
}

.ai-note-modal .note-title-helper {
    display: table-cell;
}
.ai-note-modal .note-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
.ai-note-modal .note-date {
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
}

.ai-note-modal .note-interactions{
    display: table-cell;
    width: 104px;
    vertical-align: middle;
    text-align: center;
}

.ai-note-modal .note-interactions{
    display: table-cell;
    width: 104px;
    vertical-align: middle;
    text-align: center;
}
.ai-note-modal .layout-wrapper .note-interactions{
    width: 60px;
}
.ai-note-modal .share-note-button,.ai-note-modal .delete-note-button, .ai-note-modal .edit-note-button {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    padding: 7px;
}
.ai-note-modal .share-note-button, .ai-note-modal .edit-note-button {
    margin-right: 10px;
}

.ai-note-modal .editor {
    padding: 40px 15px 0 15px;
    font-size: 16px;
    line-height: 22px;
    max-height: 400px;
    min-height: 200px;
}

.ai-note-modal .trumbowyg-box {
    margin-top: 0;
}

.ai-modal-overlay {
    z-index: 3001;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}
.ai-note-modal.new .note-interactions{
    display: none;
}
.ai-note-modal.new .note-date {
    display: none;
}

@media (max-width: 1000px){
    .ai-note-modal {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .ai-note-modal .note-wrapper,
    .ai-note-modal .ai-note-header {
        width: 100%;
        border-radius: 0;
    }
    .ai-note-modal .note-wrapper {
        height: 100%;
    }
}

/*reminder + booking modal*/
.agendaItemPage .modal-overlay .reminder-modal,
.agendaItemPage .modal-overlay .booking-modal{
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: calc(50% + 128px);
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
@media (max-width: 800px){
    .agendaItemPage .modal-overlay .reminder-modal,
    .agendaItemPage .modal-overlay .booking-modal {
        left: 50%;
    }
}
.agendaItemPage .reminder-modal .modal-overlay-footer,
.agendaItemPage .booking-modal .modal-overlay-footer {
    height: 45px !important;
    line-height: 45px !important;
    display: table !important;
}
.agendaItemPage .reminder-btn-apply,
.agendaItemPage .booking-btn-apply {
    border-right-width: 1px;
    border-right-style: solid;
}

.agendaItemPage .reminder-btn-delete, .agendaItemPage .reminder-btn-apply,
.agendaItemPage .booking-btn-cancel, .agendaItemPage .booking-btn-apply {
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.agendaItemPage .reminder-headline,
.agendaItemPage .booking-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}
.agendaItemPage .reminder-text,
.agendaItemPage .booking-text{
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.agendaItemPage .reminder-helper {
    width: calc(100% - 30px);
    max-width: 270px;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-bottom: 15px;
}

.agendaItemPage .reminder-option-wrapper {
    display: table-cell;
    width: 60px;
    height: 60px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.agendaItemPage .reminder-marker {
    position: absolute;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    width: 18px;
    top: -6px;
    right: -6px;
    height: 18px;
    border-radius: 9px;
    border-width: 2px;
    border-style: solid;
}

.agendaItemPage .reminder-option-time {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
}

.agendaItemPage .reminder-option-unit {
    font-size: 12px;
    line-height: 14px;
}

#agendaItemPage .ical-export-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 3;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 10px 8px 8px;
}
#agendaItemPage .ical-export-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
#agendaItemPage .ical-export-button-text {
    font-size: 16px;
}
#agendaItemPage .ical-export-button {
    font-size: 22px;
    margin-right: 5px;
}

/*next session modal*/
.agendaItemPage .next-session-modal .modal-overlay-content {
    padding: 15px 40px;
}

.agendaItemPage .next-session-modal .modal-headline {
    font-size: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 15px;
}

.agendaItemPage .next-session-modal .next-session-item {
    height: 72px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 8px;
}


/*emoji editor*/
#agendaItemPage .emojionearea .emojionearea-editor {
    padding: 0;
    min-height: auto;
    line-height: inherit;
    max-height: none;
    color: inherit;
}
#agendaItemPage .emojionearea, .emojionearea.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}
#agendaItemPage .emojionearea .emojionearea-editor:empty:before {
    color: #8e8ea2;;
}
#agendaItemPage .emojionearea .emojionearea-picker .emojionearea-wrapper{
    height: 265px;
    width: 100%;
}
#agendaItemPage .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
    height: 265px;
    width: 100%;
    margin-top: -260px;
    z-index: 2;
}
#agendaItemPage .emojionearea .emojionearea-picker .emojionearea-scroll-area::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Opera */
}
#agendaItemPage .emojionearea .emojionearea-picker .emojionearea-scroll-area {
    height: 195px;
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;  /* Firefox */
}
#agendaItemPage .emojionearea .emojionearea-button {
    top: 17px;
    display: none;
}
#agendaItemPage .chat-emoji {
    font-size: 22px;
    vertical-align: middle;
}

#agendaItemPage .emojionearea-wrapper .emojionearea-search {
    width: calc(100% - 8px);
}
#agendaItemPage .emojionearea-wrapper input.search {
    padding-left: 5px !important;
    width: 100%;
}

.ai-poll-question {
    padding: 0 16px;
}

.ai-poll-question .option-wrapper {
    padding: 16px 0 32px 28px;
}

.ai-poll-question .ai-poll-line {
    height: 1px;
    margin-bottom: 32px;
}
.ai-poll-question:last-of-type .ai-poll-line:last-of-type {
    display: none;
}

.ai-poll-question .question-required,
.ai-poll-question .option-required {
    color: #c50000;
}

.ai-poll-question .ai-poll-option {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ai-poll-question .ai-poll-option:hover {
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 4px;
}

.ai-poll-question .BackgroundBCBefore::before {
    border-color: inherit !important;
}
.ai-poll-question .BackgroundBGAfter::after {
    background-color: inherit !important;
}
.ai-poll-question .BackgroundBCAfter::after {
    border-color: inherit !important;
}

.ai-poll-question label,
.ai-poll-question label:last-of-type {
    margin: 0;
}

.ai-poll-question input[type='radio'],
.ai-poll-question input[type='checkbox'] {
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-width: 2px;
    border-style: solid;
    outline: none;
}

.ai-poll-question input[type='radio'] {
    border-radius: 50%;
}

.ai-poll-question input[type='radio']:not(:checked) {
    background-color: transparent !important;
}

.ai-poll-question input[type='checkbox'] {
    background-color: transparent !important;
    border-radius: 2px;
}

.ai-poll-question input[type='checkbox']::after {
    content: none;
    position: absolute;
    top:-2px;
    left:-2px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-family: 'icomoon';
    border-radius: 2px;
}

.ai-poll-question input[type='checkbox']:checked::after {
    content: '\eb94';
}

.ai-poll-question textarea {
    height: 84px;
    padding: 9px 26px 9px 13px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
    resize: none;
}

.ai-poll-question input[type='text'] {
    padding: 9px 26px 9px 13px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}

.ai-poll-text textarea,
.ai-poll-input input {
    display: block;
    width: 100%;
    outline: none;
}

.ai-poll-question .question-position {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
}

.star-question-required {
    color: #c50000;
}

#simple-sidebar-popup-positive,
#simple-sidebar-popup-negative {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 140px);
    padding: 0 16px;
}
#simple-sidebar-popup-positive.show,
#simple-sidebar-popup-negative.show {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.simple-sidebar-popup-message {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.simple-sidebar-popup-content {
    padding: 6px 12px;
    border-radius: 19px;
    color: white;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
#simple-sidebar-popup-positive .simple-sidebar-popup-content {
    box-shadow: 0 0 8px 0 rgba(33, 212, 41, 0.6);
    background-color: #0aa311;
}
#simple-sidebar-popup-negative .simple-sidebar-popup-content {
    box-shadow: 0 0 8px 0 rgba(253, 64, 64, 0.6);
    background-color: #ae0000;
}
.simple-sidebar-popup-icon {
    font-size: 18px;
}
.simple-sidebar-popup-state {
    font-size: 14px;
    line-height: 16px;
    margin-left: 8px;
    text-align: center;
}

.webex-hover-menu {
    /*todo change to display none*/
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.webex-wrapper.loaded:hover .webex-hover-menu {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
}
.webex-hover-menu-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-end;
    border-radius: 35px;
    padding: 10px 10px;
    margin-bottom: 10px;
    background-color: rgba(230,230,230, 0.8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.webex-menu-button {
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: black;
    margin: 0 5px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    height: 45px;
    border-radius: 23px;
    min-width: 45px;
    background-color: white;
    font-size: 24px;
}
@media (max-width: 500px){
    .webex-hover-menu-content {
        padding: 6px 6px;
    }
    .webex-menu-button {
        height: 30px;
        min-width: 30px;
        font-size: 20px;
    }
}

.webex-menu-button:hover {
    opacity: 0.7;
}

/* webex menu items*/
#hangup-webex {
    background-color: crimson;
    color: white;
}
#toggle-self-video {
    font-size: 22px;
}
#toggle-audio-webex,
#toggle-video-webex{
    color: limegreen;
}
#video-manager video#self-view {
    position: absolute;
    width: 30%;
    height: auto;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: none;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.25);
}
#video-manager .show-self-view video#self-view {
    display: block;
}

.webex-loading {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    z-index: 2;
    color: white;
    animation: ai-spin 1.2s linear infinite;
}

/*****************************/
/** jQuery mobile Override	**/
/*****************************/
.ui-btn-corner-all{
    border-radius: 0 !important;
}

.ui-btn-up-c{
    border: none;
    text-shadow: none;
}

.ui-btn{
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-icon{
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}

.ui-btn-inner{
    border: none;
}

.ui-shadow{
    box-shadow: none;
}

.ui-select .ui-btn-icon-right .ui-icon {
	right: 14px !important;
}

.ui-body-c, .ui-overlay-c{
    text-shadow: none;
}

.ui-select .ui-btn select{
    height: 49px;
}

/**********************/
/** Daylist Style 	 **/
/**********************/

.reminderBG {
    background-color: #EA7947;
}

.reminderFO {
    color: #EA7947;
}
.reminderBO {
    border-color: #EA7947;
}

.bookingBG {
    background-color: rgba(244, 179, 80, 0.80);
}

.button-inactive {
    pointer-events: none;
    opacity: 0.5;
} 

#agendaPage {
    
}

#agendaPage .day-empty{
    opacity: 0.5;
}

#agendaPage #day-select {
}
.day-select-wrapper {
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 2;
}

#agendaPage .more-days-triangle {
    position: absolute;
    right: 3px;
    top: 0;
    height: 50px;
    line-height: 50px;
    z-index: 5;
}

#agendaPage .more-days-triangle-left {
    position: absolute;
    top: 0;
    height: 50px;
    line-height: 50px;
    z-index: 5;
} 

#agendaPage #schedule-swipe {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 1;
}

@media (min-width: 1024px){
    #agendaPage #schedule-swipe {
        max-width: calc(100% - 278px);
    }
}

#agendaPage .month {
    width: 75px;
    height: 50px;
    float: left;
}

#agendaPage .month-label {
    height: 14px;
    margin-top: 10px;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

#agendaPage .month-name {
    height: 20px;
    margin-top: 1px;
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
}

#agendaPage .day-swipe {
    overflow: scroll;
    height: 50px;
}

#agendaPage .day-swipe-helper {
    height: 50px;
    transition: all 500ms;
}

#agendaPage .day-wrapper {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
}

#agendaPage .dw-active {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#agendaPage .day-of-week {
    height: 14px;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 14px;
    font-size: 12px;
}

#agendaPage .day-of-month {
    height: 20px;
    margin-top: 1px;
    text-align: center;
    font-weight: normal;
    line-height: 20px;
    font-size: 17px;
}

#agendaPage .arrow-left {
    width: 30px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    position: absolute;
    visibility: hidden;
    border-radius: 6px;
    font-size: 16px;
    z-index: 100;
    margin-left: 10px;
    overflow: hidden;
    margin-top: 12px;
    cursor: pointer;
    padding-left: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0px 0px 5px 0px #BBBBBB;

}

#agendaPage .arrow-right {
    width: 30px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    visibility: hidden;
    top: 12px;
    right: 10px;
    border-radius: 6px;
    z-index: 100;
    cursor: pointer;
    padding-left: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0px 0px 5px 0px #BBBBBB;
}

#agendaPage .more-days-triangle {
}
#agendaPage .mdt-hidden {
    visibility: hidden; 
}
#agendaPage .more-days-triangle-left {
    
}

#agendaPage .current-day-triangle {
    display: block;
    font-size: 10px;
    line-height: 3px;
    text-align: center;
}

#agendaPage .separator-with-time {
    height: 44px;
}

#agendaPage .separator-without-time {
    height: 60px;
}

#agendaPage .separator-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

#agendaPage .separator-name-with-time {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

#agendaPage .separator-time {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

#agendaPage .no-blocks-wrapper {
    width: 100%;
    max-width: 430px;
    text-align: center;
}
@media screen and (min-width: 431px) {
    #agendaPage .no-blocks-wrapper {
        margin: 0px auto 100px auto;
        padding-top: 10px;
    }
}

#agendaPage .no-blocks-found-lens {
    font-size: 64px;
}

#agendaPage .no-blocks-found {
    height: 36px;
    margin-top: 15px;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/* block elements ******************/
#agendaPage .block-list-wrapper {
    width: 100%;
    max-width: 430px;
    overflow-x: hidden;
    margin: 0px 0px 100px 0px;
}

@media screen and (min-width: 431px) {
    #agendaPage .block-list-wrapper {
        margin: 10px auto 100px auto;
    }
}

#agendaPage .bg-liked {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    max-width: 430px;
}

/* event */
#agendaPage .block-event {
    height: 110px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    cursor: pointer;
    position: relative;
}

#agendaPage .bfw-wrapper:last-of-type {
    border: none;
}

#agendaPage .swipeable {
    width: calc(100% + 270px);
    transition: transform 0.7s;
}

#agendaPage .block-event-table {
    height: 109px;
}

#agendaPage .block-event-time-helper {
    width: 70px;
    height: 109px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}

/* child */
#agendaPage .block-child {
    height: 90px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    cursor: pointer;
    position: relative;
}

#agendaPage .block-event-table {
    height: 89px;
}

#agendaPage .block-child-time-helper {
    width: 90px;
    height: 89px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 20px;
    position: relative;
}

#agendaPage .block-child-time-helper .child-indicator {
    position: absolute;
    left: 15px;
    top:0;
    height:89px;
    width: 16px;
    line-height: 89px;
    z-index: 2;
}

#agendaPage .block-child .category-wrapper,
#agendaPage .block-child .block-info-wrapper {
    height: 89px;
}



/* planner */
#agendaPage .block-planner {
    height: 110px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    position: relative;
}

#agendaPage .block-planner .block-planner-table {
    display: table;
    height: 109px;
    table-layout: fixed;
}

#agendaPage .block-time {
    
}

#agendaPage .block-planner-time-helper {
    width: 70px;
    height: 109px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#agendaPage .block-from {
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 4px;
}

#agendaPage .block-time-from {
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
}

#agendaPage .line {
    height: 2px;
    width: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 5px;
}

#agendaPage .block-time-to {
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
}

#agendaPage .live {
    width: 40px;
    height: 16px;
    margin-top: 8px;
    border-radius: 8px;
    line-height: 16px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
}

#agendaPage .alarm {
    height: 18px;  
    margin-top: 8px;
    line-height: 18px;
    font-size: 16px;
}

/* separator */
#agendaPage .block-separator {
    display: table;
    width: 100%;
}

#agendaPage .block-separator .block-separator-helper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
}

#agendaPage .h44 {
    height: 44px;
}

#agendaPage .h60 {
    height: 60px;
}


#agendaPage .block-separator-time {
    height: 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

#agendaPage .block-separator-title {
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
}

#agendaPage .category-wrapper {
    width: 6px;
    height: 109px;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: 2;
    display: table-cell;
}

#agendaPage .category {
    width: 6px;
}

/* block body */

#agendaPage .block-info-wrapper {
    height: 109px;
    padding-left: 9px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}

#agendaPage .block-booking {
    height: 109px;
    width: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
    /*color: #F4B350;*/
}

#agendaPage .block-title {
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

#agendaPage .block-title * {
    font-weight: bold;
}

#agendaPage .block-child .block-title * {
    font-weight: normal;
}

#agendaPage .room-wrapper {
    width: 100%;
    height: 18px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
}

#agendaPage .room-icon {
    margin-left: -2px;
    margin-right: 5px;
    display: inline-block;
}

#agendaPage .room-icon {
    vertical-align: top;
}

#agendaPage .block-description {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 4px;
}

.booking-color {
    color: #F4B350;
}

.wrapper-swipe-icons {
    line-height: 109px;
}

.block-child .wrapper-swipe-icons {
    line-height: 89px;
}

#agendaPage .block-speaker {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 4px;
}

#agendaPage .own-appointment-wrapper {
    width: 100%;
    height: 16px;
    margin-top: 2px;
    line-height: 16px;
    font-size: 14px;
}
#agendaPage .own-appointment-icon {
    margin-right: 6px;
    vertical-align: top;
}
#agendaPage .own-appointment-text {
    font-size: 12px;
}

#agendaPage .create-appointment-wrapper {
    height: 50px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 21px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    display: table;
    table-layout: fixed;
}

#agendaPage .to-current-event-wrapper {
    height: 50px;
    width: 100%;
    cursor: pointer;
    display: table;
    table-layout: fixed;
    line-height: 50px;
}

#agendaPage .create-appointment-icon {
    width: 75px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    display: table-cell;
}

#agendaPage .create-appointment-text-helper {
    width: 100%;
    height: 16px;
    padding-left: 10px; 
    padding-right: 14px;
    display: table-cell;
    vertical-align: middle;
}

#agendaPage .create-appointment-text {
    height: 16px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    float: left;
}

#agendaPage .create-appointment-plus {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    float: right;
}

#agendaPage .schedule-filter-button {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border-radius: 30px;
    z-index: 3;
    cursor: pointer;
}

#agendaPage .schedule-filter-button-shadow {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
}


#agendaPage .schedule-filter-button-icon {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 13px;
}

#agendaPage .schedule-filter-button-text {
    height: 14px;
    margin-top: 1px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: bold;
}

#agendaPage .big-filter-swiper {
    width: 278px;
    display: none;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 98px;
    width: 278px;
    z-index: 4;
}

#agendaPage .big-filter-wrapper {
    width: 100%;
    max-width: 430px;
    margin: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

#agendaPage .bfw-headline {
    height: 82px;
    line-height: 82px;
    text-align: center;
}
#agendaPage .bfw-headline-icon {
    font-size: 22px;
    vertical-align: top;
}
#agendaPage .bfw-headline-text {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}

#agendaPage .bfw-wrapper {
    height: 55px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    padding-right: 15px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#agendaPage .bfw-helper{
    height: 18px;
    display: table-cell;
    line-height: 55px;
}
#agendaPage .bfw-planner-icon {
    width: 30px;
    font-size: 16px;
    line-height: 18px;
    
}
#agendaPage .bfw-text {
    line-height: 18px;
    font-size: 15px;
    height: 18px;
    margin-left: 15px;
}

#agendaPage .bfw-text-icon {
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 5px;
}

#agendaPage .bfw-checkmark {
    font-size: 15px;
    line-height: 18px;
    visibility: hidden;
    width: 15px;
    display: table-cell;
}

#agendaPage .bfw-active-icon {
    font-size: 16px;
    line-height: 18px;
    width: 30px;
    vertical-align: text-bottom;
}

#agendaPage .bfw-alarm-icon {
    font-size: 16px;
    line-height: 18px;
    width: 30px;
}

#agendaPage .bfw-category-heading {
    margin-top: 55px;
    margin-bottom: 5px;
    height: 18px;
    line-height: 18px;
}

#agendaPage .bfw-cat-icon {
    height: 15px;
    width: 15px;
    border-radius: 8px;
    float: left;
    margin-top: 19px;
}

#agendaPage .bfw-rooms-heading {
    margin-top: 55px;
    margin-bottom: 5px;
    height: 18px;
    line-height: 18px;
}

#agendaPage .bfw-room-icon {
    width: 30px;
}

#agendaPage .bfw-reset-filter-btn {
    width: 220px;
    height: 45px;
    border-radius: 4px;
    margin-top: 50px;
    margin-bottom: 100px;
    margin-left: 13px;
    line-height: 45px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

#agendaPage .bfw-apply-filter-btn {
    display: none;
    width: 220px;
    height: 45px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    line-height: 45px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

#agendaPage .filter-header-Wrapper {
    display: none;
    position: absolute;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 48px;
    font-size: 15px;
    table-layout: fixed;
}

#agendaPage .filter-header-close-button {
    height: 48px;
    line-height: 48px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    display: table-cell;
    width: 100px;
}

#agendaPage .filter-header-apply-button {
    height: 48px;
    line-height: 48px;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    display: table-cell;
    width: 100px;
}


#agendaPage .filter-header-text-helper {
    height: 48px;
    line-height: 48px;
    display: table-cell;
    text-align: center;
}

#agendaPage .filter-header-icon {
    height: 48px;
    line-height: 48px;
    vertical-align: top;
}

#agendaPage .filter-header-text {
    height: 48px;
    line-height: 48px;
    margin-left: 8px;
}

#agendaPage .filter-active-wrapper {
    width: 100%;
    z-index: 1;
    display: none;
    overflow: scroll;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}


#agendaPage .header-active-filter-wrapper {
    white-space: nowrap;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

#agendaPage .header-active-filter-helper {
    height: 30px;
    border-radius: 15px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    white-space: normal;
    display: inline-block;
}
#agendaPage .header-filter-cross{
    font-size: 10px;
    line-height: 28px;
    float: left;
}

#agendaPage .header-filter-border{
    border-width: 1px;
    border-style: solid;
}
#agendaPage .header-filter-insvisible{
    font-size: 10px;
}

#agendaPage .header-planner-icon,
#agendaPage .header-running-icon,
#agendaPage .header-reminder-icon,
#agendaPage .header-booking-icon{
    margin-right: 5px;
    font-size: 16px;
    line-height: 28px;
    float: left;
}


#agendaPage .header-room-icon{
    font-size: 16px;
    line-height: 28px;
    margin-right: 5px;
}

#agendaPage .header-location-icon{
    font-size: 16px;
    line-height: 28px;
    margin-right: 5px;
    float: left;
}

#agendaPage .header-filter-text{
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    max-width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

#agendaPage .contentHeadline {
    z-index: 5;
    position: relative;
    padding: 0 100px !important;
}
#agendaPage .search-wrapper {
    z-index: 6;
}
#agendaPage .moreButton {
    z-index: 6;
}

#agendaPage .active-category-wrapper {
    display: none;
}
#agendaPage .bfw-active-category-text {
    margin-bottom: 5px;
    height: 18px;
    line-height: 18px;
    padding: 0px 15px;
}

#agendaPage .bfw-active-category-helper {
    padding: 0px 15px;
    height: 50px;
    overflow: scroll;
    white-space: nowrap;
}

#agendaPage .export-icon {
    width: 50px;
    height: 48px;
    position: absolute;
    right: 50px;
    z-index: 6;
    line-height: 48px;
    top: 0px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#agendaPage .schedule-filter-button-counter {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    right: 17px;
    top: 8px;
    border-radius: 8px;
    visibility: hidden;
}

#agendaPage .reminder-wrapper {
    margin-top: 6px;
}
#agendaPage .reminder-time-icon {
    font-size: 23px;
    line-height: 18px;
}
#agendaPage .reminder-time {
    font-size: 10px;
    font-weight: bold;
}

#agendaPage .spezial-border-wrapper, .category-border-wrapper, .room-border-wrapper {
    padding-left: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#agendaPage .swipe-wrapper {
    width: 270px;
    display: table-cell;
    vertical-align: middle;
}

#agendaPage .swipe-reminder-button, #agendaPage .swipe-planner-button, #agendaPage .swipe-bin-button,  #agendaPage .swipe-booking-button{
    width: 90px;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    position: relative;
    display: table-cell;
}
#agendaPage .swipe-reminder-button-background, #agendaPage .swipe-planner-button-background, #agendaPage .swipe-bin-button-background, #agendaPage .swipe-booking-button-background{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    top: 0;
    z-index: -1;
}
#agendaPage .low-opacity {
    opacity: 0.15;
}

.agendaPage .reminder-modal,
.agendaPage .booking-modal {
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*
.agendaPage .reminder-modal{
    height: 245px;
}

.agendaPage .booking-modal {
    height: 145px;
}
*/
.agendaPage .reminder-modal .modal-overlay-footer,
.agendaPage .booking-modal .modal-overlay-footer {
    height: 45px;
    line-height: 45px;
    display: table;
}
/*
.agendaPage .reminder-modal .modal-overlay-content {
    height: 200px;
    margin-bottom: 0px;
}

.agendaPage .booking-modal .modal-overlay-content {
    height: 100px;
    margin-bottom: 0px;
}
*/
.agendaPage .reminder-btn-apply,
.agendaPage .booking-btn-apply {
    border-right-width: 1px;
    border-right-style: solid;
}

.agendaPage .reminder-btn-delete, .agendaPage .reminder-btn-apply,
.agendaPage .booking-btn-cancel, .agendaPage .booking-btn-apply {
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.agendaPage .reminder-headline,
.agendaPage .booking-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}
.agendaPage .reminder-text,
.agendaPage .booking-text {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.agendaPage .reminder-helper {
    width: calc(100% - 30px);
    max-width: 270px;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-bottom: 15px;
}

.agendaPage .reminder-option-wrapper {
    display: table-cell;
    width: 60px;
    height: 60px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.agendaPage .reminder-marker {
    position: absolute;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    width: 18px;
    top: -6px;
    right: -6px;
    height: 18px;
    border-radius: 9px;
    border-width: 2px;
    border-style: solid;
}

.agendaPage .reminder-option-time {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
}

.agendaPage .reminder-option-unit {
    font-size: 12px;
    line-height: 14px;
}




@media screen and (min-width: 1024px) {
    #agendaPage .spezial-border-wrapper, .category-border-wrapper, .room-border-wrapper {
        padding-left: 0px;
    }
    #agendaPage .bfw-wrapper {
        padding-right: 0px;
    }
}
@media screen and (max-width: 1023px) {
    #agendaPage .bfw-wrapper {
        padding-right: 15px;
    }
}






#agendaPage .h110 {
    height: 110px;
}
#agendaPage .h90 {
    height: 90px !important;
}

/*load last*/
#agendaPage .normal-font-weight {
    font-weight: normal;
}

#agendaPage .small-line {
    height: 1px;
}

#agendaPage .header-lh-30 {
    line-height: 30px;
}

.day-headline {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-weight: bold;
}

.search-highlight {
    position: relative;
    display: inline-block;
}

.booking-status-full {
    color: rgba(155,155,155,0.8);
}

.push-box
{
    position: absolute;
    min-height: 120px;
    top: -150px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 100px 0px rgba(0, 0, 0, 0.75);
    transition: transform, opacity .1s ease-in-out;
    transition: 0.3s;
    z-index: 2100;
    user-select: none;
}
.push-box-content
{
    margin-left: 80px;
    width: calc(100% - 100px);
    max-height: 42px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    pointer-events: none;
}

.big-font{
    font-weight: bold;
    font-size: 18px;
}

.push-box-content p
{
    font-weight: bold;
}

.push-height{
    max-height: 63px;
}

.icon-push{
    font-size: 26px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
}

.push-box-ts
{
    margin: 15px 30px 0 80px;
    position: relative;
    font-size: 16px;
    max-height: 55px;
    pointer-events: none;
}

.push-box-ts-full
{
    margin: 15px 30px 0 80px;
    position: relative;
    font-size: 16px;
    line-height: 1.2;
    display: none;
    word-wrap: break-word;
    pointer-events: none;
}

.push-box-type
{
    position: relative;
    margin: 10px 0 10px 20px;
    overflow: hidden;
    font-size: 14px;
    pointer-events: none;
}

.push-time
{
    position: absolute;
    right: 10px;
}

.push-box-pic
{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 40px;
    background-color: #efc94c;
    border-radius: 4px;
    margin-left: 20px;
    color: #ffffff;
    line-height: 50px;
    pointer-events: none;
}

.push-box-pic-time
{
    display: block;
    position: absolute;
    bottom: 0;
    color: #ffffff;
    width: 50px;
    height: 50px;
    padding: 47px 0 0 14px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    pointer-events: none;
}

.push-box-more-inactive{
    position: absolute;
    height: 18px;
    width: 18px;
    bottom: 5px;
    left: 50%;
    margin-left: -9px;
    display:none;
}

.has-more .push-box-more-inactive{
    display: block;
}

.b-box-push{
    width: 100%;
}

.b-box{
    height: 45px;
    position: absolute;
    bottom: -40px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    font-size: 16px;
}

.b-box-tab{
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
}

.b-box-tab:nth-of-type(n+2) {
    border-width: 0 0 0 1px;
    border-style: solid;
}

@media screen and (min-width: 768px) {
    .push-box {
            margin: 0 140px;
    }
}

@media screen and (min-width: 950px) {
    .push-box {
            margin: 0 230px;
    }
}

@media screen and (min-width: 1400px) {
    .push-box {
        margin: 0 400px;
    }
}

@media screen and (max-width: 767px) {
    .push-box {
            margin: 0 5%;
    }
}


/* redesign push */
.push-box-inner-wrapper {
    padding: 10px 10px 15px 20px;
}

.push-box-header {
    font-size: 14px;
    margin-bottom: 10px;
}

.push-box-pic-new {
    width: 50px;
    height: 50px;
}

.push-box-content-area {
    padding-left: 10px;
    padding-right: 5px;
    max-height: 54px;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    pointer-events: none;
    overflow: hidden;
}

.popup
{
    box-shadow: none;
    border:none;
    padding:10px 20px;
    font-size: 20px;
    line-height: 30px;
}

.popup *
{
    text-align: center;
    font-weight:bold;
}

.popup_buttons
{
    position: relative;
    padding: 10px 0;
    height: 40px;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 500px;
}

#popupPush
{
    min-width: 240px;
}

.popup .popup_btn
{
    top:0px;
    padding: 10px 0;
    text-align: center;
    margin:0 auto;
    width: 50%;
    cursor: pointer;
    display: table-cell;
    color: #ffffff;
}

.appointment .wrapper
{
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding:10px;
}

#txtappointment
{                
    margin-top: 20px;
    padding: 10px;
    border:0;
    width: 100%;
    box-shadow: none;
    height:150px;
    max-height: 150px;
    min-height: 150px;
    resize: none;
    border-radius:0

}
#appointmentTitel
{   
    padding:10px;
    display:block;      
    margin-top: 20px;
    width: 100%;
    border:0;
    border-radius:0;
}
.appointment_new
{
    height: 28px;
    margin: 0 auto;
    width: 50%;
}

.date_content
{
    width: 100%;
    margin-top: 20px;
}

.date_content h4 {
    margin-bottom: 20px;
}

.date_content .select-wrapper {
    padding: 0;
}

.date_content .select-wrapper .indicator {
    right: 10px;
    margin-top: -9px;
}

.date_content .time-start
{       
    margin-bottom: 10px;
    padding:10px;
    background-color: #ffffff;
    color:#ffffff;
}

.date_content .time-end
{   
    margin-bottom: 30px;
    padding:10px;
    background-color: #ffffff;
    color:#ffffff;    
}

.delete_button
{
    float:right;
    margin: 0 auto;
    width: 49.5%;

}
.edit_button
{
    float:left;
    width: 49.5%;  
}

.date_content .linkContainer
{
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: block;
    height: 48px;
    width: 100%;
}
.new_appointment, .appointment_new
{
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    font-size: 20px;
    margin: 10px auto 10px;
    width: 50%;
}

.date_content input[type="time"]
{
    border:none;
    border-radius: 2px;
    background-color:#FFFFFF;
    box-sizing: border-box;
    display:block;
    padding:10px;
    font-style: italic;
    width:100%;
    margin-top:10px;
}
.date_content .linkContainer .linkColor
{
    margin: 0 auto 10px;
    position: relative;
    left: 0px;
}

.pickerBox{
    display:inline-block;
    margin: 10px 0 0 0;
}

.headlineBox{
    display:block;
    text-align: center;
    margin-bottom: 0;
}
.headlineBox h4{
    margin-bottom: 0;
}

.headertxt {
    padding-top:10px;
}

.timeBox{
    width:auto;
    height:130px;
    display:block;
    -webkit-user-select: none;
    -moz-user-select: none;   
    -ms-user-select: none;    
    user-select: none; 
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.hour, .point, .min{
    position:relative;
    text-align:center;
    display:inline-block;
}
.point{
    width: auto;

}
.digitWrapper .digit{
    position: relative;
    border: none;
    display: inline-block;
    text-align:center;
    font-size: 19pt;
    padding: 4px 8px 4px;
}
.pointWrapper{
    position: relative;
    width:auto;
    display: inline-block;
    text-align:center;
    font-size: 23pt;
    padding: 5px 0 5px;
}
.arrowUp, .arrowDown,.pointTop,.pointBot{
    position:relative;
    width: 100%;
    font-size: 20pt;
    cursor: pointer;
}
.pickerBox{
    position:absolute;
    margin-right:4px;
}
.pickerBoxWrapper{
    position:relative;
    width: 240px;
    height: 150px;
    margin: 0 auto;

}

.pickerRight{
    right:0;
    margin-right: 0px;
    margin-left: 4px;
    left:auto;
}

.pickerTo{
    position: absolute;
    width: 14px;
    height: 40px;
    top: 125px;
    left: 50%;
    margin-left: -7px;
    font-size: 40pt;
    line-height: 0;
}
.appointment select {
    border: none;
}

.approvalPage {
    border-radius: 14px !important;
    overflow: hidden;
}

.fixed-bottom {
    bottom:0;
    position: absolute !important;
    left:0;
    width:100%;
}

.black-overlay {
    width: 100%;
    height:100%;
}

.app-access .linkContainer {

}
.approval {
    overflow-y: auto;
}

.approval .generalContentWrapper {
    padding-top: 10px;
}

@media (max-width: 767px) {
    .approvalPage {
        border-radius: 0px !important;
    }
}
.scrollChatOverview .chat_entry
{
	position: relative;
	height: auto;
	padding: 10px 30px 10px 26px;
	border-width: 1px;
	border-style: solid;
	border-top: 1px;
	border-left: 0px;
	border-right: 0px;
}

.scrollChatOverview .teaser_text
{
	font-size:14px;
	line-height: 18px;
	max-height:36px;
	height:auto;
	overflow: hidden;
}

.scrollChatOverview .from
{
	font-size:18px;
	font-weight:bold;
}

.scrollChatOverview .date
{
	font-size:12px;
}

.scrollChatOverview .chat_indicator
{
	position: absolute;
	left:7px;
	width:10px;
	border-radius: 5px;
	height:10px;
	top:50%;
	margin-top:-5px;
}


/** CHAT **/
.chat_interaction
{
	position: absolute;
	left:0;
	width:100%;
	height:75px
}

.chat_interaction .counter
{
	margin-left:10px;
	margin-top:2px;
	font-size:9px;
}

.chat_interaction textarea
{
	position: absolute;
	left:10px;
	top:50%;
	margin-top:-22px;
	right:70px;
	border:none;
	display:block;
	height:44px;
	font-size:12px;
	outline: none;
	resize: none;
	padding:5px;
}

.chat_interaction #send_message
{
	position: absolute;
	right:40px;
	height:40px;
	line-height: 40px;
	top:50%;
	margin-top:-20px;
	cursor:pointer;
}

.conversation_entry.left
{
	margin:10px 40px 5px 10px;
}

.conversation_entry.right
{
	margin:10px 10px 5px 40px;
}

.conversation_entry .text
{
	border-radius:4px;
	padding:5px;
	margin-left: 45px;
	margin-right: 45px;
	font-size: 16px;
}

.conversation_entry .header
{
	font-size:12px;
}

.left .profile-pic
{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	float: left;
}

.right .profile-pic
{
	width: 30px;
	height: 30px;
	border-radius: 4px;	
	float: right;
}

.link-to-chat{
	cursor: pointer;
}

.profile-pic{
	background-size: cover;
	text-align: center;
	color: #ffffff;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer;
}

.conversation_entry.left .header
{
	margin-left:45px;
	
}

.conversation_entry.right .header
{
	text-align: right;
	margin-right:45px;
}

.chat_interaction #open-emojis{
    position: absolute;
    right: 0px;
    height: 75px;
    line-height: 80px; 
}

.chatPage .conversation_entry .text a {
    text-decoration: none;
}

.chatPage .emojionearea .emojionearea-button {
	top: 24px;
	right: 10px;
	opacity: 1;
}
.chatPage .emojionearea .emojionearea-editor {
	width: calc(100% - 120px);
	min-height: unset;
	max-height: unset;
	height: 73px;
}

/*class-video-manager.js*/

#video-manager {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    display: none;
}
#video-manager.pip{
    z-index: 9999999;
}
#video-manager.scrolling {
    pointer-events: none;
}

#video-manager .video-manager-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: black;
    overflow: hidden;
}
#video-manager .video-manager-content .js3q-wrapper {
    width: 100% !important;
    height: 100% !important;
}

#video-manager.pip .video-manager-content {
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.5);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

#video-manager .video-manager-content.no-interaction {
    pointer-events: none;
}

/* buttons */
#video-manager .video-manager-buttons {
    display: none;
    position: absolute;
    bottom: -52px;
    flex-flow: nowrap;
    width: 100%;
    height: 52px;
    justify-content: space-between;
    background-color: white;
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.5);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    color: #8e8ea2;
    align-items: center;
    cursor: move;
}
#video-manager.pip .video-manager-buttons {
    display: flex;
}

#video-manager .video-manager-start-pip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    bottom: -38px;
    right: 16px;
    height: 38px;
    padding: 0 16px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    z-index: -1;
}
#video-manager .video-manager-start-pip .icon-pushpin {
    margin-right: 8px;
    font-size: 14px;
}
#video-manager .video-manager-start-pip .start-pip-label {
    font-size: 16px;
    font-weight: 500;
}

#video-manager.pip .video-manager-start-pip {
    display: none;
}

#video-manager .video-manager-buttons-wrapper {
    display: flex;
}

#video-manager .video-manager-button-back {
    padding: 0 10px 0 4px;
    margin-left: 8px;
    height: 30px;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

#video-manager .video-manager-button-back-label {
    font-size: 14px;
    font-weight: bold;
    margin-left: 2px;
}

#video-manager .video-manager-button-back:hover,
#video-manager .video-manager-button:hover {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#video-manager .video-manager-button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    margin-right: 10px;
    text-align: center;
}
#video-manager .icon-arrow-left2 {
    position: absolute;
    left: -10px;
}
#video-manager .icon-zoom-out,
#video-manager .icon-zoom-in,
#video-manager .icon-drag-left,
#video-manager .icon-arrow-left2 {
    display: none;
}

#video-manager.pip .icon-drag-left,
#video-manager.pip .icon-arrow-left2 {
    display: block;
}
#video-manager .icon-zoom-out,
#video-manager .icon-zoom-in {
    font-size: 17px;
    line-height: 34px;
}
#video-manager .icon-cancel-circle2{
    font-size: 20px;
}


@media (min-width: 500px){
    #video-manager.pip .icon-zoom-out,
    #video-manager.pip .icon-zoom-in {
        display: block;
    }
}

/* placeholder class for video manager */
.video-manager-placeholder {
    display: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    cursor: pointer;
}
.video-manager-placeholder .video-manager-placeholder-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-image: url('../images/video_placeholder.png');
}
.video-manager-placeholder .video-manager-placeholder-button {
    color: white;
    font-size: 80px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
@media (max-width: 500px) {
    .video-manager-placeholder .video-manager-placeholder-button {
        font-size: 60px;
    }
}

/* responsive video override */
#video-manager video {
    width: 100%;
    height: 100%;
    margin: 0;
}

#configPage .config-header {
    padding: 30px 15px 10px 15px;
    line-height: 14px;
    font-size: 12px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#configPage .config-section > div {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#configPage .config-content {
    position: relative;
    height: 45px;
    padding: 0 15px;
    line-height: 45px;
}

#configPage .mea_swipe {
    right: 15px;
}

#configPage .flag-container {
    display: inline-block;
    top: 1px;
    position: absolute;
    right: 15px;
}

#configPage .flag-language{
    background-image: url(../images/asset_flags/placeholder@4.png);
    width: 15px;
    height: 15px;
    background-size: contain;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 8px;
}

#configPage .last-update-wrapper {
    padding: 10px 15px;
}

.conventionWrapper, .communityWrapper{
    position: relative;
    width: 100%;
    cursor: pointer;
    background-color: transparent !important;

}

.eventcode-empty-convention-list {
    position: absolute;
}

.modal-black-bg{
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background-color: rgba(50,50,50,.75);
    display:none;
    z-index:5000;
}

#userProfile{
    display:none;
}
#scaleCanvas{
    display: none;
    left: 0;
    position: absolute;
}

.conventionWrapper > .conventionPicWrapper,
.communityWrapper > .conventionPicWrapper
{
    position:relative;
    text-align:center;
    width: 100%;
    background-size:cover;
    border-bottom: 1px #ddd solid;
    background-color: transparent !important;
}

@media (min-width: 768px){
    .conventionWrapper, .communityWrapper {
        position: relative;
        width: 44%;
        display: inline-block !important;
        margin: 1%;
        box-shadow: 0 0 7px #999;
        border-radius: 4px;
        overflow: hidden;
    }

    #userProfile > * > .contentHeadline{
        border-radius: 6px 6px 0 0;
    }

    #userProfile > * > .scrollGlobalSetup{
        border-radius: 0 0 6px 6px;
    }
    .conventionPicWrapper, 
    .conventionShadow,
    .conventionPicture{
        border-radius: 4px 4px 0 0;

    }
    .scrollConventionSetup .conventionShadow{
        border-radius: 0;
    }
    .conventionWrapper:nth-child(2n-1),
    .communityWrapper:nth-child(2n-1) {
        margin-left: 2%;
    }

    .conventionWrapper:nth-child(2n),
    .communityWrapper:nth-child(2n) {
        margin-right: 2%;
    }
    .conventionWrapper.oddEnd,
    .communityWrapper.oddEnd {
        margin-left: 5%;
        margin-right: 51%;
    }
    .conventionListUpcoming, .conventionListPast{
        max-width: 1000px;
        margin: auto;
    }
    .headlineConvention{
        box-shadow: 0 0 4px #777;
        margin-bottom: 10px;
        border: 0 solid !important;
    }

    .headlineConvention:first-child{
        margin-top: 0 !important;
    }

    .conventionDetailWrapper{
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 0 0 4px 4px;
    }
    .communitiesList {
        padding: 10px 0;
    }
}

@media (max-width: 767px){
    .conventionListUpcoming {
        padding-bottom: 0 !important;
    }
}

.conventionWrapper > .conventionPicWrapper:before,
.communityWrapper > .conventionPicWrapper:before {
    content: "";
    display:block;
    padding-top:43.8%;
}

.grayPicture{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}


.conventionDetailWrapper{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #fff;
    text-align: left;

}

.conventionDetailDateWrapper{
    width: 140px;
    margin-left: 10px;
    display:inline-block;
}

.conventionDetailLocationWrapper{
    display:inline-block;
    width: auto;
    min-width: 140px;
}

.conventionDetailWrapper > * > .Picture{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align:center;
    float: left;
    margin-top: 2px;
}
.conventionDetailWrapper > * > .DetailWrapper{
    width: auto;
    margin-left: 5px;
    margin-top: 3px;
    float: left;
    text-align:left;
}

.conventionDetailWrapper > * > .DetailWrapper > .middle{
    height: 36px !important;
    line-height:36px !important;
    padding-top: 0px;

}

.headlineConvention{
    padding-top:10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    font-size: 16px;

}

.headlineConvention:first-child{
    background-image: linear-gradient(180deg ,#aaa 0%, #CCC 3%, rgba(255,255,255,0) 6%);
}

.conventionListUpcoming, .conventionListPast, .communitiesList {
    text-align:center !important;
}

.conventionDescription{
    position:absolute;
    bottom: 8px;
    left: 15px;
    right: 15px;
    text-align: left;
    font-weight: bold;
    font-size: 19px;
    z-index:3;
}

.conventionShadow,
.conventionPicture{
    position:absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    opacity: 1;
    background-size: cover;
}

.conventionShadow{
    background-image:url('../images/event_shadow.png');
    z-index:2;
}

.conventionDetailWrapper > * > * .iconFix{
    line-height: 39px !important;
}

#conventionListPage > .userProfile{
    position:absolute;
    right: auto;
    height: 48px;
    width: 48px;
    text-indent: 5px;
    line-height: 56px;
    display:none;
    z-index: 1;
}

#headlineConventionPast{
    border-top: 1px solid;
}



.headlineConvention{
    background-color: #fff;
}


.no-convention{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    font-size: 16px;
}

.no-border{
    border: 0px !important;
}

#conventionListPage .tabs-wrapper {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height:53px;
    padding-top: 8px;
}

#conventionListPage .tabs-wrapper .convention-list-tab {
    width: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}

#conventionListPage .tabs-wrapper .convention-list-tab.active-tab::after {
    content: ' ';
    height: 4px;
    width: calc(100% - 2px);
    display: block;
    margin-top: 4px;
    margin-left: 1px;
}

#conventionListPage .tabs-wrapper .convention-list-tab:not(:last-child) {
    border-right-width: 1px;
    border-right-style: solid;
}

#conventionListPage .scrollwrapper {
    transition: all .5s ease-in-out;
}

#conventionListPage .conventionListScroll {
    float: left;
    overflow-x: hidden;
}

#conventionListPage .change-phone-button-helper {
    max-width: 350px;
    margin: 0 auto;
    padding: 0 10px;
}

#conventionListPage #change-phone-button {
    height: 50px;
    width: 100%;
    border-radius: 4px;
    line-height: 50px;
}

.event-code-wrapper {
    display: inline-block;
    margin: 25px auto 25px auto;
    height: 41px;
    max-width: 100%;
    padding: 0 25px 0 25px;
    line-height: 38px;
    border-width: 1px;
    border-style: solid;
}

.conventionListPage .modal-overlay .event-code-modal {
    width: calc(100% - 100px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.event-code-modal #modal-input {
    height: 20px;
    line-height: 20px;
    letter-spacing: 5px;
}

.event-code-input-wrapper {
    width: 190px;
    padding: 5px 10px 5px 10px;
    margin: 10px auto 0 auto;
}

.convention-setup-headline{
    position: relative;
    overflow: hidden;
}

.convention-setup-headline:before{
    content: "";
    display:block;
    padding-top:43.8%;
}

.convention-setup-image{
    position:absolute;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    opacity: 1;
    background-size: cover;
}

.convention-setup-element{
    background-color: #fff;
    height: 50px;
    width: 100%;
    position: relative;
}


.convention-setup-element .inside-element{
    border-style: solid;
    border-width: 1px;
    border-left: 1px;
    border-right: 1px;
    border-top: 1px;
    height: 50px;
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: 38px;
    margin: auto;
    margin-left: 18px;
    position:relative;
}


.convention-setup-element .mea_swipe{
    right: 18px;
}


.convention-tag-element{
    height: auto;
}
.convention-tag-element .inside-element{
    height: auto;
}

div .convention-setup-element:last-child .inside-element{
    border: 0 !important;
}

.convention-tag-header{
    line-height: 30px;
    font-weight: bold;    
    display:inline-block;

}

.check{
    right: 0;
    display: inline-block;
    float: right;
    margin-right: 18px; 
}

.own-tag-list .tag,
.search-tag-list .tag,
.settingsTagList .tag{
    display:inline-block;
    padding: 4px 10px;
    border-width: 1px;
    border-style: solid;
    line-height:normal;
    border-radius: 28px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.own-tag-list .tag.filled,
.search-tag-list .tag.filled,
.settingsTagList .tag.filled{

}
.sectionHeadline{
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    margin-left: 18px;
    text-transform: uppercase;
}

#conventionSetupPage .finishButton{
    right: 0px;
    margin-top: -2px;
    margin-right: 10px;
    left:auto;
    height:48px;
    line-height:52px;
    position:absolute;
    top:0;

}

.convention-setup-border-padding-fix{
    position:relative;
    display:box;
    height: 50px;
    width: 100%;
}

.convention-setup-headline .conventionDescription{
    bottom: 5%;
    left: 18px;
    color: #ffffff;
}

.tag-list{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.conventionsetup-list-of-options{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

@media screen and (max-width: 480px)  {

		#profileImage .generatedProfilImage {
			width: 70px !important;
            height: 70px !important;
            font-size: 36px !important;
            text-align: center !important;
            line-height: 70px !important;
		}

        #profileImageContainer > #profileImage{
            left: 47% !important;
            margin-bottom: 40px !important;
        }

}




#social-networks {
    border-style: solid;
    border-width: 1px;
    border-left: 1px;
    border-right: 1px;
}
.xing-icon,
.linkedin-icon {
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-top: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.xing-icon {
    background-image: url(../images/social/xing_logo.png);
}
.linkedin-icon {
    background-image: url(../images/social/linkedin_logo.png);
}
@media only screen and (min-width: 320px) {
    .xing-icon {
        background-image: url(../images/social/xing_logo.png);
    }
    .linkedin-icon {
        background-image: url(../images/social/linkedin_logo.png);
    }
}
@media 
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144pi),
  screen and (min-resolution: 1.5dppx) {
    .xing-icon {
        background-image: url(../images/social/xing_logo@2x.png);
    }
    .linkedin-icon {
        background-image: url(../images/social/linkedin_logo@2x.png);
    }
}
@media 
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
    .xing-icon {
        background-image: url(../images/social/xing_logo@3x.png);
    }
    .linkedin-icon {
        background-image: url(../images/social/linkedin_logo@3x.png);
    }
}

.social-network-name {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.social-edit-icon,
.social-delete-icon,
.social-link-icon {
    position: absolute;
    top: 11px;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}

.social-edit-icon {
    right: 51px;
}
.social-delete-icon {
    right: 10px;
}
.social-link-icon {
    right: 10px;
}

.social-network-modal {
    max-width: 460px !important;
    width: calc(100% - 30px) !important; 
    margin: 0 auto !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto!important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transition: all 0.25s ease-out !important;
    -moz-transition: all 0.25s ease-out !important;
    -ms-transition: all 0.25s ease-out !important;
    -o-transition: all 0.25s ease-out !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.social-network-modal .modal-overlay-footer {
    height: 45px;
    line-height: 45px;
    display: table;
}
.social-network-modal .social-network-btn-apply{
    border-right-width: 1px;
    border-right-style: solid;
}

.social-network-modal .social-network-btn-apply, 
.social-network-modal .social-network-btn-cancel {
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.social-network-modal .social-network-modal-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}
.social-network-helper {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 15px;
    width: 100%;
}
.social-network-modal .social-network-modal-text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.social-network-input {
    width: 100%;
    margin-top: 30px;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid;
    outline: none;
    padding-bottom: 2px;
}


.modal-edit-helper {
}

.modal-delete-helper {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 5px;
}
.modal-delete-helper .table{
    width: auto;
    margin: 0 auto;
}
    
.modal-delete-icon {
    height: 25px;
    width: 25px;
    margin-right: 10px;
    margin-top: 0px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}   
.social-network-invalid-url-wrapper {
    height: 26px;
    width: 100%;
}
.social-network-invalid-url {
    color: rgb(221, 59, 65);
    font-size: 12px;
    padding-top: 11px;
    text-align: right;
}

.social-network-url {
    width: auto;
    margin-right: 0px;
    margin-top: 20px;
    margin-left: auto;
    text-decoration: none;
}
.social-network-url-name {
    padding-right: 5px;
    vertical-align: middle;
}
.social-network-url-arrow {
    font-size: 18px;
    vertical-align: middle;
}
.empty-social-link {
    position: absolute;
    right: 0;
    top: 32px;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    background-color: rgb(229, 229, 229);
    color: white;
    cursor: pointer;
}
.modal-edit-helper{
    position: relative;
}
.social-network-modal .modal-overlay-footer {
    table-layout: fixed;
}

.matchmaking-tag {
    min-height: 26px;
    line-height: 26px;
    max-width: 100%;
}

.matchmaking-tag .background,
.matchmaking-tag .foreground {
    display: block;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}

.matchmaking-tag .background {
    position: absolute;
    opacity: 0.1;
    z-index: 1;
    border-radius: 13px;
}

.matchmaking-tag .foreground {
    z-index: 2;
}

.matchmaking-tag.active .background {
    opacity: 1;
}


.currentEventsEventDetailsRow1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-wrap: normal;
}

.currentEventsEvents ul .currentEventsEventDetails
{
    position:absolute;
    right:53px;
    top:0;
    height:47px;
    left:0;
}

.currentEventsEvents .triangle {
    border-style: solid;
    border-width: 0 7px 7px;
    height: 0;
    left: 29px;
    position: absolute;
    top: -7px;
    width: 0;
}

.whiteHeadline{
    background-color: rgba(255,255,255,0.2);
    height: 10px;
    display: block;
}
.whiteBottom{
    background-color: rgba(255,255,255,0.2);
    height: 15px;
    display: block;
    width: 100%;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    -moz-border-radius-bottomleft: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
.select-wrapper {
    padding: 7px 20px 8px 20px;
    position: relative;
}

.select-wrapper .indicator {
    position: absolute;
    width:19px;
    height: 19px;
    margin-top:-13px;
    right:30px;
    top:50%;
}

select {
    display:block;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
    padding: 0 40px 0 10px;
    line-height: 50px;
    height: 50px;
    border: 1px solid #bbb;
    outline: none !important;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}
.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

#dashboard-push-container {
    position: absolute;
    bottom: calc(100% - 48px);
    width: 100%;
    background-color: white;
    height: auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    transition: bottom 0.6s linear;
    z-index: 2;
}
#dashboard-push-container .pc-headline {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
#dashboard-push-container .pc-description {
    font-size: 16px;
    line-height: 26px;
    max-width: 780px;
    margin-top: 8px;
}
#dashboard-push-container .pc-button-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    font-size: 14px;
}
#dashboard-push-container .pc-button-close,
#dashboard-push-container .pc-button-activate {
    font-weight: bold;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    border-radius: 4px;
}
#dashboard-push-container .pc-button-close:hover,
#dashboard-push-container .pc-button-activate:hover {
    background-color: rgba(0,0,0, 0.05);
}
#dashboard-push-container .pc-button-close {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

@media (max-width: 480px) {
    #dashboard-push-container .pc-button-wrapper {
        justify-content: space-between;
    }
}

.stack {
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle;
}

.stack-2x {
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    font-size: 2em;
}

.stack-lg {
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-15%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

#dashboard {
    transition: top 0.6s linear;
}

#dashboard .row {
    position: relative;
}

#dashboard .row.row_2x1 {
    padding-bottom: 0;
}

#dashboard .row.row_2x1 .table-wrapper {
    position: relative;
}

#dashboard .row.row_2x1 .item.exhibitor {
    max-height: 165px;
    height: 165px;
    overflow-y: hidden;
}

#dashboard .row.row_2x1 .item.person {
    max-height: 225px;
    height: 225px;
    overflow-y: hidden;
}

#dashboard .row.row_2x1 .item.custom_2x1 {
    width: 100%;
    overflow-y: hidden;
}

#dashboard .row .table-wrapper {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

#dashboard .row .table {
    height: 100%;
}

#dashboard .title.one-line{
    width: auto;
    position: absolute;
    top:0;
    left:0;
    max-width: 100%;
    border-radius: 0 0 2px 0;
    padding: 0 5px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    height:18px;
    line-height: 18px;
}

#dashboard .exhibitor .title.one-line, #dashboard .person .title.one-line {
    font-size: 13px;
    padding: 10px 90px 0 10px;
    height:auto;
}

#dashboard .table .item{
    vertical-align: top;
    position: relative;
}

#dashboard .table .header{
    vertical-align: middle;
    position: relative;
}

#dashboard .row .table .table-cell.header {
    background-size: cover;
    background-position: center center;
}

.header-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    max-height: 42px;
    display: block;
    padding: 0 15px;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*word-wrap: break-word;*/
    /*text-overflow: ellipsis;*/
}

.header-title.is-truncated br {
    display: none !important;
}

#dashboard .table .countdown_frame{
    background-color: rgba(0,0,0, 0.75);
    position: absolute;
    top:0;
    left:0;
    right:0;
    padding: 0 10px;
    bottom: 0;
}

#dashboard .table .countdown_frame .table {
    width:100%;
    height: 100%;
}

#dashboard .header .countdown_title {
    font-size: 18px;
    padding-bottom: 5px;
    color: #ffffff;
}

#dashboard .header .countdown {
    margin: 0 auto;
}

#dashboard .header .countdown tr.units{
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
}

#dashboard .header .countdown tr.labels{
    font-size: 11px;
    color: #ffffff;
}

#dashboard .item.gallery {
    height: 100%;
}

#dashboard .header .countdown td {
    padding: 0 5px;
    vertical-align: top;
    color: #ffffff;
}

#dashboard .row .table .table-cell.custom,
#dashboard .row .table .table-cell.custom_2x1 {
    background-size: cover;
    background-position: center;
}

#dashboard .row .table .table-cell.custom .ico,
#dashboard .row .table .table-cell.custom_2x1 .ico
{
    font-size: 45px;
    margin-bottom: 5px;
}

#dashboard .row .table .table-cell.custom .text,
#dashboard .row .table .table-cell.custom .ico,
#dashboard .row .table .table-cell.custom_2x1 .text,
#dashboard .row .table .table-cell.custom_2x1 .ico,{
    margin-top:0px;
}
#dashboard .row .table .table-cell.custom .text,
#dashboard .row .table .table-cell.custom_2x1 .text {
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    padding: 0 10px;
    overflow: hidden;
}

#dashboard .slide-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#dashboard .table-cell.title .slide-wrapper {
    margin-top: 23px;
}

#dashboard .slides {
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    margin: 5px 0 5px 5px;
    position: relative;
}

#dashboard .slide {
    position: absolute;
    top:0;
    left:0;
    background-color: #ffffff !important;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat ;
    width: 100%;
    height: 100%;
}

#dashboard .slides.title {
    width:calc(100% - 10px);
    height:calc(100% - 28px);
    margin: 23px 0 5px 5px;
}

#dashboard .slider {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%;
    height: 205px;
    max-height: 205px;
    margin-top: -20px;
    padding-top: 20px;
}

#dashboard .person .slider {
    height: 245px;
    max-height: 245px;
}

#dashboard .card {
    background-color: #ffffff;
    border-radius: 2px;
    margin: 35px 8px 10px 8px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
}

#dashboard .card.exhibitor {
    width: 140px;
    height: 110px;
    text-align: center;
}



#dashboard .card.person{
    width: 140px;
    height: 170px;
}

#dashboard .exhibitor_image{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: calc(100% - 10px);
    margin: 5px;
    height: 70px;
}
#dashboard .exhibitor_image.placeholder {
    background: #ebebeb;
    border-radius: 3px;
    width: calc(100% - 10px);
    margin: 5px;
    height: 70px;
}

#dashboard .person_hero_image{
    position: relative;
    height: 90px;
    width: 140px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    background-color: #cacaca;
}

#dashboard .person_hero_image:after {
    content:"";
    background: #cacaca;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0 0;
}

#dashboard .person_hero_image.placeholder:after {
    display: none;
}

#dashboard .person_content{
    position: relative;
    top: -80px;
}

#dashboard .person_image{
    width: 90px;
    height: 90px;
    border-radius: 4px;
    background-position: center center;
    background-size: cover;
    position: relative;
    left: 25px;
    margin-bottom: 5px;
    background-color: #ebebeb;
}

#dashboard .person_firstname,
#dashboard .person_lastname{
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
    padding: 0 5px;
}

#dashboard .person_firstname.placeholder {
    margin-top: 10px;
    width: 54%;
    margin-left: 23%;
}

#dashboard .person_company_position.placeholder {
    width: 70%;
    margin-left: 15%;
}

#dashboard .person_company_position.placeholder,
#dashboard .person_firstname.placeholder {
    background: #ebebeb;
    border-radius: 3px;
    height: 20px;
    margin-bottom: 10px;
}

#dashboard .person_company_position{
    font-size: 11px;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
    padding: 0 5px;
}

#dashboard .initials {
    text-align:center;
    line-height:90px;
    font-size:40px;
    background-color: #ebebeb;
    height:90px;
}

#dashboard .card .divider{
    height: 1px;
    width: calc(100% - 10px);
    margin: 0 auto 1px;
}

#dashboard .paging {
    position: absolute;
    top:5px;
    right:5px;
    width: 90px;
    height: 26px;
    cursor: pointer;
}

#dashboard .paging .next, #dashboard .paging .prev {
    width: 40px;
    display: inline-block;
    height: 26px;
    cursor: pointer;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
}

#dashboard .paging .prev {
    margin-right: 5px;
}

#dashboard .exhibitor_name{
    padding: 0 10px;
    font-size: 11px;
    line-height: 14px;
    max-height: 28px;
    overflow: hidden;
}

#dashboard .exhibitor_name.placeholder {
    height: 15%;
    width: 70%;
    margin-top: 4%;
    margin-left: 15%;
    background: #ebebeb;
    border-radius: 3px;
}

#dashboard .no_exhibitor_fav_label, .fav-overlay .fav-msg{
    margin-bottom: 15px;
    font-style: italic;
    font-size: 13px;
}

#dashboard .exhibitor_image.placeholder {
    background: #ebebeb;
    border-radius: 3px;
    width: calc(100% - 10px);
    margin: 5px;
    height: 70px;
}

#dashboard .exhibitor_name.placeholder {
    height: 15%;
    width: 70%;
    margin-top: 4%;
    margin-left: 15%;
    background: #ebebeb;
    border-radius: 3px;
}

#dashboard .to_exhibitor_btn, .fav-overlay .linkColor.filled {
    height: 35px;
    line-height: 35px;
    padding:0 15px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    max-width: 100%;
    border-radius: 2px;
}

#dashboard .show_all{
    font-size: 25px;
    margin: 15px 0 24px;
}

#dashboard .person .show_all {
    margin: 35px 0 25px;
}

#dashboard .exhibitor .show_all_label{
    font-size: 11px;
    line-height: 14px;
}

#dashboard .person .show_all_label{
    font-size: 14px;
    padding:0 20px;
    white-space: normal;
}

#dashboard .slideshow.voting {
    cursor: pointer;
}

#dashboard .slideshow.voting .voting_title{
    font-size: 11px;
    line-height: 14px;
    max-height: 28px;
    font-weight: bold;
    text-align: center;
}

#dashboard .slideshow.voting .event_title{
    font-size: 11px;
    line-height: 14px;
    max-height: 14px;
    text-align: center;
}

#dashboard .slideshow.voting .access_voting{
    font-size: 11px;
    font-weight: normal;
    padding: 20px 10px 8px 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

#dashboard .slideshow {
    position:relative;
    font-size:0;
    line-height: 0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

#dashboard .qrcode_image {
    background-color: #ffffff;
    margin: 0 auto;
    text-align: center; 
}

#dashboard .gallery .title.one-line {
    z-index: 1;
}

#dashboard .slideshow .slides {
    width: 100%;
    height: 100%;
    margin: 0;
}

#dashboard .slideshow .slides .slide {
    width:100%;
    height:100%;
    background-size: cover;
}

.fav-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 270px;
    margin-left: -135px;
    height: 90px;
    margin-top:-45px !important;
    background: rgba(255, 255, 255, 0.75);
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
    border-radius: 2px;
    z-index: 500;
}

.fav-msg {
    padding: 5px 0 0 0;
}

.person-divider {
    position: absolute;
    bottom: 0;
    height: 1px;
    left:0;
    width:100%;
    background: rgba(0,0,0,0.15);
}

.agenda-wrapper,
.voting-wrapper{
    position: relative;
    margin: 17px 8px 17px 8px;
    height: calc(100% - 34px);
    width: calc(100% - 16px);
}

.item.title .agenda-wrapper,
.item.title .voting-wrapper{
    margin: 25px 8px 10px 8px;
    height: calc(100% - 35px);
    width: calc(100% - 16px);
}

.agenda-placeholder,
.voting-placeholder{
    background: rgba(0,0,0,0.15);
    border-radius: 3px;
    top:50%;
    left:50%;
    position: absolute;
}

.stack-wrapper {
    position: relative;
}

.agenda-placeholder-message,
.voting-placeholder-message{
    font-style: italic;
    text-align: center;
    font-size: 11px;
    padding: 35px 15px 0 15px;
}

#dashboard .slideshow.agenda,
#dashboard .slideshow.voting{
    z-index: auto;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.4;
    overflow: visible;
}

.slideshow.agenda .slides,
.slideshow.voting .slides{
    -webkit-perspective: 750;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 750;
    -moz-transform-style: preserve-3d;
    -o-perspective: 750;
    -o-transform-style: preserve-3d;
    perspective: 750;
    transform-style: preserve-3d;
}

.slideshow.agenda .slide,
.slideshow.voting .slide{
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.35);
}

.slideshow.voting .slide {
    padding: 5px;
}

.slideshow.agenda .slide {
    padding: 7px 10px;
}

#dashboard .slideshow.agenda .slide .table,
#dashboard .slideshow.voting .slide .table{
    height: auto;
    margin-bottom: 5px;
}

#dashboard .slideshow.agenda .slide .table {
    margin-bottom: 0;
}

#dashboard .slideshow.agenda .slide .table *{
    font-weight: bold;
    font-size: 11px;
}

#dashboard .slideshow.agenda .slide .table .date {
    width:25px;
}

#dashboard .slideshow.agenda .slide .table .date .day-of-month {
    font-size: 17px;
}

#dashboard .slideshow.agenda .slide .table .date .month-shortname {
    display: block;
    margin-top: -6px;
}

.slideshow.agenda .slide .time-wrapper{
    position: relative;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 4px;
    width: 100%;
    overflow: hidden;
}

.slideshow.agenda .slide .time-line{
    height:1px;
    margin: 7px -10px 7px -10px;
}

.slideshow.agenda .slide .time-wrapper .bg {
    opacity: 0.25;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.slideshow.agenda .slide .time-wrapper .progress {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
}

#dashboard .slideshow.agenda .slide .event-name {
    font-size: 11px;
    max-height: calc(100% - 46px);
    height: calc(100% - 46px);
    line-height: 13px;
}

#dashboard .slideshow.agenda .slide .event-name .table {
    height: 100%;
    max-height: 100%;
}

#dashboard .slideshow.agenda .slide .event-name .table .inner-name {
    max-height: 100%;
}

#dashboard .agenda .slide,
#dashboard .voting .slide{
    overflow: hidden;
}

#dashboard .agenda-paging,
#dashboard .voting-paging{
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top:0;
    right:5px;
    text-align: right;
}

.speakers {
    display:none;
    white-space: nowrap;
    position: relative;
    font-size: 14px;
}

.speakers .multi-speaker-indicator {
    width:25px;
    height:25px;
    position: absolute;
    top:0;
    display: none;
    background: #ffffff;
    border-radius: 0;
    overflow: hidden;
}

.speakers .multi-speaker-indicator .bg {
    opacity: 0.25;
    width: 100%;
    height:100%;
    position: absolute;
    border-radius: 2px;
    top:0;
    left:0;
    z-index: 1;
}

.speakers .multi-speaker-indicator .text {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    line-height: 25px;
    text-align: center;
    height:25px;
    font-weight: bold;
}

.speaker-pic {
    width: 30px;
    height: 25px;
}

.speaker-pic.multi {
    display: inline-block;
    line-height: 25px !important;
    vertical-align: top;
}

.speaker-pic.multi.letter-tile {
    text-align: center;
    background-color: #ebebeb;
    border-radius: 2px;
    font-weight: bold;
    width: 25px;
    margin-right: 5px;
}

.speaker-pic img {
    border-radius: 2px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.speakers .speaker-name {
    font-weight: bold;
}

#dashboard .speakers > .table {
    margin-top:-1px;
}

#dashboard .slideshow.agenda .speakers > .table * {
    font-size: 10px;
    line-height: 13px;
}

.agenda-next,.agenda-prev,
.exhibitor-next,.exhibitor-prev,
.person-next,.person-prev,
.voting-next,.voting-prev{
    position: absolute;
    top:50%;
    margin-top:-30px;
    height:60px;
    line-height: 60px;
    width: 40px;
    font-size: 25px;
    z-index: 50;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.agenda-next,
.person-next,
.exhibitor-next,
.voting-next{
    right:0;
    padding-right: 6px;
    border-radius: 30px 0 0 30px;
    text-align: right;
}

.agenda-prev,
.person-prev,
.exhibitor-prev,
.voting-prev{
    left:0;
    text-align: left;
    padding-left: 6px;
    border-radius: 0 30px 30px 0;
}

.item.agenda:hover .agenda-prev,
.item.agenda:hover .agenda-next,
.item.person:hover .person-prev,
.item.person:hover .person-next,
.item.exhibitor:hover .exhibitor-prev,
.item.exhibitor:hover .exhibitor-next,
.item.voting:hover .voting-prev,
.item.voting:hover .voting-next{
    opacity: 1;
}

#dashboard .iconstack{
    height: 30px;
}

#dashboard .voting .ico {
    font-size: 24px;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 60px;
    text-align: center;
    height:50px;
}

#dashboard .voting .ico.center {
    margin-left: -30px;
    margin-top: 0;
}

#dashboard .ico.left {
    opacity: 0.25;
    margin-left: -45px;
    top: -6px;
}

#dashboard .ico.right {
    opacity: 0.25;
    margin-left: -15px;
    top: -6px;
}

#dashboard .ico.center {
    font-size: 30px;
}

/*Notification tile*/
#dashboard .notification-tile{
    width: 100%;
    padding: 0 10px 0 10px;
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
    -o-transition: height 0.25s ease-in-out;
    transition: height 0.25s ease-in-out;
}
#dashboard .d-nf-container{
    -webkit-user-select: none;
    -moz-user-select: none;
    height: 155px;
    width: 80%;
    padding: 10px;
    margin: 0 auto;
    position: relative;
}
#dashboard .more-nf-tile{
    cursor: pointer;
}
#dashboard .notification-title{
    padding: 5px 5px 5px 0px;
}
#dashboard .nf-position{
    position: absolute;
    height: 110px;
    padding: 10px 15px 5px 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 3px;
    transition: all 0.5s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    opacity: 0;
    width: 78%;
    cursor: pointer;
}

#dashboard .nf-position:nth-of-type(1){
    width: 80%;
    opacity: 1;
    z-index: 3;
}
#dashboard .nf-position:nth-of-type(2){
    width: 79%;
    top: -15px;
    opacity: 0.7;
    z-index: 2;
}
#dashboard .nf-position:nth-of-type(3){
    width: 78%;
    top: -25px;
    opacity: 0.5;
    z-index: 1;
}

.nf-container{
    margin-left: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.nf-nt-left{
    display: table-cell;
    width: 60px;
}

.nf-picture{
    height: 50px;
    width: 50px;
    border-radius: 4px;
    line-height: 50px;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    background-size: cover;
    font-weight: bold;
}
.nf-nt-right{
    display: table-cell;
    vertical-align: top;
}

.nt-title {
    font-weight: bold;
}

.nf-nt-right .nt-title,
.nf-nt-right .nt-msg{
    font-size: 16px;
}
@media (max-width: 480px) {
    #dashboard .d-nf-container{
        width: 100%;
    }
}
/*Notification tile*/
@media (min-width: 480px) {
    #dashboard .title.one-line{
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        border-radius: 0 0 3px 0;
        padding: 0 10px;
    }

    #dashboard .agenda-paging,
    #dashboard .voting-paging{
        font-size: 16px;
        line-height: 25px;
    }

    #dashboard .exhibitor .title.one-line, #dashboard .person .title.one-line {
        font-size: 18px;
        padding: 6px 90px 0 10px;
    }

    #dashboard .slides {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 10px 0 10px 10px;
    }

    #dashboard .slideshow .slides {
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        margin:0;
    }

    #dashboard .slides.title {
        height: calc(100% - 45px);
        width: calc(100% - 20px);
        margin: 35px 0 10px 10px;
    }

    #dashboard .row .table .table-cell.custom .ico,
    #dashboard .row .table .table-cell.custom_2x1 .ico {
        font-size: 75px;
    }

    #dashboard .row .table .table-cell.custom .text,
    #dashboard .row .table .table-cell.custom_2x1 .text {
        font-size: 23px;
        line-height: 27px;
        padding: 0 17px;
    }

    #dashboard .row .table .table-cell.header {
        font-size: 35px;
    }

    #dashboard .row .table .table-cell .header-title {
        font-size: 35px;
        line-height: 41px;
        max-height: 82px;
    }

    #dashboard .header .countdown_title {
        font-size: 35px;
    }

    #dashboard .header .countdown tr.units{
        font-size: 55px;
    }

    #dashboard .header .countdown tr.labels{
        font-size: 22px;
    }

    #dashboard .slideshow.agenda .slide .event-name {
        max-height : calc(100% - 91px);
        height : calc(100% - 91px);
        font-size: 16px;
        line-height: 18px;
        overflow: hidden;
    }

    #dashboard .slideshow.agenda .slide .event-name.no-speaker {
        max-height : calc(100% - 61px);
        height : calc(100% - 61px);
    }

    .speakers {
        display: block;
        margin-top: 5px;
        height: 25px;
    }

    #dashboard .slideshow.agenda .slide .table *{
        font-size: 16px;
    }

    #dashboard .slideshow.agenda .slide .table .date .day-of-month{
        font-size: 24px;
    }

    #dashboard .slideshow.agenda .slide .table .date {
        width: 30px;
    }

    .item.title .agenda-wrapper,
    .item.title .voting-wrapper{
        margin-top: 30px;
    }

    .agenda-placeholder .stack-wrapper,
    .voting-placeholder .stack-wrapper{
        font-size: 20px;
    }

    .agenda-placeholder-message,
    .voting-placeholder-message{
        font-size: 14px;
        padding: 50px 30px 0 30px;
    }

    #dashboard .slideshow.voting .voting_title{
        font-size: 16px;
        line-height: 20px;
        max-height: 40px;
    }

    #dashboard .slideshow.voting .event_title{
        font-size: 16px;
        line-height: 20px;
        max-height: 20px;
    }

    #dashboard .slideshow.voting .access_voting{
        font-size: 16px;
    }

    #dashboard .iconstack{
        height: 50px;
    }

    .slideshow.agenda .slide .time-wrapper {
        height: 6px;
        border-radius: 3px;
    }

    #dashboard .slideshow.agenda .slide .table .date .month-shortname {
        margin-top: -9px;
    }

    .slideshow.agenda .slide {
        padding: 10px 15px;
    }

    .slideshow.agenda .slide .time-line {
        margin: 8px -15px 8px -15px;
    }

    #dashboard .slideshow.voting .slide .table .ico{
        font-size: 35px;
    }

    #dashboard .slideshow.voting .slide .table .ico.center {
        font-size: 44px;
    }

    #dashboard .ico.left {
        margin-left:-50px;
        top:-3px;
    }

    #dashboard .ico.right {
        margin-left:-10px;
        top: -3px;
    }
}

@media (min-width: 768px){

    #conventionProfile{
        top: 10% !important;
        height: 80% !important;
        width: 70% !important;
        left: 15%;
        margin-top: 0 !important;
        border-radius: 14px;
        margin-left:auto !important;
    }

    #dashboard .row.row_2x1 .item.exhibitor
    {
        max-height: 235px;
        height: 235px;
    }

    #dashboard .row.row_2x1 .item.person {
        max-height: 380px;
        height: 380px;
    }


    #dashboard .person .slider {
        height:420px;
        max-height: 420px;
    }

    #dashboard .card.person {
        width:225px;
        height:274px;
        border-radius: 3px;
    }

    #dashboard .person_hero_image {
        width: 225px;
        height: 145px;
        border-radius: 3px 3px 0 0;
    }

    #dashboard .person_content {
        top:-125px;
    }

    #dashboard .initials {
        line-height: 145px;
    }

    #dashboard .person_image {
        width: 150px;
        height: 150px;
        border-radius: 6px;
        left:40px;
    }

    #dashboard .person_firstname, #dashboard .person_lastname {
        font-size: 22px;
    }

    #dashboard .person_company_position {
        font-size: 16px;
    }

    #dashboard .slider {
        margin-top:-20px;
        height: 305px;
        max-height: 305px;
        padding-top:20px;
    }

    #dashboard .card .divider {
        margin: 0 auto 5px;
    }

    #dashboard .exhibitor_name{
        font-size: 16px;
        line-height: 20px;
        max-height: 40px;
    }
    #dashboard .exhibitor_name.placeholder{
        margin-top: 8%;
    }

    #dashboard .show_all {
        font-size: 42px;
        margin: 15px 0 35px;
    }

    #dashboard .person .show_all {
        margin: 35px 0 60px;
    }

    #dashboard .person .show_all_label {
        font-size: 22px;
        padding: 0 40px;
    }

    #dashboard .exhibitor .show_all_label{
        line-height: 20px;
        font-size: 16px;
    }

    #dashboard .card {
        border-radius: 3px;
        margin: 40px 10px 15px 10px;
    }

    #dashboard .card.exhibitor{
        width: 225px;
        height: 175px;
    }

    #dashboard .exhibitor_image{
        width: calc(100% - 20px);
        margin: 10px;
        height: 94px;
    }
    #dashboard .exhibitor_image.placeholder {
        background: #ebebeb;
        border-radius: 3px;
        width: calc(100% - 20px);
        margin: 10px;
        height: 94px;
    }

    #dashboard .card .divider{
        width: calc(100% - 30px);
        margin-bottom: 10px;
    }

    #dashboard .person_firstname.placeholder {
        margin-top: 15px;
    }

    #dashboard .person_company_position.placeholder,
    #dashboard .person_firstname.placeholder {
        height: 30px;
        margin-bottom: 15px;
    }

    #dashboard .iconstack{
        height: 60px;
    }

    #dashboard .slideshow.voting .slide {
        padding: 5px 20px 10px 20px;
    }

    #dashboard .slideshow.voting .slide .table .ico{
        font-size: 46px;
    }

    #dashboard .slideshow.voting .slide .table .ico.center {
        font-size: 58px;
    }

    #dashboard .ico.left {
        top: 0;
        margin-left: -55px;
    }

    #dashboard .ico.right {
        top: 0;
        margin-left: -5px;
    }
}

@media (min-width: 900px) {
    #dashboard .row .table .table-cell.custom .ico,
    #dashboard .row .table .table-cell.custom_2x1 .ico {
        font-size: 105px;
    }

    #dashboard .row .table .table-cell.custom .text,
    #dashboard .row .table .table-cell.custom_2x1 .text {
        font-size: 30px;
        line-height: 35px;
        padding: 0 30px;
    }

    #dashboard .slideshow.agenda .slide .table * {
        font-weight: bold;
        font-size: 20px;
    }

    #dashboard .slideshow.agenda .slide .table .date {
        width: 59px;
    }

    #dashboard .slideshow.agenda .slide .event-name {
        max-height: calc(100% - 130px);
        height: calc(100% - 130px);
        font-size: 21px;
        line-height: 23px;
    }

    #dashboard .slideshow.agenda .slide .event-name.no-speaker {
        max-height : calc(100% - 75px);
        height : calc(100% - 75px);
    }

    .speakers {
        height: 50px;
    }

    .speaker-pic img {
        height: 50px;
        width: 50px;
        border-radius: 4px;
    }

    .speakers .multi-speaker-indicator {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }

    .speaker-pic {
        width: 59px;
        height: 50px;
    }

    .speaker-pic.multi {
        line-height: 50px !important;
    }

    .speaker-pic.multi.letter-tile {
        width: 50px;
        margin-right: 9px;
        font-size: 21px;
        border-radius: 4px;
    }

    .speakers .speaker-name {
        font-size: 21px;
        line-height: 25px;
    }

    .speakers .multi-speaker-indicator .text {
        line-height: 50px;
        font-size: 21px;
        height: 50px;
    }

    .item.title .agenda-wrapper,
    .item.title .voting-wrapper {
        margin: 40px 20px 20px 20px;
        width: calc(100% - 40px);
        height: calc(100% - 60px);
    }

    #dashboard .speakers > .table {
        margin-top: 0;
    }

    #dashboard .slideshow.agenda .speakers > .table * {
        font-size: 21px;
        line-height: 25px;
    }

    .agenda-placeholder .stack-wrapper,
    .voting-placeholder .stack-wrapper {
        font-size: 30px;
    }

    .agenda-placeholder-message,
    .voting-placeholder-message {
        font-size: 18px;
        padding: 70px 70px 0 70px;
    }

    #dashboard .iconstack {
        height: 70px;
    }

    #dashboard .slideshow.voting .voting_title {
        font-size: 22px;
        line-height: 28px;
        max-height: 56px;
    }

    #dashboard .slideshow.voting .event_title {
        font-size: 22px;
        line-height: 25px;
        max-height: 25px;
        margin: 5px 0 10px 0;
    }

    #dashboard .slideshow.voting .access_voting {
        font-size: 22px;
    }

    #dashboard .event-head {
        height: 56px;
    }

    .slideshow.agenda .slide .time-wrapper {
        height: 8px;
        border-radius: 4px;
    }

    .slideshow.agenda .slide {
        padding: 15px 20px;
    }

    .slideshow.agenda .slide .time-line {
        margin: 9px -20px 9px -20px;
    }
}

.item.html .title {
    z-index: 3;
}

.html-tile-iframe {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    top:0;
    left:0;
    z-index: 1;
}

.html-tile-iframe-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
}

#dashboardPage .person-image-placeholder {
    width: 145px;
    height: 145px;
    font-size: 110px;
    margin-bottom: 5px;
    border-radius: 6px;
}

#dashboardPage .person-image-placeholder .icon-plazz-profil-placeholder {
    left: 18px;
}

@media (max-width: 770px) {
    #dashboardPage .person-image-placeholder {
        width: 90px;
        height: 90px;
        font-size: 80px;
        border-radius: 4px;
    }

    #dashboardPage .person-image-placeholder .icon-plazz-profil-placeholder {
        left: 6px;
    }
}


/* BELOW IS OLD STUFF, DO NOT DELETE CURRENTLY */

#conventionProfile{
    z-index:9999;
    position: absolute;
    top: 0;
    /*left: 0;*/
    height: 100%;
    width: 100%;
    display:none;
}

.quitButton{
    font-size: 16pt;
    margin-top: 2px;
}

@media (min-width: 1100px){
    #conventionProfile{
        width: 770px !important;
        left: 50%;
        margin-top: 0 !important;
        margin-left: -390px !important;
    }
}

#fullscreen-ad {
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    top: 0;
    left: 0;
}

#fullscreen-ad img{
    max-width: 100%;
    max-height: 100%;
}

#close-ad {
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 15px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    text-align: center;
    padding-top: 8px;
    font-size: 14px;
    color: white;
    background-color: #727274;
}

.ad-image {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.desktop-header {
    display: none;
    background-color: #f7f7f7;
    height:200px;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

.desktop-header .icon {
    background: url('../images/client/icons/icon_196.png') no-repeat;
    background-size: 98px 98px;
    width: 98px;
    height: 98px;
    position: absolute;
    top:50%;
    left:50%;
    margin: -49px 0 0 -49px;
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 80px 0px rgba(50,50,50,0.35);
    -moz-box-shadow:    0 5px 80px 0px rgba(50,50,50,0.35);
    box-shadow:         0 5px 80px 0px rgba(50,50,50,0.35);
}

@media (min-width: 800px) and (min-height: 550px){
    .desktop-header {
        display: block;
    }
}
/* documents */
.documents-wrapper {
    margin: 0 auto;
}

.documents-wrapper .document {
    height: 185px;
    width: 200px;
    margin: 0 12px 25px 12px;
    cursor: pointer;
    float: left;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    border-radius: 4px;
    overflow: hidden;
}

.documents-wrapper .document-headline {
    height: 35px;
}

.documents-wrapper .document-type-wrapper {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 30px;
    top: 10px;
    left: 10px;
    border-radius: 25px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}

.documents-wrapper .document-title {
    width: calc(100% - 20px);
    margin: 40px auto 0 auto;
    font-size: 14px;
    overflow: hidden;
    height: 75px;
}

.documents-wrapper .document-meta {
    width: calc(100% - 20px);
    font-size: 12px;
    overflow: hidden;
    height: 14px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

/*one big tile*/
@media (max-width: 370px){
    .documents-wrapper {
        width: 224px;
    }
}
/*two bit tiles*/
@media (min-width: 501px) and (max-width: 555px){
    .documents-wrapper {
        width: 448px;
    }
}
/*three big tiles*/
@media (min-width: 701px) and (max-width: 767px){
    .documents-wrapper {
        width: 672px;
    }
}
/*two bit tiles*/
@media (min-width: 768px) and (max-width: 944px){
    .documents-wrapper {
        width: 448px;
    }
}
/*three big tiles*/
@media (min-width: 945px){
    .documents-wrapper {
        width: 672px;
    }
}
/*four big tiles*/
@media (min-width: 1280px){
    .documents-wrapper {
        width: 900px;
    }
}

/*two small tiles*/
@media (min-width: 371px) and (max-width: 500px){
    .documents-wrapper {
        width: 358px;
    }
    .documents-wrapper .document {
        height: 155px;
        width: 165px;
        margin: 0 7px 15px 7px;
    }
    .documents-wrapper .document-headline {
        height: 25px;
    }
    .documents-wrapper .document-type-wrapper {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 24px;
        top: 5px;
        left: 5px;
        border-radius: 20px;
    }
    .documents-wrapper .document-title {
        margin-top: 30px;
    }
}
/*three small tiles*/
@media (min-width: 556px) and (max-width: 700px){
    .documents-wrapper {
        width: 537px;
    }
    .documents-wrapper .document {
        height: 155px;
        width: 165px;
        margin: 0 7px 15px 7px;
    }
    .documents-wrapper .document-headline {
        height: 25px;
    }
    .documents-wrapper .document-type-wrapper {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 24px;
        top: 5px;
        left: 5px;
        border-radius: 20px;
    }
    .documents-wrapper .document-title {
        margin-top: 30px;
    }
}


/* filter */
#document-list .filter-icon {
    top: calc(50% - 6px);
    right: 5px;
}

#document-list .sort-section {
    height: 55px;
    width: calc(100% - 30px);
    text-align: right;
    line-height: 55px;
    margin: 0 auto;
}

#document-list #document-sort {
    border: none;
    height: 55px;
    padding-right: 30px;
}

#document-list .sort {
    position: relative;
    right: 0;
    width: 140px;
}

@media (min-width: 1024px){
    #document-list #document-sort {
        height: 60px;
    }

    #document-list .sort-section {
        height: 60px;
        width: calc(100% - 40px);
        line-height: 60px;
    }
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea]{position:absolute;z-index:1000;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item{font-size:14px;padding:1px 3px;border:0}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a{text-decoration:none;display:block;height:100%;line-height:1.8em;padding:0 1.54em 0 .615em;color:#4f4f4f}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover{background-color:#e4e4e4}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a,.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a{color:#333}.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:0 5px .2ex 0;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea-text .emojioneemoji,.emojionearea-text [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea,.emojionearea *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.emojionearea.emojionearea-disable{position:relative;background-color:#eee;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea.emojionearea-disable:before{content:"";display:block;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3;position:absolute;background-color:#eee}.emojionearea,.emojionearea.form-control{display:block;position:relative!important;width:100%;height:auto;padding:0;font-size:14px;background-color:#FFF;border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-transition:border-color .15s ease-in-out,-moz-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.emojionearea.focused{border-color:#66AFE9;outline:0;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.emojionearea .emojionearea-editor{display:block;height:auto;min-height:8em;max-height:15em;overflow:auto;padding:6px 24px 6px 12px;line-height:1.42857143;font-size:inherit;color:#555;background-color:transparent;border:0;cursor:text;margin-right:1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor:empty:before{content:attr(placeholder);display:block;color:#BBB}.emojionearea .emojionearea-editor:focus{border:0;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.emojionearea .emojionearea-editor .emojioneemoji,.emojionearea .emojionearea-editor [class*=emojione-]{font-size:inherit;height:2ex;width:2.1ex;min-height:20px;min-width:20px;display:inline-block;margin:-.2ex .15em .2ex;line-height:normal;vertical-align:middle;max-width:100%;top:0}.emojionearea.emojionearea-inline{height:34px}.emojionearea.emojionearea-inline>.emojionearea-editor{height:32px;min-height:20px;overflow:hidden;white-space:nowrap;position:absolute;top:0;left:12px;right:24px;padding:6px 0}.emojionearea.emojionearea-inline>.emojionearea-button{top:4px}.emojionearea .emojionearea-button{z-index:5;position:absolute;right:3px;top:3px;width:24px;height:24px;opacity:.6;cursor:pointer;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.emojionearea .emojionearea-button:hover{opacity:1}.emojionearea .emojionearea-button>div{display:block;width:24px;height:24px;position:absolute;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.emojionearea .emojionearea-button>div.emojionearea-button-open{background-position:0 -24px;filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button>div.emojionearea-button-close{background-position:0 0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-open{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-button.active>div.emojionearea-button-close{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-picker{background:#FFF;position:absolute;-moz-box-shadow:0 1px 5px rgba(0,0,0,.32);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.32);box-shadow:0 1px 5px rgba(0,0,0,.32);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:276px;width:316px;top:-15px;right:-15px;z-index:90;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;filter:alpha(Opacity=0);opacity:0;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.emojionearea .emojionearea-picker.hidden{display:none}.emojionearea .emojionearea-picker .emojionearea-wrapper{position:relative;height:276px;width:316px}.emojionearea .emojionearea-picker .emojionearea-wrapper:after{content:"";display:block;position:absolute;background-repeat:no-repeat;z-index:91}.emojionearea .emojionearea-picker .emojionearea-filters{width:100%;position:absolute;z-index:95;background:#F5F7F9;padding:0 0 0 7px;height:40px}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter{display:block;float:left;height:40px;width:32px;padding:7px 1px 0;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active{background:#fff}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active,.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>i{width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter>img{width:24px;height:24px;margin:0 3px}.emojionearea .emojionearea-picker .emojionearea-search-panel{height:30px;position:absolute;z-index:95;top:40px;left:0;right:0;padding:5px 0 5px 8px}.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones{float:right;margin-right:10px;margin-top:-1px}.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones{position:absolute;top:4px;left:171px}.emojionearea .emojionearea-picker .emojionearea-search{float:left;padding:0;height:20px;width:160px}.emojionearea .emojionearea-picker .emojionearea-search>input{outline:0;width:160px;min-width:160px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones{padding:0;width:120px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone{display:inline-block;padding:0;border:0;vertical-align:middle;outline:0;background:0 0;cursor:pointer;position:relative}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-0:after{background-color:#ffcf3e}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-1:after{background-color:#fae3c5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-2:after{background-color:#e2cfa5}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-3:after{background-color:#daa478}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-4:after{background-color:#a78058}.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5,.emojionearea .emojionearea-picker .emojionearea-tones>.btn-tone.btn-tone-5:after{background-color:#5e4d43}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone{width:20px;height:20px;margin:0;background-color:transparent}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{content:"";position:absolute;display:block;top:4px;left:4px;width:12px;height:12px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone.active:after{top:0;left:0;width:20px;height:20px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone{width:16px;height:16px;margin:0 2px}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone.active:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone.active:after{content:"";position:absolute;display:block;background-color:transparent;border:2px solid #fff;width:8px;height:8px;top:2px;left:2px;box-sizing:initial}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category:before,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before{content:" ";clear:both;display:block}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio>.btn-tone:after{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox>.btn-tone:after,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone,.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square>.btn-tone:after{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}.emojionearea .emojionearea-picker .emojionearea-scroll-area{height:236px;overflow:auto;overflow-x:hidden;width:100%;position:absolute;padding:0 0 5px}.emojionearea .emojionearea-picker .emojionearea-search-panel+.emojionearea-scroll-area{height:206px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list{z-index:1}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title{display:block;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#b2b2b2;background:#FFF;line-height:20px;margin:0;padding:7px 0 5px 6px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block{padding:0 0 0 7px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block>.emojionearea-category{padding:0!important}.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0;width:24px;height:24px;top:0}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:24px;height:24px;float:left;display:block;margin:1px;padding:3px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#e4e4e4;cursor:pointer}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i,.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img{float:left;display:block;width:24px;height:24px}.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji{filter:alpha(Opacity=0);opacity:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters{top:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area{bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area{top:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel{top:initial;bottom:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters{bottom:0;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area{top:0}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel,.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area{top:initial;bottom:40px}.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel{top:0}.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin-top:-286px;right:-14px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -49px;bottom:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -80px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left,.emojionearea .emojionearea-picker.emojionearea-picker-position-right{margin-right:-326px;top:-8px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{width:10px;height:19px;background-position:0 -60px;top:13px;left:-10px}.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after,.emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:right -60px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{margin-top:10px;right:-14px;top:47px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after{width:19px;height:10px;background-position:-2px -100px;top:-10px;right:20px}.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after{background-position:-2px -90px}.emojionearea .emojionearea-button.active+.emojionearea-picker{filter:alpha(enabled=false);opacity:1}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-top{margin-top:-269px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-left,.emojionearea .emojionearea-button.active+.emojionearea-picker-position-right{margin-right:-309px}.emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom{margin-top:-7px}.emojionearea.emojionearea-standalone{display:inline-block;width:auto;box-shadow:none}.emojionearea.emojionearea-standalone .emojionearea-editor{min-height:33px;position:relative;padding:6px 42px 6px 6px}.emojionearea.emojionearea-standalone .emojionearea-editor::before{content:"";position:absolute;top:4px;left:50%;bottom:4px;border-left:1px solid #e6e6e6}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji{opacity:.4}.emojionearea.emojionearea-standalone .emojionearea-button{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.emojionearea.emojionearea-standalone .emojionearea-button>div{right:6px;top:5px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{right:23px}.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after,.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after{top:15px}.emojionearea .emojionearea-button>div,.emojionearea .emojionearea-picker .emojionearea-wrapper:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=)!important}.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder{background-repeat:no-repeat;background-position:20px 4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=)!important}
.ico-agenda {
    font-family: icomoon;
}

#eventDetailPage .action-name {
    line-height: 18px;
    font-size: 14px; 
}

#eventDetailPage .description-t .a{
    cursor: pointer;
}

#eventDetailPage .eventDetail
{
	position: absolute;
	top:48px;
	left:0;
	bottom:0;
	right:0;
    overflow-x: hidden;
}
@media screen and (min-width: 1024px) {
    #eventDetailPage .hint-timezone-lh {
        height: 90px;
    }
}

#eventDetailPage .user-timezone-time {
    text-overflow: unset;
    white-space: normal;
    line-height: 16px;
    font-size: 12px;
    color: #e17b47;
    margin-top: -10px;
    margin-bottom: 16px;
}

#eventDetailPage .no-pointer-events { 
    pointer-events: none;
}


#eventDetailPage .ical-export-button {
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 16px;
    top: 0px;
    right: 0px;   
    cursor: pointer;
    text-align: center;
    z-index: 3;
}

#eventDetailPage .title {
    line-height: 28px;
    font-size: 22px;
    padding: 40px 30px;
    text-align: center;
    position: relative;
}

#eventDetailPage .in-planner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.15;
}

#eventDetailPage .info-wrapper {
    width: 100%;
    padding: 0 15px;
    display: table;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#eventDetailPage .info-helper {
    display: table;
    table-layout: fixed;
    width: 100%;
    line-height: 50px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#eventDetailPage .info-helper:last-child {
    border-bottom: none;
}
#eventDetailPage .info-icon {
    display: table-cell;
    width: 21px;
    font-size: 14px;
}
#eventDetailPage .schedule-parent {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#eventDetailPage .info-icon-category {
    font-size: 12px;
}
#eventDetailPage .info-label {
    display: table-cell;
    width: 74px;
    font-size: 14px;
    vertical-align: top;
}
#eventDetailPage .info-text {
    display: table-cell;
    font-size: 14px;
    width: 100%;
}
#eventDetailPage .info-text-category,
#eventDetailPage .info-text-room {
    line-height: 18px;
    padding: 10px 0 7px 0;
}
#eventDetailPage .live-wrapper {
    display: table-cell;
    width: 40px;
}

#eventDetailPage .live {
    width: 40px;
    border-radius: 8px;
    line-height: 16px;
    font-size: 10px;
    text-align: center;
}

#eventDetailPage .link-text {
    display: inline-block;
    vertical-align: top;
}

#eventDetailPage .room-info-block {
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 9px;
    white-space: nowrap;
}

#eventDetailPage .room-info-block.no-pointer {
    cursor: default;
}

#eventDetailPage .link-text-room {
    padding-right: 25px;
    max-width: 100%;
}
#eventDetailPage .link-text-category {
    width: 100%;
    padding-left: 20px;
    padding-right: 25px; 
}

#eventDetailPage .link-icon {
    position: absolute;
    font-size: 8px;
    width: 8px;
    margin-left: -20px;
}

#eventDetailPage .category-wrapper {
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 9px;
}

#eventDetailPage .category-color {
    position: absolute;
    margin-top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

#eventDetailPage .hide-buttom-border {
    border-bottom: none;
}

#eventDetailPage .action-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 69px;
    padding: 0 15px;
}

#eventDetailPage .action-item-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#eventDetailPage .action-icon {
    display: block;
    margin-bottom: 2px;
    font-size: 28px;
    line-height: 28px;
}

#eventDetailPage .note-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    text-shadow: none;
    text-align: center;
    height: 48px;
    padding: 0 82px;
    line-height: 48px;
    font-size: 17px;
    font-weight: bold;
}

#eventDetailPage .close-notes-button {
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 14px;
    top: 0px;
    left: 0px;   
    cursor: pointer;
    text-align: center;
}

#eventDetailPage .save-notes-button {
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 0;
    padding-right: 15px; 
    padding-left: 15px; 
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
}

#eventDetailPage .note-wrapper {
    position: absolute;
    top: 48px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 4;
}

#eventDetailPage .note-title-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 0 10px 15px;
}

#eventDetailPage .new-note-title {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    padding: 15px 15px 10px 15px;
    text-align: left;
    font-weight: bold;
}

#eventDetailPage .note-title-helper {
    display: table-cell;
}
#eventDetailPage .edit-note-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
#eventDetailPage .note-title-date {
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
}

#eventDetailPage .note-interactions{
    display: table-cell;
    width: 104px;
    vertical-align: middle;
    text-align: center;
}
#eventDetailPage .layout-wrapper .note-interactions{
    width: 60px;
}    
#eventDetailPage .share-note-button,#eventDetailPage .delete-note-button, #eventDetailPage .edit-note-button {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    padding: 7px;
}
#eventDetailPage .share-note-button, #eventDetailPage .edit-note-button {
    margin-right: 10px;
}    

#eventDetailPage .editor {
    padding: 40px 15px 0px 15px;
    font-size: 16px;
    line-height: 22px;
}

#eventDetailPage .trumbowyg-box {
    margin-top: 0px;
}

.reminder-helper .selected { 
    border: none !important;
}

#eventDetailPage .question-wrapper{
    position: absolute;
    top: 48px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 4;
}
#eventDetailPage .question-header{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    text-shadow: none;
    text-align: center;
    height: 48px;
    padding: 0 82px;
    line-height: 48px;
    font-size: 17px;
    font-weight: bold;
}
#eventDetailPage .close-question-button{
    width: 48px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 14px;
    top: 0px;
    left: 0px;   
    cursor: pointer;
    text-align: center;
}
#eventDetailPage .send-question-button{
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 0; 
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
}
#eventDetailPage .question-title{
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    padding: 15px 15px 10px 15px;
    text-align: left;
    font-weight: bold;
}
#eventDetailPage .question-editor{
    width: 100%;
    height: 300px;
    resize: none;
    padding: 10px 15px 0 15px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top-style: dashed;
    border-top-width: 1px;
    outline: none;
    font-size: 16px;
    line-height: 22px;
}

#eventDetailPage .arrow-left, .arrow-right {
    position: absolute;
    top: calc(50% - 18px);
    width: 40px;
    height: 60px;
    border-radius: 13px;
    line-height: 60px;
    cursor: pointer;
    font-size: 25px;
    transition: all 0.2s ease;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#eventDetailPage .arrow-right {
    padding-right: 6px;
    border-radius: 30px 0 0 30px;
    right: 0px;
    text-align: right;
}
#eventDetailPage .arrow-left {
    padding-left: 6px;
    border-radius: 0 30px 30px 0;
    left: 0px;
    text-align: left;
}

#eventDetailPage .interaction-wrapper {
    padding: 40px 0 0 0;
    text-align: center;
    position: relative;
    overflow-y: hidden;
}
#eventDetailPage .interaction-helper {
    display: inline-block;
    width: 30%;
    margin-bottom: 24px;
    cursor: pointer;
    position: relative;
    min-width: 120px;
}
#eventDetailPage .interaction-icon-wrapper {
    height: 66px;
    width: 66px;
    border-style: solid;
    border-width: 1px;
    border-radius: 33px;
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
}
#eventDetailPage .interacion-icon {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin: 2px auto 0px auto;
    font-size: 30px;
    line-height: 60px;
}
#eventDetailPage .interaction-text {
    line-height: 16px;
    font-size: 14px;
}
#eventDetailPage .interaction-counter {
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-style: solid;
    line-height: 21px;    
    border-radius: 13px;
    position: absolute;
    left: 44px;
    top: -8px;
}

#eventDetailPage .interaction-selection-wrapper {
    position: absolute;
    overflow-x: scroll;
    overflow-y: hidden;
}

#eventDetailPage .interaction-option {
    display: inline-block;
    width: 140px;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

#eventDetailPage .interaction-exit-button {
    width: 22px;
    height: 22px;
    line-height: 23px;
    border-radius: 11px;
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 9px;
    cursor: pointer;
}

#eventDetailPage .interaction-selection-slider {
    text-align: left;
    margin: 0px auto;
}
#eventDetailPage .option-sort-wrapper {
    display: inline-block;
    vertical-align: top;
}
#eventDetailPage .option-sort-wrapper:first-of-type {
    margin-left: 20px;
}
#eventDetailPage .option-sort-wrapper:last-of-type {
    margin-right: 20px;
}

#eventDetailPage .option-icon {
    font-size: 25px;
    margin-bottom: 2px;    
}

#eventDetailPage .option-text {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 24px;
    max-height: 24px;
    line-height: 12px;
    font-size: 12px;
    overflow: hidden;
} 

#eventDetailPage .option-label {
    font-size: 13px;
    margin-top: 6px;
}

#eventDetailPage .layout-wrapper {
    margin-bottom: 48px;
    margin-top: 20px;
}
/* tablet layout ***********************************/
#eventDetailPage .border-padding {
    padding-left: 15px;
    padding-right: 15px;
}

#eventDetailPage .left  {
    display: inline-block;
    width: 50%;
    padding: 0 8px 0 15px;
    vertical-align: top;
}

#eventDetailPage .right {
    display: inline-block;
    width: 50%;
    padding: 0 15px 0 8px;
    vertical-align: top;
}

#eventDetailPage .layout-item-wrapper-t {
    width: 100%;
    margin-bottom: 20px;
}

#eventDetailPage .layout-title-t {
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
}

#eventDetailPage .description-t,#eventDetailPage .notes-t{
    margin-bottom: 21px;
    padding: 15px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

#eventDetailPage .notes-t{
    border-top-width: 1px;
    border-top-style: dashed;
    overflow: hidden;
}

#eventDetailPage .document-list-wrapper-t {
    width: 100%;
}

#eventDetailPage .document-wrapper-t {
    width: 100%;
    height: 90px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: table;
    table-layout: fixed;
    cursor: pointer;
}
#eventDetailPage .document-wrapper-t:last-of-type {
    border-bottom: none;
}

#eventDetailPage .document-icon-t {
    display: table-cell;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    font-size: 35px;
}
#eventDetailPage .document-info-wrapper-t {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}
#eventDetailPage .document-title-t {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px;
}
#eventDetailPage .document-details {
    font-size: 14px;
    line-height: 16px;
}

#eventDetailPage .add-note-wrapper-t {
    height: 91px;
    text-align: center;
    cursor: pointer;
}
#eventDetailPage .add-note-icon-t {
    font-size: 34px;
    padding-top: 13px;
    margin-bottom: 2px;
}
#eventDetailPage .add-note-text-t {
    font-size: 14px;
    line-height: 18px;
}

#eventDetailPage .rating-wrapper-t {
    height: 90px;
    text-align: center;
}
#eventDetailPage .star-wrapper-t {
    padding: 15px 0 10px 0;
}
#eventDetailPage .star-t{
    display: inline-block;
    font-size: 28px;
    margin: 0 4px;
    cursor: pointer;
}
#eventDetailPage .star-text-t {
    line-height: 16px;
    font-size: 14px;
}

#eventDetailPage .speaker-list-wrapper-t {
    width: 100%;
}
#eventDetailPage .speaker-wrapper-t {
    width: 100%;
    height: 90px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: table;
    table-layout: fixed;
    cursor: pointer;
}

#eventDetailPage .speaker-wrapper-t:last-of-type {
    border-bottom: none;
}
#eventDetailPage .speaker-picture-wrapper-t {
    display: table-cell;
    width: 70px;
}
#eventDetailPage .speaker-picture-t {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    border-radius: 5px;
}
#eventDetailPage .speaker-picture-text-t {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    border-radius: 5px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}
#eventDetailPage .speaker-info-wrapper-t {
    display: table-cell;
    vertical-align: middle;
}
#eventDetailPage .speaker-name-t {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 4px;
}
#eventDetailPage .speaker-details-t {
    line-height: 16px;
}
#eventDetailPage .speaker-company-t {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    max-width: 100%;
}
#eventDetailPage .speaker-position {
    font-size: 14px;
    max-width: 100%;
}


/* children */
#eventDetailPage .block-child-wrapper {
}
#eventDetailPage .block-child {
    height: 90px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    cursor: pointer;
    position: relative;
}

#eventDetailPage .block-child:last-of-type {
    border-bottom: none;
}
#eventDetailPage .block-child-time-helper {
    width: 90px;
    height: 89px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 20px;
    position: relative;
}
#eventDetailPage .block-from {
    height: 15px;
    line-height: 15px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 4px;
}
#eventDetailPage .block-time-from {
    height: 15px;
    line-height: 15px;
    font-size: 13px;
}
#eventDetailPage .block-child-time-helper .child-indicator {
    position: absolute;
    left: 15px;
    top:0;
    height:89px;
    width: 16px;
    line-height: 89px;
    z-index: 2;
}
#eventDetailPage .category-wrapper-child{
    width: 6px;
    height: 89px;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: 2;
    display: table-cell;
}
#eventDetailPage .block-info-wrapper {
    height: 89px;
    padding-left: 9px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}
#eventDetailPage .block-title {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}
#eventDetailPage .block-speaker {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 4px;
}

/* end tablet Layout*/

/* smartphone Layout *************************************/

#eventDetailPage .desc-show-more {
    position: relative;
}

#eventDetailPage .show-more-wrapper {
    position: absolute;
    bottom: 8px;
    left: 0px;
    width: 100%;
    height: 16px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
}

#eventDetailPage .show-more-text {
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
}
#eventDetailPage .show-more-icon {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}


#eventDetailPage .tabs-wrapper {
    margin-bottom: 20px;
}
#eventDetailPage .tabs {
    width: 100%;
    height: 38px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#eventDetailPage .tab-button {
    display: inline-block;
    height: 38px;
    width: 33%;
    max-width: 124px;
    cursor: pointer;
    text-align: center;
    border-style: solid;
    border-width: 0px;
}

#eventDetailPage .tab-button-text {
    margin-top: 10px;
    line-height: 18px;
    opacity: 0.5;
    border-style: solid;
    border-width: 0px;
}

#eventDetailPage .desc-show-more-note {
    position: relative;
}

#eventDetailPage .tabs-content {
}

#eventDetailPage .line {
    height: 1px;
    width: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 5px;
}

#eventDetailPage .room-wrapper {
    width: 100%;
    height: 18px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
}

#eventDetailPage .room-icon {
    margin-left: -2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}


/* end smartphone Layout*/
.eventDetailPage .description-t .a {
    cursor: pointer;
}

.eventDetailPage .modal-overlay .reminder-modal,
.eventDetailPage .modal-overlay .booking-modal{
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*
.eventDetailPage .modal-overlay .reminder-modal {
    height: 245px;
}

.eventDetailPage .modal-overlay .booking-modal {
    height: 145px;
}
*/

.eventDetailPage .reminder-modal .modal-overlay-footer,
.eventDetailPage .booking-modal .modal-overlay-footer {
    height: 45px !important;
    line-height: 45px !important;
    display: table !important;
}
/*
.eventDetailPage .reminder-modal .modal-overlay-content {
    height: 200px;
    margin-bottom: 0px;
}

.eventDetailPage .booking-modal .modal-overlay-content {
    height: 100px;
    margin-bottom: 0px;
}
*/
.eventDetailPage .reminder-btn-apply,
.eventDetailPage .booking-btn-apply {
    border-right-width: 1px;
    border-right-style: solid;
}

.eventDetailPage .reminder-btn-delete, .eventDetailPage .reminder-btn-apply,
.eventDetailPage .booking-btn-cancel, .eventDetailPage .booking-btn-apply {
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

.eventDetailPage .reminder-headline,
.eventDetailPage .booking-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}
.eventDetailPage .reminder-text,
.eventDetailPage .booking-text{
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.eventDetailPage .reminder-helper {
    width: calc(100% - 30px);
    max-width: 270px;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-bottom: 15px;
}

.eventDetailPage .reminder-option-wrapper {
    display: table-cell;
    width: 60px;
    height: 60px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.eventDetailPage .reminder-marker {
    position: absolute;
    font-size: 8px;
    line-height: 14px;
    text-align: center;
    width: 18px;
    top: -6px;
    right: -6px;
    height: 18px;
    border-radius: 9px;
    border-width: 2px;
    border-style: solid;
}

.eventDetailPage .reminder-option-time {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px;
}

.eventDetailPage .reminder-option-unit {
    font-size: 12px;
    line-height: 14px;
}


#eventDetailPage .description-t li, #eventDetailPage .editor li, #eventDetailPage .notes-t li{
    margin-left: 40px;
}
#eventDetailPage .description-t p,
#eventDetailPage .description-t ol,
#eventDetailPage .description-t ul,
#eventDetailPage .notes-t p,
#eventDetailPage .notes-t ol,
#eventDetailPage .notes-t ul,
#eventDetailPage .editor p,
#eventDetailPage .editor ol,
#eventDetailPage .editor ul{
    margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
    #eventDetailPage .layout-title-t {
        margin-left: 15px;
    }
    #eventDetailPage .speaker-list-wrapper-t, 
    #eventDetailPage .block-child-wrapper, 
    #eventDetailPage .rating-wrapper-t, 
    #eventDetailPage .description-t, 
    #eventDetailPage .notes-t,
    #eventDetailPage .add-note-wrapper-t,
    #eventDetailPage .document-list-wrapper-t
    {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    
    #eventDetailPage .description-t {
        padding-bottom: 33px;
    }
    
}


@media screen and (min-width: 1024px) {
    #eventDetailPage .info-helper { 
        float: left;
        width: 50%;
    }
    #eventDetailPage .action-wrapper { 
        height: 90px;
    }
    #eventDetailPage .interaction-wrapper{
        padding-top: 35px;
    }
    
    
    #eventDetailPage .note-header {
        border-radius: 14px 14px 0 0;
        top: 145px;
        width: 500px;
        left: 56px;
        z-index: 10000;
    }
    
    #eventDetailPage .note-wrapper {
        top: 193px;
        left: 56px;
        bottom: 13%;
        max-height: 600px;
        overflow: hidden;
        width: 500px;
        z-index: 10000;
        border-radius: 0 0 12px 12px;
    }
    
    #eventDetailPage .editor {
        overflow-y: auto;
        max-height: 500px;
    }
    
    
    #eventDetailPage .question-header {
        border-radius: 14px 14px 0 0;
        top: 145px;
        width: 500px;
        left: 56px;
        z-index: 10000;
    }
    #eventDetailPage .question-wrapper {
        top: 193px;
        left: 56px;
        bottom: 13%;
        max-height: 600px;
        overflow: hidden;
        width: 500px;
        z-index: 10000;
        border-radius: 0 0 12px 12px;
    }
    
    #eventDetailPage .question-editor {
        overflow: auto;
        height: calc(100% - 43px);
    }
}

#eventDetail .stream-link-button-wrapper {
    height: 80px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#eventDetail .stream-link-button-wrapper .stream-link-button {
    width: auto;
    height: 40px;
    min-width: 140px;
    line-height: 40px;
    border-radius: 4px;
    display: flex;
    padding: 0 30px;
    cursor: pointer;
    overflow: hidden;
    max-width: calc(100% - 30px);
    justify-content: center;
}
#eventDetail .stream-link-button-wrapper .stream-link-icon.ico {
    margin-right: 10px;
    font-size: 18px;
}
#eventDetail .stream-link-button-wrapper .stream-link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

/**********************/
/** exhibitors Style **/
/**********************/

#exhibitorsPage {
	position: absolute;
	height: 100%;
	width: 100%;
}
#exhibitorsPage .scrollExhibitors {
    z-index: 2;
}
#exhibitorsPage #filter {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    top: 48px;
}
#exhibitorsPage #filter-button {
    width: 60px;
    height: 60px;
    bottom: 15px;
    right: 15px;
    position: absolute;
    border-radius: 30px;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
}
#exhibitorsPage .filter-button-icon {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 13px;
    display: block;
}
#exhibitorsPage .filter-button-text {
    height: 14px;
    margin-top: 1px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: bold;
}
#exhibitorsPage .filter-button-counter {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    right: 17px;
    top: 8px;
    border-radius: 8px;
}

#exhibitorsPage .filter-label-wrapper {
    display: none;
    height: 82px;
    line-height: 82px;
    width: 100%;
    text-align: center;
}

#exhibitorsPage #filter .active-filters-wrapper {
    padding: 0 15px;
    margin: 30px auto 0 auto;
    max-width: 430px;
}

#exhibitorsPage #filter .active-filters-wrapper-label {
    height: 25px;
    line-height: 20px;
}

#exhibitorsPage #filter .active-filters {
    height: 50px;
    max-height: 50px;
    overflow: hidden;
}
#exhibitorsPage .scrollExhibitors .active-filters {
    width: 100%;
    height: 50px;
    max-height: 50px;
    padding-left: 10px;
    overflow: hidden;
}

#exhibitorsPage .active-filter-container {
    height: 70px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 10px;
}

#exhibitorsPage #filter .filters {
    max-width: 430px;
    margin: 0 auto;
}

#exhibitorsPage .category-divider, .good-group-divider {
    margin-top: 30px;
    height: 25px;
    line-height: 20px;
}

#exhibitorsPage #filter .filter {
    padding-left: 15px;
    font-size: 15px;
    cursor: pointer;
}

#exhibitorsPage #filter .filter .table {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#exhibitorsPage #filter .filter .table.no-bottom-border {
    border-bottom-width: 0;
}
#exhibitorsPage #filter .filter .table-cell {
    vertical-align: middle;
}

#exhibitorsPage #filter .filter.border-bottom {
    border-bottom-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
}

#exhibitorsPage #filter .filter .filter-color {
    height: 15px;
    width: 15px;
    border-radius: 8px;
}

#exhibitorsPage .filter-header {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 48px;
    font-size: 15px;
    display: table;
    table-layout: fixed;
    line-height: 48px;
    text-align: center;
}

#exhibitorsPage .exhibitor-filter-button {
    width: 220px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#exhibitorsPage .active-filter-in-headline {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 15px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    position: relative;
}
#exhibitorsPage .active-filter-in-headline[data-type="category"] {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    border-radius: 15px;
    text-align: center;
    border-style: none;
    cursor: pointer;
    position: relative;
}
#exhibitorsPage .active-filter-in-headline .in-headline-icon {
    position: absolute;
    top: 0px;
    left: 9px;
    line-height: 28px;
}
#exhibitorsPage .active-filter-in-headline .one_line {
    max-width: 180px;
    font-weight: bold;
    padding: 0 30px;
}
#exhibitorsPage .active-filter-in-headline .in-headline-close {
    position: absolute;
    top: 0px;
    right: 9px;
    line-height: 28px;
}
#exhibitorsPage .exhibitors .letter-row {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    position: relative;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
}

#exhibitorsPage .exhibitors .exhibitor {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    position: relative;
}

#exhibitorsPage .exhibitors .exhibitor .title {
    overflow: hidden;
    max-height: 36px;
}

#exhibitorsPage .exhibitors .exhibitor:last-of-type {
    margin-bottom: 100px;
}

#exhibitorsPage .exhibitors .exhibitor .table {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative;
    z-index: 2;
}

#exhibitorsPage .exhibitor-image {
    width: 120px;
    height: 60px;
    background-size: contain;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
}

#exhibitorsPage .exhibitors .favorite {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media (min-width: 1024px) {
    #exhibitorsPage #filter-button {
        visibility: hidden;
    }
    #exhibitorsPage .scrollExhibitors.has-filter {
        width: calc(100% - 278px);
    }
    #exhibitorsPage #filter {
        width: 278px;
    }
    #exhibitorsPage .filter-label-wrapper {
        display: block;
    }
    #exhibitorsPage #filter .active-filters-wrapper {
        display: none;
    }
    #exhibitorsPage .scrollExhibitors .active-filters {
        display: none;
    }
    #exhibitorsPage .exhibitor-filter-button {
        margin-bottom: 100px;
    }
    #exhibitorsPage .exhibitor-filter-button.exhibitor-filter-apply {
        display: none;
    }
}
#exhibitorsPage .category-divider,
#exhibitorsPage .good-group-divider {
    padding-left: 15px;
}

#exhibitorsPage #filter-button.inactive {
    visibility: hidden;
}
#exhibitorsPage #filter.inactive {
    visibility: hidden;
}


/**********************/
/** exhibitor Detail **/
/**********************/
#exhibitorsDetailPage .exhibitor-image {
    height: 190px;
    width: calc(100% - 40px);
    margin: 0 auto 25px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#exhibitorsDetailPage .exhibitor-name {
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-size: 17px;
    text-align: center;
    margin: 0 20px 30px 20px;
    font-weight: bold;
}
#exhibitorsDetailPage .exhibitor-room {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-top-width: 1px;
    border-top-style: solid;
}
#exhibitorsDetailPage .exhibitor-categories {
    min-height: 50px;
    line-height: 50px;
    border-top-width: 1px;
    border-top-style: solid;
}
#exhibitorsDetailPage .exhibitor-categories-wrapper {
    line-height: 18px;
    padding: 10px 0 7px 0;
}
#exhibitorsDetailPage .exhibitor-categories-wrapper .category{
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 9px;
}
#exhibitorsDetailPage .exhibitor-categories-wrapper .category-color{
    position: absolute;
    margin-top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
#exhibitorsDetailPage .exhibitor-categories-wrapper .category-name {
    width: 100%;
    padding-left: 20px;
    padding-right: 25px;
    display: inline-block;
    vertical-align: top;
}
#exhibitorsDetailPage .exhibitor-categories-wrapper .category-icon {
    position: absolute;
    font-size: 8px;
    width: 8px;
    margin-left: -20px;
    line-height: 18px;
}

#exhibitorsDetailPage .exhibitor-interactions {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 70px;
}
#exhibitorsDetailPage .exhibitor-interactions .interaction-icon{
    display: block;
    margin-bottom: 2px;
    font-size: 28px;
    line-height: 28px;
}
#exhibitorsDetailPage .exhibitor-interactions .exhibitor-interaction{
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
#exhibitorsDetailPage .exhibitor-interactions .interaction-name{
    line-height: 18px;
    font-size: 14px;
}
#exhibitorsDetailPage .exhibitor-info-label {
    line-height: 18px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
    padding-top: 25px;
}

#exhibitorsDetailPage .exhibitor-tablet-wrapper-left,
#exhibitorsDetailPage .exhibitor-tablet-wrapper-right {
    display: inline-block;
    width: calc(50% - 2px);
    vertical-align: top;
}
#exhibitorsDetailPage .exhibitor-tablet-wrapper-left {
    padding: 0 8px 0 15px;
}
#exhibitorsDetailPage .exhibitor-tablet-wrapper-right {
    padding: 0 15px 0 8px;
}
#exhibitorsDetailPage .exhibitor-mobile-wrapper .exhibitor-info-separator {
    width: 100%;
    display: block;
    height: 1px;
}
#exhibitorsDetailPage .exhibitor-info-sub-separator {
    width: calc(100% - 15px);
    margin-left: 15px;
    display: block;
    height: 1px;
    margin-top: -1px;
}
#exhibitorsDetailPage .exhibitor-time-separator {
    width: 5px;
    height: 1px;
    margin: 3px auto;
}
#exhibitorsDetailPage .exhibitor-date-separator {
    width: 1px;
}
#exhibitorsDetailPage .event-room-separator {
    height: 1px;
    width: 100%;
}
#exhibitorsDetailPage .exhibitor-event-name {
    max-height: 38px;
    overflow: hidden;
}
#exhibitorsDetailPage .exhibitor-event-category-wrapper {
    overflow: hidden;
}
#exhibitorsDetailPage .exhibitor-speaker-icons {
    overflow: hidden;
}

#exhibitorsDetailPage .exhibitor-event-category {
    max-width: 50%;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold;
    font-size: 11px;
    height: 14px;
    border-radius: 7px;
    margin-right: 5px;
}
#exhibitorsDetailPage .exhibitor-speaker {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
}

#exhibitorsDetailPage .exhibitor-staff-image,
#exhibitorsDetailPage .exhibitor-staff-image-placeholder {
    width: 60px;
    height: 60px;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
#exhibitorsDetailPage .exhibitor-staff-image-placeholder .background{
    z-index: 1;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#exhibitorsDetailPage .exhibitor-staff-image-placeholder .foreground{
    z-index: 2;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#exhibitorsDetailPage .exhibitor-staff-image-placeholder .icon-plazz-profil-placeholder {
    position: absolute;
    bottom: 0;
}

#exhibitorsDetailPage .exhibitor-tab-wrapper {

}
#exhibitorsDetailPage .exhibitor-tab-wrapper .table-cell{
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}
#exhibitorsDetailPage .exhibitor-tab-wrapper .table-cell.active {
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0;
}
#exhibitorsDetailPage .exhibitor-tab-wrapper .table-cell.active.first {
    border-left-width: 0;
}
#exhibitorsDetailPage .exhibitor-tab-wrapper .table-cell.active.last {
    border-right-width: 0;
}
#exhibitorsDetailPage .exhibitor-tab-wrapper .table-cell.active.no-top-border {
    border-top-width: 0;
}
#exhibitorsDetailPage .tab-content {
    display: none;
}
#exhibitorsDetailPage .tab-content.active {
    display: block;
}
#exhibitorsDetailPage .exhibitor-map {
    width: 100%;
    height: 175px;
}



/*OLD*/
/*

#exhibitorsDetailPage .exhibitorsDetailItem{
    padding: 20px;
    cursor: pointer;
    position: relative;
    width:100%;
    border-width: 1px;
    border-style: solid;
    border-top:1px;
    border-left: 0px;
    border-right: 0px;
}

#exhibitorsDetailPage .exhibitors-divider{
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    height: 1px;
}

#exhibitorsDetailPage .exhibitorsDetailItem.touch-started
{
    background:rgba(0,0,0,0.2);
}

#exhibitorsDetailPage .exhibitorsDetailItem a, #exhibitorsDetailPage .exhibitorsDetailItem a:active, #exhibitorsDetailPage .exhibitorsDetailItem a:hover
{
    text-decoration: none;
}

#exhibitorsDetailPage .exhibitorsDetailItem .exhibitorsName{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
}

#exhibitorsDetailPage .arrow_right
{
    position: absolute;
    right: 16px;
    width: 5px;
}

#exhibitorsDetailPage .exhibitorsDetailImage {
    width: calc(100% - 40px);
    height: 140px;
    margin: 20px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#exhibitorsDetailPage .exhibitorsDetailName{
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 20px 30px;
    text-align: center;
}

#exhibitorsDetailPage .exhibitorsDetailLabel{
    font-size: 14px;
    margin: 30px 20px 12px 20px;
}

#exhibitorsDetailPage .exhibitorsDetailContent  {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    padding: 20px;
}

#exhibitorsDetailPage .exhibitorsDetailContent.contact {
    margin-bottom: 1px;
    border-width: 1px;
    border-style: solid;
    border-left: 0;
    border-right: 0;
}

#exhibitorsDetailPage .exhibitorsDetailContent p,
#exhibitorsDetailPage .exhibitorsDetailItemName{
    font-size: 14px;
    line-height: 21px;
}

#exhibitorsDetailPage .exhibitorsDetailContent b {
    font-size: 14px;
    line-height: 21px;
}

#exhibitorsDetailPage .exhibitorsDetailDescription ul
{
    margin-left:20px;
}

#exhibitorsDetailPage .eventSpeakerEntry{
    display:block;
    height: auto;
    position: relative;
    cursor: pointer;
    min-height: 72px;
    border-style: solid;
    border-width: 1px;
    border-left: 1px;
    border-right: 1px;
    border-top: 1px;
}

#exhibitorsDetailPage .eventSpeakerEntry .eventSpeakerDetails
{
    padding:25px 20px 10px 85px;
}

#exhibitorsDetailPage .eventSpeakerEntry .eventSpeakerName {
    height: auto !important;
    font-size:14px;
    font-weight: bold;
}

#exhibitorsDetailPage .eventSpeakerEntry .eventSpeakerImage {
    position: absolute;
    left:20px;
    top:50%;
    margin-top:-25px;
    height: 48px;
    width: 48px;
    border-radius: 12px;
    overflow:hidden;
}

#exhibitorsDetailPage .eventSpeakerEntry .eventSpeakerImage img {
    height: 48px;
    width: 48px;
    border-radius: 12px;
}

#exhibitorsDetailPage .fav-wrapper {
    padding: 8px;
    text-align: center;
    font-size: 16px;
    width: 220px;
    cursor: pointer;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 6px;
}

#exhibitorsDetailPage.fav-wrapper i{
    margin-right: 10px;
}

#exhibitorsDetailPage .event-time {
    text-align: left;
}*/

#exhibitorsDetailPage .exhibitor-description p,
#exhibitorsDetailPage .exhibitor-description ol,
#exhibitorsDetailPage .exhibitor-description ul{
    margin-bottom: 15px;
}

#exhibitorsDetailPage .exhibitor-description li {
    margin-left: 40px;
}

.pswp__button{
    border: 0px !important;

}
.pswp__counter{
    color: #fff !important;
    font-size: 14px;
    position: absolute;
    left: 50%;
    height: 44px;
    width: 100px;
    margin-left: -50px;
}
.pswp__button--arrow--left{
}

.pswp__button--arrow--right{
}

.pswp__button--close {
    position: absolute;
    left: 0;
}




.pswp__caption {
    height: 40px;
    opacity: 1;
}

.pswp__caption__center > .album-caption-span {
    font-size: 16px;
}
.pswp__caption__center {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    padding: 0px 20px 0px 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

.pswp__ui--idle .pswp__caption {
    opacity: 0;
}


.scrollGallery {
    background-color: #000000;
    top: 0px;
}

.gallery-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.galleries {
    white-space: nowrap;
    height: 100%;
}
.gallery-album-scroll {
    display: block;
    float:left;
    height: 100%;
    overflow-x: hidden;
}
.gallery-album {
    overflow-y: scroll;
}

.galleryDetailDiv {
    position: relative;
}

.scrollGalleryDetail {
    background-color: #000;
}

.swipeBtn-left, .swipeBtn-right {
    opacity: 0;
    background: none;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    background-color: rgba(0,0,0,.4);
    border: 0px !important;
    text-align: center;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.swipeBtn-left {
    left: 0;
    border-radius: 0 100% 100% 0;
}
.swipeBtn-right {
    right: 0;
    margin-top: -50px;
    border-radius: 100% 0 0 100%;
}
.scrollGallery:hover > .swipeBtn-left, .scrollGallery:hover > .swipeBtn-right {
    opacity: 0.6;
}
.swipeBtn-left:hover, .swipeBtn-right:hover {
    opacity: 1 !important;
}

.swipeBtn-left:before, .swipeBtn-right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 30px;
    width: 32px;
    position: absolute;
    background: none !important;
}

.swipeBtn-left > i, .swipeBtn-right > i {
    line-height: 100px;
    font-size: 22pt !important;
    color: #fff !important;
}

.galleryDiv p {
    font: normal normal 500 1em/1.5 sans-serif;
}

.gallery-tabs {
    height: 52px;
    display: inline-block;
}
.gallery-tabs-wrapper {
    height: 52px;
    overflow: hidden;
}
.gallery-tabs-container {
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.gallery-tab {
    float: left;
    display: inline-block;
    height: 36px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    margin: 0 auto;
    margin-top: 9px;
    color: #7f7f7f;
    padding: 0px 15px 0px 15px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.5;
}

.gallery-tab *{
    font-weight: bold;
}

.gallery-tab:last-of-type {
    border-right: 0px;
}
.gallery-tab-name {
    line-height: 20px;
}

.gallery-tab > .tab-pictures {
    font-size: 11px;
    line-height: 19px;
}
.gallery-tab.active-tab::after {
    content: ' ';
    height: 6px;
    width: calc(100% + 30px);
    display: block;
    margin-top: 4px;
    margin-left: -15px;
}
#galleryPage {
    font-size: 13px;
}
#galleryPage .gallery {
    background: #000000;
    width: 100%;
}
#galleryPage .img-container {
    cursor: pointer;
    display: inline-block;
    padding: 1px 1px;
    float: left;
    position: relative;
    /*
    z-index: 1;
    transition: all .4s ease-in-out;
    */
}

/*#galleryPage .img-container:before {
    content:"";
    position: absolute;
    top:1px;
    left:1px;
    z-index:-1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-image: url('/images/placeholder.png');
    background-size: cover;
}*/

.gallery-placeholder-image {
    position: relative;
    top: 30%;
    width: 100%;
    height: 55px;
    background-image: url('/images/gallery_placeholder.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.gallery-placeholder-text {
    position: relative;
    top: 32%;
    width: 100%;
    height: auto;
    padding: 0% 15% 0% 15%;
    text-align: center;
}
.gallery-placeholder-text > p {
    font-style: italic;
    text-align: center;
    word-break: keep-all;
    white-space: pre-line;
}
.galleryThumb {
    width: 100%;
    height: 100%;
    background-size: contain;
}

.galleryZoomedImage,
.galleryZoomedLeftOut, .galleryZoomedRightOut {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 432px;
    max-width: 290px;
    position: absolute;
    /*height: 100%;*/
    width: 100%;
}

.galleryZoomedImage {
    /*left: 15px;*/
}

.galleryZoomedLeftOut, .galleryZoomedRightOut {
    opacity: 0.3;
}

.galleryZoomedLeftOut {
    right: 100%;
    margin-right: -8px;
}

.galleryZoomedRightOut {
    left: 100%;
    margin-left: -8px;
}

.galleryDetailCount {
    background-color: hsla(0,0%,0%,.8);
    height: 24px;
    width: 100%;
    position: fixed;
    bottom: 0;
}

#galleryDetailPage .scrollGalleryDetail .galleryDetailCount p {
    color: hsla(0,0%,100%,.96) !important;
    text-align: center;
    line-height: 24px;
    font-size: 1.3rem;
}

.galleryDetailDivClick {
    width: 50%;
    height: 100%;
    top: 0;
    background: transparent;
    position: fixed;
}

.galleryDetailDivClickRight {
    right: 0;
    float: right;
}

.galleryDetailDivClickLeft {
    left: 0;
    float: left;
}

.active-tab
{
    opacity: 1;
}

.placeholder-gallery-ico  {
    text-align: center;
    font-size: 90px;

}
#gamification.menu {
    position: relative;
    font-size: 11px;
}

#gamification.menu .fa {
    font-size: 14px;
    padding-top:1px;
}

#gamification.menu:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.2);
    z-index: 1;
}

#gamification.menu .table {
    position: relative;
    z-index:2;
    height: 100%;
}

.gamification-score {
    padding-left: 10px;
    width: 100px;
    line-height: 14px;
}

.gamification-points {
    text-align: center;
    line-height: 14px;
}

.gamification-rank {
    text-align: right;
    padding-right: 15px;
    line-height: 14px;
}

.gamification-points,
.gamification-rank,
.opaque-score,
.opaque,
.opaque-rank,
.opaque-inner-rank {
    transform: scale(1.0);
    transition: all 0.25s;
    transition-timing-function: ease-in-out;
}

.opaque-score,
.opaque,
.opaque-rank,
.opaque-inner-rank {
    font-size: 11px;
}

#goodsGroupsPage {
	position: absolute;
	height: 100%;
	width: 100%;
}



#goodsGroupsPage #scrollGoodsGroups
{
	position: absolute;
    z-index: 1;
    top: 48px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}

/**********************/
/** exhibitors Style **/
/**********************/
#goodsGroupsPage .goodsgroups
{
	text-shadow: none;
}

#goodsGroupsPage .exhibitor-thumb{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#goodsGroupsPage .goodsgroups .goodsGroupsEntry{
	padding: 15px 25px 15px 15px;
	position: relative;
	width:100%;
}

#goodsGroupsPage .goodGroupsDivider{
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
    height: 1px;
}

#goodsGroupsPage .goodsgroups .goodsGroupsEntry.touch-started
{
	background:rgba(0,0,0,0.2);
}

#goodsGroupsPage .goodsgroups .goodsGroupsEntry a, #goodsGroupsPage .goodsgroups .goodsGroupsEntry a:active, #goodsGroupsPage .goodsgroups .goodsGroupsEntry a:hover
{
	text-decoration: none;
}

#goodsGroupsPage .goodsgroups .goodsGroupsEntry .exhibitorsName{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
}

#goodsGroupsPage .arrow_right
{
    position: absolute;
    right: 16px;
    width: 5px;
}
.scrollImprint-Detail-lib
{
    padding: 15px;
}

.content-imprint-detail ul,
.content-imprint-detail ol {
    padding: 0 15px 0 15px;
    margin-left: 16px;
}

.scrollImprint-Detail-lib .author-lib,
.scrollImprint-Detail-lib .desc-lib,
.scrollImprint-Detail-lib .lic-lib
{
    font-style: italic;
}

.scrollImprint-Detail-lib .author-lib-title,
.scrollImprint-Detail-lib .link-lib,
.scrollImprint-Detail-lib .desc-lib,
.scrollImprint-Detail-lib .lic-lib
{
    margin-top: 15px;
}

.scrollImprint-Detail-lib .author-lib-title
{
    font-weight: bold;
    font-size: 18px;
}
.linkWrapperImprint {
    max-width:1000px;
    text-align: center;
}

.linkWrapperImprint .linkContainer{
    display: inline-block;
    width: 48%;
    margin: 2px;
}

.linkWrapperImprint .linkContainer a{
    width: 100%;
    right: 0;
    left: 0;
    border-radius: 4px;
    text-decoration: none;
}

.generalContentWrapper{
    max-width:1000px;
    margin:auto;
}

.linkWrapperImp
{
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
}

.linkContent
{
    width: 48%;
    height: 50px;
    margin-top: 10px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 45px;
    font-weight: bold;
    font-size: 20px;
    float: left;
    margin-left: 15px;
    margin-right: -5px;
}

.link-imprint-real
{
    text-decoration: none;
}

.first-link-imp
{
    right: 30px;
}

.imprint-detail-tabs {
    height: 52px;
    display: inline-block;
    position: relative;
    z-index: 10;
}
.imprint-detail-tabs-wrapper {
    height: 52px;
    overflow: hidden;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.imprint-detail-tabs-container {
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.imprint-detail-tab {
    float: left;
    display: inline-block;
    height: 36px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    margin: 0 auto;
    margin-top: 9px;
    padding: 0px 15px 0px 15px;
    vertical-align: middle;
    cursor: pointer;
}

.imprint-detail-tab *{
    font-weight: bold;
    line-height: 36px;
}

.imprint-detail-tab:last-of-type {
    border-right: 0px;
}
.imprint-detail-tab-name {
    line-height: 20px;
}

#imprint-detailPage .tab-title {
    font-size: 13px;
}

.imprint-detail-tab.active-tab::after {
    content: ' ';
    height: 4px;
    width: calc(100% + 30px);
    display: block;
    margin-top: 3px;
    margin-left: -15px;
}

.scrollImprint {
    position: relative;
    margin-top: -5px;
}

.imprint-detail-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.imprint-detail {
    height: 100%;
}
.imprint-detail-category-scroll {
    display: block;
    float:left;
    height: 100%;
    overflow-x: hidden;


}

.link-fix
{
    position: absolute;
    width: 40px;
    height: 30px;
    top: 8px;
    left: 5px;
    z-index: 10;
    cursor: pointer;
}

.imprint-detail-category {
    overflow-y: scroll;
}

.imprint-detail-placeholder-image {
    position: relative;
    top: 30%;
    width: 100%;
    height: 55px;
    background-image: url('/images/sponsor_placeholder.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.imprint-detail-placeholder-text {
    position: relative;
    top: 32%;
    width: 100%;
    height: auto;
    padding: 0% 15% 0% 15%;
    text-align: center;
    color: #b3b3b3;
}

.imprint-detail-placeholder-text > p {
    font-style: italic;
    text-align: center;
    color: #b3b3b3;
    word-break: keep-all;
    white-space: pre-line;
}


.scrollImprint:hover > .swipeBtn-left, .scrollImprint:hover > .swipeBtn-right {
    opacity: 0.6;
}

#imprint-detailPage .info-text-lib
{
    padding: 10px;
    text-align: center;
    height:40px;
}


#imprint-detailPage .lib-container {
    height: 100px;
    font-size: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.imprint-template {
    padding: 15px;
}

.imprint-template .imprint-template-header,
.imprint-template .imprint-template-body {
    padding: 10px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.imprint-template .mea-logo {
    background: url('../images/MEA_shortLogo_blau@2x.png') no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.imprint-template-body p {
    padding-bottom: 10px;
}

.imprint-template-body .linkColor {
    text-decoration: none;
}
.emoji-grinning:before {
    content: "\1F600";
}
.emoji-grin:before {
    content: "\1F601";
}
.emoji-grimacing:before {
    content: "\1F62C";
}
.emoji-joy:before {
    content: "\1F602";
}
.emoji-smiley:before {
    content: "\1F603";
}
.emoji-smile:before {
    content: "\1F604";
}
.emoji-sweat_smile:before {
    content: "\1F605";
}
.emoji-laughing:before {
    content: "\1F606";
}
.emoji-innocent:before {
    content: "\1F607";
}
.emoji-wink:before {
    content: "\1F609";
}
.emoji-blush:before {
    content: "\1F60A";
}
.emoji-slightly_smiling_face:before {
    content: "\1F642";
}
.emoji-upside_down_face:before {
    content: "\1F643";
}
.emoji-relaxed:before {
    content: "\263A";
}
.emoji-yum:before {
    content: "\1F60B";
}
.emoji-relieved:before {
    content: "\1F60C";
}
.emoji-heart_eyes:before {
    content: "\1F60D";
}
.emoji-kissing_heart:before {
    content: "\1F618";
}
.emoji-kissing:before {
    content: "\1F617";
}
.emoji-kissing_smiling_eyes:before {
    content: "\1F619";
}
.emoji-kissing_closed_eyes:before {
    content: "\1F61A";
}
.emoji-stuck_out_tongue_winking_eye:before {
    content: "\1F61C";
}
.emoji-stuck_out_tongue_closed_eyes:before {
    content: "\1F61D";
}
.emoji-stuck_out_tongue:before {
    content: "\1F61B";
}
.emoji-money_mouth_face:before {
    content: "\1F911";
}
.emoji-nerd_face:before {
    content: "\1F913";
}
.emoji-sunglasses:before {
    content: "\1F60E";
}
.emoji-hugging_face:before {
    content: "\1F917";
}
.emoji-smirk:before {
    content: "\1F60F";
}
.emoji-no_mouth:before {
    content: "\1F636";
}
.emoji-neutral_face:before {
    content: "\1F610";
}
.emoji-expressionless:before {
    content: "\1F611";
}
.emoji-unamused:before {
    content: "\1F612";
}
.emoji-face_with_rolling_eyes:before {
    content: "\1F644";
}
.emoji-thinking_face:before {
    content: "\1F914";
}
.emoji-flushed:before {
    content: "\1F633";
}
.emoji-disappointed:before {
    content: "\1F61E";
}
.emoji-worried:before {
    content: "\1F61F";
}
.emoji-angry:before {
    content: "\1F620";
}
.emoji-rage:before {
    content: "\1F621";
}
.emoji-pensive:before {
    content: "\1F614";
}
.emoji-confused:before {
    content: "\1F615";
}
.emoji-slightly_frowning_face:before {
    content: "\1F641";
}
.emoji-white_frowning_face:before {
    content: "\2639";
}
.emoji-persevere:before {
    content: "\1F623";
}
.emoji-confounded:before {
    content: "\1F616";
}
.emoji-tired_face:before {
    content: "\1F62B";
}
.emoji-weary:before {
    content: "\1F629";
}
.emoji-triumph:before {
    content: "\1F624";
}
.emoji-open_mouth:before {
    content: "\1F62E";
}
.emoji-scream:before {
    content: "\1F631";
}
.emoji-fearful:before {
    content: "\1F628";
}
.emoji-cold_sweat:before {
    content: "\1F630";
}
.emoji-hushed:before {
    content: "\1F62F";
}
.emoji-frowning:before {
    content: "\1F626";
}
.emoji-anguished:before {
    content: "\1F627";
}
.emoji-cry:before {
    content: "\1F622";
}
.emoji-disappointed_relieved:before {
    content: "\1F625";
}
.emoji-sleepy:before {
    content: "\1F62A";
}
.emoji-sweat:before {
    content: "\1F613";
}
.emoji-sob:before {
    content: "\1F62D";
}
.emoji-dizzy_face:before {
    content: "\1F635";
}
.emoji-astonished:before {
    content: "\1F632";
}
.emoji-zipper_mouth_face:before {
    content: "\1F910";
}
.emoji-mask:before {
    content: "\1F637";
}
.emoji-face_with_thermometer:before {
    content: "\1F912";
}
.emoji-face_with_head_bandage:before {
    content: "\1F915";
}
.emoji-sleeping:before {
    content: "\1F634";
}
.emoji-zzz:before {
    content: "\1F4A4";
}
.emoji-hankey:before {
    content: "\1F4A9";
}
.emoji-smiling_imp:before {
    content: "\1F608";
}
.emoji-imp:before {
    content: "\1F47F";
}
.emoji-japanese_ogre:before {
    content: "\1F479";
}
.emoji-japanese_goblin:before {
    content: "\1F47A";
}
.emoji-skull:before {
    content: "\1F480";
}
.emoji-ghost:before {
    content: "\1F47B";
}
.emoji-alien:before {
    content: "\1F47D";
}
.emoji-robot_face:before {
    content: "\1F916";
}
.emoji-smiley_cat:before {
    content: "\1F63A";
}
.emoji-smile_cat:before {
    content: "\1F638";
}
.emoji-joy_cat:before {
    content: "\1F639";
}
.emoji-heart_eyes_cat:before {
    content: "\1F63B";
}
.emoji-smirk_cat:before {
    content: "\1F63C";
}
.emoji-kissing_cat:before {
    content: "\1F63D";
}
.emoji-scream_cat:before {
    content: "\1F640";
}
.emoji-crying_cat_face:before {
    content: "\1F63F";
}
.emoji-pouting_cat:before {
    content: "\1F63E";
}
.emoji-raised_hands:before {
    content: "\1F64C";
}
.emoji-clap:before {
    content: "\1F44F";
}
.emoji-wave:before {
    content: "\1F44B";
}
.emoji-plus1:before {
    content: "\1F44D";
}
.emoji--1:before {
    content: "\1F44E";
}
.emoji-facepunch:before {
    content: "\1F44A";
}
.emoji-fist:before {
    content: "\270A";
}
.emoji-v:before {
    content: "\270C";
}
.emoji-ok_hand:before {
    content: "\1F44C";
}
.emoji-hand:before {
    content: "\270B";
}
.emoji-open_hands:before {
    content: "\1F450";
}
.emoji-muscle:before {
    content: "\1F4AA";
}
.emoji-pray:before {
    content: "\1F64F";
}
.emoji-point_up:before {
    content: "\261D";
}
.emoji-point_up_2:before {
    content: "\1F446";
}
.emoji-point_down:before {
    content: "\1F447";
}
.emoji-point_left:before {
    content: "\1F448";
}
.emoji-point_right:before {
    content: "\1F449";
}
.emoji-middle_finger:before {
    content: "\1F595";
}
.emoji-raised_hand_with_fingers_splayed:before {
    content: "\1F590";
}
.emoji-the_horns:before {
    content: "\1F918";
}
.emoji-spock-hand:before {
    content: "\1F596";
}
.emoji-writing_hand:before {
    content: "\270D";
}
.emoji-nail_care:before {
    content: "\1F485";
}
.emoji-lips:before {
    content: "\1F444";
}
.emoji-tongue:before {
    content: "\1F445";
}
.emoji-ear:before {
    content: "\1F442";
}
.emoji-nose:before {
    content: "\1F443";
}
.emoji-eye:before {
    content: "\1F441";
}
.emoji-eyes:before {
    content: "\1F440";
}
.emoji-bust_in_silhouette:before {
    content: "\1F464";
}
.emoji-busts_in_silhouette:before {
    content: "\1F465";
}
.emoji-speaking_head_in_silhouette:before {
    content: "\1F5E3";
}
.emoji-baby:before {
    content: "\1F476";
}
.emoji-boy:before {
    content: "\1F466";
}
.emoji-girl:before {
    content: "\1F467";
}
.emoji-man:before {
    content: "\1F468";
}
.emoji-woman:before {
    content: "\1F469";
}
.emoji-person_with_blond_hair:before {
    content: "\1F471";
}
.emoji-older_man:before {
    content: "\1F474";
}
.emoji-older_woman:before {
    content: "\1F475";
}
.emoji-man_with_gua_pi_mao:before {
    content: "\1F472";
}
.emoji-man_with_turban:before {
    content: "\1F473";
}
.emoji-cop:before {
    content: "\1F46E";
}
.emoji-construction_worker:before {
    content: "\1F477";
}
.emoji-guardsman:before {
    content: "\1F482";
}
.emoji-sleuth_or_spy:before {
    content: "\1F575";
}
.emoji-santa:before {
    content: "\1F385";
}
.emoji-angel:before {
    content: "\1F47C";
}
.emoji-princess:before {
    content: "\1F478";
}
.emoji-bride_with_veil:before {
    content: "\1F470";
}
.emoji-walking:before {
    content: "\1F6B6";
}
.emoji-runner:before {
    content: "\1F3C3";
}
.emoji-dancer:before {
    content: "\1F483";
}
.emoji-dancers:before {
    content: "\1F46F";
}
.emoji-couple:before {
    content: "\1F46B";
}
.emoji-two_men_holding_hands:before {
    content: "\1F46C";
}
.emoji-two_women_holding_hands:before {
    content: "\1F46D";
}
.emoji-bow:before {
    content: "\1F647";
}
.emoji-information_desk_person:before {
    content: "\1F481";
}
.emoji-no_good:before {
    content: "\1F645";
}
.emoji-ok_woman:before {
    content: "\1F646";
}
.emoji-raising_hand:before {
    content: "\1F64B";
}
.emoji-person_with_pouting_face:before {
    content: "\1F64E";
}
.emoji-person_frowning:before {
    content: "\1F64D";
}
.emoji-haircut:before {
    content: "\1F487";
}
.emoji-massage:before {
    content: "\1F486";
}
.emoji-couple_with_heart:before {
    content: "\1F491";
}
.emoji-couplekiss:before {
    content: "\1F48F";
}
.emoji-family:before {
    content: "\1F46A";
}
.emoji-womans_clothes:before {
    content: "\1F45A";
}
.emoji-shirt:before {
    content: "\1F455";
}
.emoji-jeans:before {
    content: "\1F456";
}
.emoji-necktie:before {
    content: "\1F454";
}
.emoji-dress:before {
    content: "\1F457";
}
.emoji-bikini:before {
    content: "\1F459";
}
.emoji-kimono:before {
    content: "\1F458";
}
.emoji-lipstick:before {
    content: "\1F484";
}
.emoji-kiss:before {
    content: "\1F48B";
}
.emoji-footprints:before {
    content: "\1F463";
}
.emoji-high_heel:before {
    content: "\1F460";
}
.emoji-sandal:before {
    content: "\1F461";
}
.emoji-boot:before {
    content: "\1F462";
}
.emoji-mans_shoe:before {
    content: "\1F45E";
}
.emoji-athletic_shoe:before {
    content: "\1F45F";
}
.emoji-womans_hat:before {
    content: "\1F452";
}
.emoji-tophat:before {
    content: "\1F3A9";
}
.emoji-helmet_with_white_cross:before {
    content: "\26D1";
}
.emoji-mortar_board:before {
    content: "\1F393";
}
.emoji-crown:before {
    content: "\1F451";
}
.emoji-school_satchel:before {
    content: "\1F392";
}
.emoji-pouch:before {
    content: "\1F45D";
}
.emoji-purse:before {
    content: "\1F45B";
}
.emoji-handbag:before {
    content: "\1F45C";
}
.emoji-briefcase:before {
    content: "\1F4BC";
}
.emoji-eyeglasses:before {
    content: "\1F453";
}
.emoji-dark_sunglasses:before {
    content: "\1F576";
}
.emoji-ring:before {
    content: "\1F48D";
}
.emoji-closed_umbrella:before {
    content: "\1F302";
}
.emoji-dog:before {
    content: "\1F436";
}
.emoji-cat:before {
    content: "\1F431";
}
.emoji-mouse:before {
    content: "\1F42D";
}
.emoji-hamster:before {
    content: "\1F439";
}
.emoji-rabbit:before {
    content: "\1F430";
}
.emoji-bear:before {
    content: "\1F43B";
}
.emoji-panda_face:before {
    content: "\1F43C";
}
.emoji-koala:before {
    content: "\1F428";
}
.emoji-tiger:before {
    content: "\1F42F";
}
.emoji-lion:before {
    content: "\1F981";
}
.emoji-cow:before {
    content: "\1F42E";
}
.emoji-pig:before {
    content: "\1F437";
}
.emoji-pig_nose:before {
    content: "\1F43D";
}
.emoji-frog:before {
    content: "\1F438";
}
.emoji-octopus:before {
    content: "\1F419";
}
.emoji-monkey_face:before {
    content: "\1F435";
}
.emoji-see_no_evil:before {
    content: "\1F648";
}
.emoji-hear_no_evil:before {
    content: "\1F649";
}
.emoji-speak_no_evil:before {
    content: "\1F64A";
}
.emoji-monkey:before {
    content: "\1F412";
}
.emoji-chicken:before {
    content: "\1F414";
}
.emoji-penguin:before {
    content: "\1F427";
}
.emoji-bird:before {
    content: "\1F426";
}
.emoji-baby_chick:before {
    content: "\1F424";
}
.emoji-hatching_chick:before {
    content: "\1F423";
}
.emoji-hatched_chick:before {
    content: "\1F425";
}
.emoji-wolf:before {
    content: "\1F43A";
}
.emoji-boar:before {
    content: "\1F417";
}
.emoji-horse:before {
    content: "\1F434";
}
.emoji-unicorn:before {
    content: "\1F984";
}
.emoji-bee:before {
    content: "\1F41D";
}
.emoji-bug:before {
    content: "\1F41B";
}
.emoji-snail:before {
    content: "\1F40C";
}
.emoji-beetle:before {
    content: "\1F41E";
}
.emoji-ant:before {
    content: "\1F41C";
}
.emoji-spider:before {
    content: "\1F577";
}
.emoji-scorpion:before {
    content: "\1F982";
}
.emoji-crab:before {
    content: "\1F980";
}
.emoji-snake:before {
    content: "\1F40D";
}
.emoji-turtle:before {
    content: "\1F422";
}
.emoji-tropical_fish:before {
    content: "\1F420";
}
.emoji-fish:before {
    content: "\1F41F";
}
.emoji-blowfish:before {
    content: "\1F421";
}
.emoji-dolphin:before {
    content: "\1F42C";
}
.emoji-whale:before {
    content: "\1F433";
}
.emoji-whale2:before {
    content: "\1F40B";
}
.emoji-crocodile:before {
    content: "\1F40A";
}
.emoji-leopard:before {
    content: "\1F406";
}
.emoji-tiger2:before {
    content: "\1F405";
}
.emoji-water_buffalo:before {
    content: "\1F403";
}
.emoji-ox:before {
    content: "\1F402";
}
.emoji-cow2:before {
    content: "\1F404";
}
.emoji-dromedary_camel:before {
    content: "\1F42A";
}
.emoji-camel:before {
    content: "\1F42B";
}
.emoji-elephant:before {
    content: "\1F418";
}
.emoji-goat:before {
    content: "\1F410";
}
.emoji-ram:before {
    content: "\1F40F";
}
.emoji-sheep:before {
    content: "\1F411";
}
.emoji-racehorse:before {
    content: "\1F40E";
}
.emoji-pig2:before {
    content: "\1F416";
}
.emoji-rat:before {
    content: "\1F400";
}
.emoji-mouse2:before {
    content: "\1F401";
}
.emoji-rooster:before {
    content: "\1F413";
}
.emoji-turkey:before {
    content: "\1F983";
}
.emoji-dove_of_peace:before {
    content: "\1F54A";
}
.emoji-dog2:before {
    content: "\1F415";
}
.emoji-poodle:before {
    content: "\1F429";
}
.emoji-cat2:before {
    content: "\1F408";
}
.emoji-rabbit2:before {
    content: "\1F407";
}
.emoji-chipmunk:before {
    content: "\1F43F";
}
.emoji-feet:before {
    content: "\1F43E";
}
.emoji-dragon:before {
    content: "\1F409";
}
.emoji-dragon_face:before {
    content: "\1F432";
}
.emoji-cactus:before {
    content: "\1F335";
}
.emoji-christmas_tree:before {
    content: "\1F384";
}
.emoji-evergreen_tree:before {
    content: "\1F332";
}
.emoji-deciduous_tree:before {
    content: "\1F333";
}
.emoji-palm_tree:before {
    content: "\1F334";
}
.emoji-seedling:before {
    content: "\1F331";
}
.emoji-herb:before {
    content: "\1F33F";
}
.emoji-shamrock:before {
    content: "\2618";
}
.emoji-four_leaf_clover:before {
    content: "\1F340";
}
.emoji-bamboo:before {
    content: "\1F38D";
}
.emoji-tanabata_tree:before {
    content: "\1F38B";
}
.emoji-leaves:before {
    content: "\1F343";
}
.emoji-fallen_leaf:before {
    content: "\1F342";
}
.emoji-maple_leaf:before {
    content: "\1F341";
}
.emoji-ear_of_rice:before {
    content: "\1F33E";
}
.emoji-hibiscus:before {
    content: "\1F33A";
}
.emoji-sunflower:before {
    content: "\1F33B";
}
.emoji-rose:before {
    content: "\1F339";
}
.emoji-tulip:before {
    content: "\1F337";
}
.emoji-blossom:before {
    content: "\1F33C";
}
.emoji-cherry_blossom:before {
    content: "\1F338";
}
.emoji-bouquet:before {
    content: "\1F490";
}
.emoji-mushroom:before {
    content: "\1F344";
}
.emoji-chestnut:before {
    content: "\1F330";
}
.emoji-jack_o_lantern:before {
    content: "\1F383";
}
.emoji-shell:before {
    content: "\1F41A";
}
.emoji-spider_web:before {
    content: "\1F578";
}
.emoji-earth_americas:before {
    content: "\1F30E";
}
.emoji-earth_africa:before {
    content: "\1F30D";
}
.emoji-earth_asia:before {
    content: "\1F30F";
}
.emoji-full_moon:before {
    content: "\1F315";
}
.emoji-waning_gibbous_moon:before {
    content: "\1F316";
}
.emoji-last_quarter_moon:before {
    content: "\1F317";
}
.emoji-waning_crescent_moon:before {
    content: "\1F318";
}
.emoji-new_moon:before {
    content: "\1F311";
}
.emoji-waxing_crescent_moon:before {
    content: "\1F312";
}
.emoji-first_quarter_moon:before {
    content: "\1F313";
}
.emoji-moon:before {
    content: "\1F314";
}
.emoji-new_moon_with_face:before {
    content: "\1F31A";
}
.emoji-first_quarter_moon_with_face:before {
    content: "\1F31B";
}
.emoji-last_quarter_moon_with_face:before {
    content: "\1F31C";
}
.emoji-full_moon_with_face:before {
    content: "\1F31D";
}
.emoji-crescent_moon:before {
    content: "\1F319";
}
.emoji-sun_with_face:before {
    content: "\1F31E";
}
.emoji-star:before {
    content: "\2B50";
}
.emoji-star2:before {
    content: "\1F31F";
}
.emoji-dizzy:before {
    content: "\1F4AB";
}
.emoji-sparkles:before {
    content: "\2728";
}
.emoji-comet:before {
    content: "\2604";
}
.emoji-sunny:before {
    content: "\2600";
}
.emoji-mostly_sunny:before {
    content: "\1F324";
}
.emoji-partly_sunny:before {
    content: "\26C5";
}
.emoji-barely_sunny:before {
    content: "\1F325";
}
.emoji-partly_sunny_rain:before {
    content: "\1F326";
}
.emoji-cloud:before {
    content: "\2601";
}
.emoji-rain_cloud:before {
    content: "\1F327";
}
.emoji-thunder_cloud_and_rain:before {
    content: "\26C8";
}
.emoji-lightning:before {
    content: "\1F329";
}
.emoji-zap:before {
    content: "\26A1";
}
.emoji-fire:before {
    content: "\1F525";
}
.emoji-boom:before {
    content: "\1F4A5";
}
.emoji-snowflake:before {
    content: "\2744";
}
.emoji-snow_cloud:before {
    content: "\1F328";
}
.emoji-snowman:before {
    content: "\26C4";
}
.emoji-wind_blowing_face:before {
    content: "\1F32C";
}
.emoji-dash:before {
    content: "\1F4A8";
}
.emoji-tornado:before {
    content: "\1F32A";
}
.emoji-fog:before {
    content: "\1F32B";
}
.emoji-umbrella:before {
    content: "\2614";
}
.emoji-droplet:before {
    content: "\1F4A7";
}
.emoji-sweat_drops:before {
    content: "\1F4A6";
}
.emoji-ocean:before {
    content: "\1F30A";
}
.emoji-green_apple:before {
    content: "\1F34F";
}
.emoji-apple:before {
    content: "\1F34E";
}
.emoji-pear:before {
    content: "\1F350";
}
.emoji-tangerine:before {
    content: "\1F34A";
}
.emoji-lemon:before {
    content: "\1F34B";
}
.emoji-banana:before {
    content: "\1F34C";
}
.emoji-watermelon:before {
    content: "\1F349";
}
.emoji-grapes:before {
    content: "\1F347";
}
.emoji-strawberry:before {
    content: "\1F353";
}
.emoji-melon:before {
    content: "\1F348";
}
.emoji-cherries:before {
    content: "\1F352";
}
.emoji-peach:before {
    content: "\1F351";
}
.emoji-pineapple:before {
    content: "\1F34D";
}
.emoji-tomato:before {
    content: "\1F345";
}
.emoji-eggplant:before {
    content: "\1F346";
}
.emoji-hot_pepper:before {
    content: "\1F336";
}
.emoji-corn:before {
    content: "\1F33D";
}
.emoji-sweet_potato:before {
    content: "\1F360";
}
.emoji-honey_pot:before {
    content: "\1F36F";
}
.emoji-bread:before {
    content: "\1F35E";
}
.emoji-cheese_wedge:before {
    content: "\1F9C0";
}
.emoji-poultry_leg:before {
    content: "\1F357";
}
.emoji-meat_on_bone:before {
    content: "\1F356";
}
.emoji-fried_shrimp:before {
    content: "\1F364";
}
.emoji-egg:before {
    content: "\1F373";
}
.emoji-hamburger:before {
    content: "\1F354";
}
.emoji-fries:before {
    content: "\1F35F";
}
.emoji-hotdog:before {
    content: "\1F32D";
}
.emoji-pizza:before {
    content: "\1F355";
}
.emoji-spaghetti:before {
    content: "\1F35D";
}
.emoji-taco:before {
    content: "\1F32E";
}
.emoji-burrito:before {
    content: "\1F32F";
}
.emoji-ramen:before {
    content: "\1F35C";
}
.emoji-stew:before {
    content: "\1F372";
}
.emoji-fish_cake:before {
    content: "\1F365";
}
.emoji-sushi:before {
    content: "\1F363";
}
.emoji-bento:before {
    content: "\1F371";
}
.emoji-curry:before {
    content: "\1F35B";
}
.emoji-rice_ball:before {
    content: "\1F359";
}
.emoji-rice:before {
    content: "\1F35A";
}
.emoji-rice_cracker:before {
    content: "\1F358";
}
.emoji-oden:before {
    content: "\1F362";
}
.emoji-dango:before {
    content: "\1F361";
}
.emoji-shaved_ice:before {
    content: "\1F367";
}
.emoji-ice_cream:before {
    content: "\1F368";
}
.emoji-icecream:before {
    content: "\1F366";
}
.emoji-cake:before {
    content: "\1F370";
}
.emoji-birthday:before {
    content: "\1F382";
}
.emoji-custard:before {
    content: "\1F36E";
}
.emoji-candy:before {
    content: "\1F36C";
}
.emoji-lollipop:before {
    content: "\1F36D";
}
.emoji-chocolate_bar:before {
    content: "\1F36B";
}
.emoji-popcorn:before {
    content: "\1F37F";
}
.emoji-cookie:before {
    content: "\1F36A";
}
.emoji-doughnut:before {
    content: "\1F369";
}
.emoji-beer:before {
    content: "\1F37A";
}
.emoji-beers:before {
    content: "\1F37B";
}
.emoji-wine_glass:before {
    content: "\1F377";
}
.emoji-cocktail:before {
    content: "\1F378";
}
.emoji-tropical_drink:before {
    content: "\1F379";
}
.emoji-champagne:before {
    content: "\1F37E";
}
.emoji-sake:before {
    content: "\1F376";
}
.emoji-tea:before {
    content: "\1F375";
}
.emoji-coffee:before {
    content: "\2615";
}
.emoji-baby_bottle:before {
    content: "\1F37C";
}
.emoji-fork_and_knife:before {
    content: "\1F374";
}
.emoji-knife_fork_plate:before {
    content: "\1F37D";
}
.emoji-soccer:before {
    content: "\26BD";
}
.emoji-basketball:before {
    content: "\1F3C0";
}
.emoji-football:before {
    content: "\1F3C8";
}
.emoji-baseball:before {
    content: "\26BE";
}
.emoji-tennis:before {
    content: "\1F3BE";
}
.emoji-volleyball:before {
    content: "\1F3D0";
}
.emoji-rugby_football:before {
    content: "\1F3C9";
}
.emoji-8ball:before {
    content: "\1F3B1";
}
.emoji-golf:before {
    content: "\26F3";
}
.emoji-golfer:before {
    content: "\1F3CC";
}
.emoji-table_tennis_paddle_and_ball:before {
    content: "\1F3D3";
}
.emoji-badminton_racquet_and_shuttlecock:before {
    content: "\1F3F8";
}
.emoji-ice_hockey_stick_and_puck:before {
    content: "\1F3D2";
}
.emoji-field_hockey_stick_and_ball:before {
    content: "\1F3D1";
}
.emoji-cricket_bat_and_ball:before {
    content: "\1F3CF";
}
.emoji-ski:before {
    content: "\1F3BF";
}
.emoji-skier:before {
    content: "\26F7";
}
.emoji-snowboarder:before {
    content: "\1F3C2";
}
.emoji-ice_skate:before {
    content: "\26F8";
}
.emoji-bow_and_arrow:before {
    content: "\1F3F9";
}
.emoji-fishing_pole_and_fish:before {
    content: "\1F3A3";
}
.emoji-rowboat:before {
    content: "\1F6A3";
}
.emoji-swimmer:before {
    content: "\1F3CA";
}
.emoji-surfer:before {
    content: "\1F3C4";
}
.emoji-bath:before {
    content: "\1F6C0";
}
.emoji-person_with_ball:before {
    content: "\26F9";
}
.emoji-weight_lifter:before {
    content: "\1F3CB";
}
.emoji-bicyclist:before {
    content: "\1F6B4";
}
.emoji-mountain_bicyclist:before {
    content: "\1F6B5";
}
.emoji-horse_racing:before {
    content: "\1F3C7";
}
.emoji-man_in_business_suit_levitating:before {
    content: "\1F574";
}
.emoji-trophy:before {
    content: "\1F3C6";
}
.emoji-running_shirt_with_sash:before {
    content: "\1F3BD";
}
.emoji-sports_medal:before {
    content: "\1F3C5";
}
.emoji-medal:before {
    content: "\1F396";
}
.emoji-reminder_ribbon:before {
    content: "\1F397";
}
.emoji-rosette:before {
    content: "\1F3F5";
}
.emoji-ticket:before {
    content: "\1F3AB";
}
.emoji-admission_tickets:before {
    content: "\1F39F";
}
.emoji-performing_arts:before {
    content: "\1F3AD";
}
.emoji-art:before {
    content: "\1F3A8";
}
.emoji-circus_tent:before {
    content: "\1F3AA";
}
.emoji-microphone:before {
    content: "\1F3A4";
}
.emoji-headphones:before {
    content: "\1F3A7";
}
.emoji-musical_score:before {
    content: "\1F3BC";
}
.emoji-musical_keyboard:before {
    content: "\1F3B9";
}
.emoji-saxophone:before {
    content: "\1F3B7";
}
.emoji-trumpet:before {
    content: "\1F3BA";
}
.emoji-guitar:before {
    content: "\1F3B8";
}
.emoji-violin:before {
    content: "\1F3BB";
}
.emoji-clapper:before {
    content: "\1F3AC";
}
.emoji-video_game:before {
    content: "\1F3AE";
}
.emoji-space_invader:before {
    content: "\1F47E";
}
.emoji-dart:before {
    content: "\1F3AF";
}
.emoji-game_die:before {
    content: "\1F3B2";
}
.emoji-slot_machine:before {
    content: "\1F3B0";
}
.emoji-bowling:before {
    content: "\1F3B3";
}
.emoji-car:before {
    content: "\1F697";
}
.emoji-taxi:before {
    content: "\1F695";
}
.emoji-blue_car:before {
    content: "\1F699";
}
.emoji-bus:before {
    content: "\1F68C";
}
.emoji-trolleybus:before {
    content: "\1F68E";
}
.emoji-racing_car:before {
    content: "\1F3CE";
}
.emoji-police_car:before {
    content: "\1F693";
}
.emoji-ambulance:before {
    content: "\1F691";
}
.emoji-fire_engine:before {
    content: "\1F692";
}
.emoji-minibus:before {
    content: "\1F690";
}
.emoji-truck:before {
    content: "\1F69A";
}
.emoji-articulated_lorry:before {
    content: "\1F69B";
}
.emoji-tractor:before {
    content: "\1F69C";
}
.emoji-racing_motorcycle:before {
    content: "\1F3CD";
}
.emoji-bike:before {
    content: "\1F6B2";
}
.emoji-rotating_light:before {
    content: "\1F6A8";
}
.emoji-oncoming_police_car:before {
    content: "\1F694";
}
.emoji-oncoming_bus:before {
    content: "\1F68D";
}
.emoji-oncoming_automobile:before {
    content: "\1F698";
}
.emoji-oncoming_taxi:before {
    content: "\1F696";
}
.emoji-aerial_tramway:before {
    content: "\1F6A1";
}
.emoji-mountain_cableway:before {
    content: "\1F6A0";
}
.emoji-suspension_railway:before {
    content: "\1F69F";
}
.emoji-railway_car:before {
    content: "\1F683";
}
.emoji-train:before {
    content: "\1F68B";
}
.emoji-monorail:before {
    content: "\1F69D";
}
.emoji-bullettrain_side:before {
    content: "\1F684";
}
.emoji-bullettrain_front:before {
    content: "\1F685";
}
.emoji-light_rail:before {
    content: "\1F688";
}
.emoji-mountain_railway:before {
    content: "\1F69E";
}
.emoji-steam_locomotive:before {
    content: "\1F682";
}
.emoji-train2:before {
    content: "\1F686";
}
.emoji-metro:before {
    content: "\1F687";
}
.emoji-tram:before {
    content: "\1F68A";
}
.emoji-station:before {
    content: "\1F689";
}
.emoji-helicopter:before {
    content: "\1F681";
}
.emoji-small_airplane:before {
    content: "\1F6E9";
}
.emoji-airplane:before {
    content: "\2708";
}
.emoji-airplane_departure:before {
    content: "\1F6EB";
}
.emoji-airplane_arriving:before {
    content: "\1F6EC";
}
.emoji-boat:before {
    content: "\26F5";
}
.emoji-motor_boat:before {
    content: "\1F6E5";
}
.emoji-speedboat:before {
    content: "\1F6A4";
}
.emoji-ferry:before {
    content: "\26F4";
}
.emoji-passenger_ship:before {
    content: "\1F6F3";
}
.emoji-rocket:before {
    content: "\1F680";
}
.emoji-satellite:before {
    content: "\1F4E1";
}
.emoji-seat:before {
    content: "\1F4BA";
}
.emoji-anchor:before {
    content: "\2693";
}
.emoji-construction:before {
    content: "\1F6A7";
}
.emoji-fuelpump:before {
    content: "\26FD";
}
.emoji-busstop:before {
    content: "\1F68F";
}
.emoji-vertical_traffic_light:before {
    content: "\1F6A6";
}
.emoji-traffic_light:before {
    content: "\1F6A5";
}
.emoji-checkered_flag:before {
    content: "\1F3C1";
}
.emoji-ship:before {
    content: "\1F6A2";
}
.emoji-ferris_wheel:before {
    content: "\1F3A1";
}
.emoji-roller_coaster:before {
    content: "\1F3A2";
}
.emoji-carousel_horse:before {
    content: "\1F3A0";
}
.emoji-building_construction:before {
    content: "\1F3D7";
}
.emoji-foggy:before {
    content: "\1F301";
}
.emoji-tokyo_tower:before {
    content: "\1F5FC";
}
.emoji-factory:before {
    content: "\1F3ED";
}
.emoji-fountain:before {
    content: "\26F2";
}
.emoji-rice_scene:before {
    content: "\1F391";
}
.emoji-mountain:before {
    content: "\26F0";
}
.emoji-snow_capped_mountain:before {
    content: "\1F3D4";
}
.emoji-mount_fuji:before {
    content: "\1F5FB";
}
.emoji-volcano:before {
    content: "\1F30B";
}
.emoji-japan:before {
    content: "\1F5FE";
}
.emoji-camping:before {
    content: "\1F3D5";
}
.emoji-tent:before {
    content: "\26FA";
}
.emoji-national_park:before {
    content: "\1F3DE";
}
.emoji-motorway:before {
    content: "\1F6E3";
}
.emoji-railway_track:before {
    content: "\1F6E4";
}
.emoji-sunrise:before {
    content: "\1F305";
}
.emoji-sunrise_over_mountains:before {
    content: "\1F304";
}
.emoji-desert:before {
    content: "\1F3DC";
}
.emoji-beach_with_umbrella:before {
    content: "\1F3D6";
}
.emoji-desert_island:before {
    content: "\1F3DD";
}
.emoji-city_sunrise:before {
    content: "\1F307";
}
.emoji-city_sunset:before {
    content: "\1F306";
}
.emoji-cityscape:before {
    content: "\1F3D9";
}
.emoji-night_with_stars:before {
    content: "\1F303";
}
.emoji-bridge_at_night:before {
    content: "\1F309";
}
.emoji-milky_way:before {
    content: "\1F30C";
}
.emoji-stars:before {
    content: "\1F320";
}
.emoji-sparkler:before {
    content: "\1F387";
}
.emoji-fireworks:before {
    content: "\1F386";
}
.emoji-rainbow:before {
    content: "\1F308";
}
.emoji-house_buildings:before {
    content: "\1F3D8";
}
.emoji-european_castle:before {
    content: "\1F3F0";
}
.emoji-japanese_castle:before {
    content: "\1F3EF";
}
.emoji-stadium:before {
    content: "\1F3DF";
}
.emoji-statue_of_liberty:before {
    content: "\1F5FD";
}
.emoji-house:before {
    content: "\1F3E0";
}
.emoji-house_with_garden:before {
    content: "\1F3E1";
}
.emoji-derelict_house_building:before {
    content: "\1F3DA";
}
.emoji-office:before {
    content: "\1F3E2";
}
.emoji-department_store:before {
    content: "\1F3EC";
}
.emoji-post_office:before {
    content: "\1F3E3";
}
.emoji-european_post_office:before {
    content: "\1F3E4";
}
.emoji-hospital:before {
    content: "\1F3E5";
}
.emoji-bank:before {
    content: "\1F3E6";
}
.emoji-hotel:before {
    content: "\1F3E8";
}
.emoji-convenience_store:before {
    content: "\1F3EA";
}
.emoji-school:before {
    content: "\1F3EB";
}
.emoji-love_hotel:before {
    content: "\1F3E9";
}
.emoji-wedding:before {
    content: "\1F492";
}
.emoji-classical_building:before {
    content: "\1F3DB";
}
.emoji-church:before {
    content: "\26EA";
}
.emoji-mosque:before {
    content: "\1F54C";
}
.emoji-synagogue:before {
    content: "\1F54D";
}
.emoji-kaaba:before {
    content: "\1F54B";
}
.emoji-shinto_shrine:before {
    content: "\26E9";
}
.emoji-watch:before {
    content: "\231A";
}
.emoji-iphone:before {
    content: "\1F4F1";
}
.emoji-calling:before {
    content: "\1F4F2";
}
.emoji-computer:before {
    content: "\1F4BB";
}
.emoji-keyboard:before {
    content: "\2328";
}
.emoji-desktop_computer:before {
    content: "\1F5A5";
}
.emoji-printer:before {
    content: "\1F5A8";
}
.emoji-three_button_mouse:before {
    content: "\1F5B1";
}
.emoji-trackball:before {
    content: "\1F5B2";
}
.emoji-joystick:before {
    content: "\1F579";
}
.emoji-compression:before {
    content: "\1F5DC";
}
.emoji-minidisc:before {
    content: "\1F4BD";
}
.emoji-floppy_disk:before {
    content: "\1F4BE";
}
.emoji-cd:before {
    content: "\1F4BF";
}
.emoji-dvd:before {
    content: "\1F4C0";
}
.emoji-vhs:before {
    content: "\1F4FC";
}
.emoji-camera:before {
    content: "\1F4F7";
}
.emoji-camera_with_flash:before {
    content: "\1F4F8";
}
.emoji-video_camera:before {
    content: "\1F4F9";
}
.emoji-movie_camera:before {
    content: "\1F3A5";
}
.emoji-film_projector:before {
    content: "\1F4FD";
}
.emoji-film_frames:before {
    content: "\1F39E";
}
.emoji-telephone_receiver:before {
    content: "\1F4DE";
}
.emoji-phone:before {
    content: "\260E";
}
.emoji-pager:before {
    content: "\1F4DF";
}
.emoji-fax:before {
    content: "\1F4E0";
}
.emoji-tv:before {
    content: "\1F4FA";
}
.emoji-radio:before {
    content: "\1F4FB";
}
.emoji-studio_microphone:before {
    content: "\1F399";
}
.emoji-level_slider:before {
    content: "\1F39A";
}
.emoji-control_knobs:before {
    content: "\1F39B";
}
.emoji-stopwatch:before {
    content: "\23F1";
}
.emoji-timer_clock:before {
    content: "\23F2";
}
.emoji-alarm_clock:before {
    content: "\23F0";
}
.emoji-mantelpiece_clock:before {
    content: "\1F570";
}
.emoji-hourglass_flowing_sand:before {
    content: "\23F3";
}
.emoji-hourglass:before {
    content: "\231B";
}
.emoji-satellite:before {
    content: "\1F6F0";
}
.emoji-battery:before {
    content: "\1F50B";
}
.emoji-electric_plug:before {
    content: "\1F50C";
}
.emoji-bulb:before {
    content: "\1F4A1";
}
.emoji-flashlight:before {
    content: "\1F526";
}
.emoji-candle:before {
    content: "\1F56F";
}
.emoji-wastebasket:before {
    content: "\1F5D1";
}
.emoji-oil_drum:before {
    content: "\1F6E2";
}
.emoji-money_with_wings:before {
    content: "\1F4B8";
}
.emoji-dollar:before {
    content: "\1F4B5";
}
.emoji-yen:before {
    content: "\1F4B4";
}
.emoji-euro:before {
    content: "\1F4B6";
}
.emoji-pound:before {
    content: "\1F4B7";
}
.emoji-moneybag:before {
    content: "\1F4B0";
}
.emoji-credit_card:before {
    content: "\1F4B3";
}
.emoji-gem:before {
    content: "\1F48E";
}
.emoji-scales:before {
    content: "\2696";
}
.emoji-wrench:before {
    content: "\1F527";
}
.emoji-hammer:before {
    content: "\1F528";
}
.emoji-hammer_and_pick:before {
    content: "\2692";
}
.emoji-hammer_and_wrench:before {
    content: "\1F6E0";
}
.emoji-pick:before {
    content: "\26CF";
}
.emoji-nut_and_bolt:before {
    content: "\1F529";
}
.emoji-gear:before {
    content: "\2699";
}
.emoji-chains:before {
    content: "\26D3";
}
.emoji-gun:before {
    content: "\1F52B";
}
.emoji-bomb:before {
    content: "\1F4A3";
}
.emoji-hocho:before {
    content: "\1F52A";
}
.emoji-dagger_knife:before {
    content: "\1F5E1";
}
.emoji-crossed_swords:before {
    content: "\2694";
}
.emoji-shield:before {
    content: "\1F6E1";
}
.emoji-smoking:before {
    content: "\1F6AC";
}
.emoji-skull_and_crossbones:before {
    content: "\2620";
}
.emoji-coffin:before {
    content: "\26B0";
}
.emoji-funeral_urn:before {
    content: "\26B1";
}
.emoji-amphora:before {
    content: "\1F3FA";
}
.emoji-crystal_ball:before {
    content: "\1F52E";
}
.emoji-prayer_beads:before {
    content: "\1F4FF";
}
.emoji-barber:before {
    content: "\1F488";
}
.emoji-alembic:before {
    content: "\2697";
}
.emoji-telescope:before {
    content: "\1F52D";
}
.emoji-microscope:before {
    content: "\1F52C";
}
.emoji-hole:before {
    content: "\1F573";
}
.emoji-pill:before {
    content: "\1F48A";
}
.emoji-syringe:before {
    content: "\1F489";
}
.emoji-thermometer:before {
    content: "\1F321";
}
.emoji-label:before {
    content: "\1F3F7";
}
.emoji-bookmark:before {
    content: "\1F516";
}
.emoji-toilet:before {
    content: "\1F6BD";
}
.emoji-shower:before {
    content: "\1F6BF";
}
.emoji-bathtub:before {
    content: "\1F6C1";
}
.emoji-key:before {
    content: "\1F511";
}
.emoji-old_key:before {
    content: "\1F5DD";
}
.emoji-couch_and_lamp:before {
    content: "\1F6CB";
}
.emoji-sleeping_accommodation:before {
    content: "\1F6CC";
}
.emoji-bed:before {
    content: "\1F6CF";
}
.emoji-door:before {
    content: "\1F6AA";
}
.emoji-bellhop_bell:before {
    content: "\1F6CE";
}
.emoji-frame_with_picture:before {
    content: "\1F5BC";
}
.emoji-world_map:before {
    content: "\1F5FA";
}
.emoji-umbrella_on_ground:before {
    content: "\26F1";
}
.emoji-moyai:before {
    content: "\1F5FF";
}
.emoji-shopping_bags:before {
    content: "\1F6CD";
}
.emoji-balloon:before {
    content: "\1F388";
}
.emoji-flags:before {
    content: "\1F38F";
}
.emoji-ribbon:before {
    content: "\1F380";
}
.emoji-gift:before {
    content: "\1F381";
}
.emoji-confetti_ball:before {
    content: "\1F38A";
}
.emoji-tada:before {
    content: "\1F389";
}
.emoji-dolls:before {
    content: "\1F38E";
}
.emoji-wind_chime:before {
    content: "\1F390";
}
.emoji-crossed_flags:before {
    content: "\1F38C";
}
.emoji-izakaya_lantern:before {
    content: "\1F3EE";
}
.emoji-email:before {
    content: "\2709";
}
.emoji-envelope_with_arrow:before {
    content: "\1F4E9";
}
.emoji-incoming_envelope:before {
    content: "\1F4E8";
}
.emoji-e-mail:before {
    content: "\1F4E7";
}
.emoji-love_letter:before {
    content: "\1F48C";
}
.emoji-postbox:before {
    content: "\1F4EE";
}
.emoji-mailbox_closed:before {
    content: "\1F4EA";
}
.emoji-mailbox:before {
    content: "\1F4EB";
}
.emoji-mailbox_with_mail:before {
    content: "\1F4EC";
}
.emoji-mailbox_with_no_mail:before {
    content: "\1F4ED";
}
.emoji-package:before {
    content: "\1F4E6";
}
.emoji-postal_horn:before {
    content: "\1F4EF";
}
.emoji-inbox_tray:before {
    content: "\1F4E5";
}
.emoji-outbox_tray:before {
    content: "\1F4E4";
}
.emoji-scroll:before {
    content: "\1F4DC";
}
.emoji-page_with_curl:before {
    content: "\1F4C3";
}
.emoji-bookmark_tabs:before {
    content: "\1F4D1";
}
.emoji-bar_chart:before {
    content: "\1F4CA";
}
.emoji-chart_with_upwards_trend:before {
    content: "\1F4C8";
}
.emoji-chart_with_downwards_trend:before {
    content: "\1F4C9";
}
.emoji-page_facing_up:before {
    content: "\1F4C4";
}
.emoji-date:before {
    content: "\1F4C5";
}
.emoji-calendar:before {
    content: "\1F4C6";
}
.emoji-spiral_calendar_pad:before {
    content: "\1F5D3";
}
.emoji-card_index:before {
    content: "\1F4C7";
}
.emoji-card_file_box:before {
    content: "\1F5C3";
}
.emoji-ballot_box_with_check:before {
    content: "\2611\FE0F";
}
.emoji-file_cabinet:before {
    content: "\1F5C4";
}
.emoji-clipboard:before {
    content: "\1F4CB";
}
.emoji-spiral_note_pad:before {
    content: "\1F5D2";
}
.emoji-file_folder:before {
    content: "\1F4C1";
}
.emoji-open_file_folder:before {
    content: "\1F4C2";
}
.emoji-card_index_dividers:before {
    content: "\1F5C2";
}
.emoji-rolled_up_newspaper:before {
    content: "\1F5DE";
}
.emoji-newspaper:before {
    content: "\1F4F0";
}
.emoji-notebook:before {
    content: "\1F4D3";
}
.emoji-closed_book:before {
    content: "\1F4D5";
}
.emoji-green_book:before {
    content: "\1F4D7";
}
.emoji-blue_book:before {
    content: "\1F4D8";
}
.emoji-orange_book:before {
    content: "\1F4D9";
}
.emoji-notebook_with_decorative_cover:before {
    content: "\1F4D4";
}
.emoji-ledger:before {
    content: "\1F4D2";
}
.emoji-books:before {
    content: "\1F4DA";
}
.emoji-book:before {
    content: "\1F4D6";
}
.emoji-link:before {
    content: "\1F517";
}
.emoji-paperclip:before {
    content: "\1F4CE";
}
.emoji-linked_paperclips:before {
    content: "\1F587";
}
.emoji-scissors:before {
    content: "\2702";
}
.emoji-triangular_ruler:before {
    content: "\1F4D0";
}
.emoji-straight_ruler:before {
    content: "\1F4CF";
}
.emoji-pushpin:before {
    content: "\1F4CC";
}
.emoji-round_pushpin:before {
    content: "\1F4CD";
}
.emoji-triangular_flag_on_post:before {
    content: "\1F6A9";
}
.emoji-waving_white_flag:before {
    content: "\1F3F3";
}
.emoji-waving_black_flag:before {
    content: "\1F3F4";
}
.emoji-closed_lock_with_key:before {
    content: "\1F510";
}
.emoji-lock:before {
    content: "\1F512";
}
.emoji-unlock:before {
    content: "\1F513";
}
.emoji-lock_with_ink_pen:before {
    content: "\1F50F";
}
.emoji-lower_left_ballpoint_pen:before {
    content: "\1F58A";
}
.emoji-lower_left_fountain_pen:before {
    content: "\1F58B";
}
.emoji-black_nib:before {
    content: "\2712";
}
.emoji-memo:before {
    content: "\1F4DD";
}
.emoji-pencil2:before {
    content: "\270F\FE0F";
}
.emoji-lower_left_crayon:before {
    content: "\1F58D";
}
.emoji-lower_left_paintbrush:before {
    content: "\1F58C";
}
.emoji-mag:before {
    content: "\1F50D";
}
.emoji-mag_right:before {
    content: "\1F50E";
}
.emoji-heart:before {
    content: "\2764";
}
.emoji-yellow_heart:before {
    content: "\1F49B";
}
.emoji-green_heart:before {
    content: "\1F49A";
}
.emoji-blue_heart:before {
    content: "\1F499";
}
.emoji-purple_heart:before {
    content: "\1F49C";
}
.emoji-broken_heart:before {
    content: "\1F494";
}
.emoji-heavy_heart_exclamation_mark_ornament:before {
    content: "\2763";
}
.emoji-two_hearts:before {
    content: "\1F495";
}
.emoji-revolving_hearts:before {
    content: "\1F49E";
}
.emoji-heartbeat:before {
    content: "\1F493";
}
.emoji-heartpulse:before {
    content: "\1F497";
}
.emoji-sparkling_heart:before {
    content: "\1F496";
}
.emoji-cupid:before {
    content: "\1F498";
}
.emoji-gift_heart:before {
    content: "\1F49D";
}
.emoji-heart_decoration:before {
    content: "\1F49F";
}
.emoji-peace_symbol:before {
    content: "\262E";
}
.emoji-latin_cross:before {
    content: "\271D";
}
.emoji-star_and_crescent:before {
    content: "\262A";
}
.emoji-om_symbol:before {
    content: "\1F549";
}
.emoji-wheel_of_dharma:before {
    content: "\2638";
}
.emoji-star_of_david:before {
    content: "\2721";
}
.emoji-six_pointed_star:before {
    content: "\1F52F";
}
.emoji-menorah_with_nine_branches:before {
    content: "\1F54E";
}
.emoji-yin_yang:before {
    content: "\262F";
}
.emoji-orthodox_cross:before {
    content: "\2626";
}
.emoji-place_of_worship:before {
    content: "\1F6D0";
}
.emoji-ophiuchus:before {
    content: "\26CE";
}
.emoji-aries:before {
    content: "\2648";
}
.emoji-taurus:before {
    content: "\2649";
}
.emoji-gemini:before {
    content: "\264A";
}
.emoji-cancer:before {
    content: "\264B";
}
.emoji-leo:before {
    content: "\264C";
}
.emoji-virgo:before {
    content: "\264D";
}
.emoji-libra:before {
    content: "\264E";
}
.emoji-scorpius:before {
    content: "\264F";
}
.emoji-sagittarius:before {
    content: "\2650";
}
.emoji-capricorn:before {
    content: "\2651";
}
.emoji-aquarius:before {
    content: "\2652";
}
.emoji-pisces:before {
    content: "\2653";
}
.emoji-id:before {
    content: "\1F194";
}
.emoji-atom_symbol:before {
    content: "\269B";
}
.emoji-u7a7a:before {
    content: "\1F233";
}
.emoji-u5272:before {
    content: "\1F239";
}
.emoji-radioactive_sign:before {
    content: "\2622";
}
.emoji-biohazard_sign:before {
    content: "\2623";
}
.emoji-mobile_phone_off:before {
    content: "\1F4F4";
}
.emoji-vibration_mode:before {
    content: "\1F4F3";
}
.emoji-u6709:before {
    content: "\1F236";
}
.emoji-u7121:before {
    content: "\1F21A";
}
.emoji-u7533:before {
    content: "\1F238";
}
.emoji-u55b6:before {
    content: "\1F23A";
}
.emoji-u6708:before {
    content: "\1F237";
}
.emoji-eight_pointed_black_star:before {
    content: "\2734";
}
.emoji-vs:before {
    content: "\1F19A";
}
.emoji-accept:before {
    content: "\1F251";
}
.emoji-white_flower:before {
    content: "\1F4AE";
}
.emoji-ideograph_advantage:before {
    content: "\1F250";
}
.emoji-secret:before {
    content: "\3299";
}
.emoji-congratulations:before {
    content: "\3297";
}
.emoji-u5408:before {
    content: "\1F234";
}
.emoji-u6e80:before {
    content: "\1F235";
}
.emoji-u7981:before {
    content: "\1F232";
}
.emoji-a:before {
    content: "\1F170";
}
.emoji-b:before {
    content: "\1F171";
}
.emoji-ab:before {
    content: "\1F18E";
}
.emoji-cl:before {
    content: "\1F191";
}
.emoji-o2:before {
    content: "\1F17E";
}
.emoji-sos:before {
    content: "\1F198";
}
.emoji-no_entry:before {
    content: "\26D4";
}
.emoji-name_badge:before {
    content: "\1F4DB";
}
.emoji-no_entry_sign:before {
    content: "\1F6AB";
}
.emoji-x:before {
    content: "\274C";
}
.emoji-o:before {
    content: "\2B55";
}
.emoji-anger:before {
    content: "\1F4A2";
}
.emoji-hotsprings:before {
    content: "\2668";
}
.emoji-no_pedestrians:before {
    content: "\1F6B7";
}
.emoji-do_not_litter:before {
    content: "\1F6AF";
}
.emoji-no_bicycles:before {
    content: "\1F6B3";
}
.emoji-non-potable_water:before {
    content: "\1F6B1";
}
.emoji-underage:before {
    content: "\1F51E";
}
.emoji-no_mobile_phones:before {
    content: "\1F4F5";
}
.emoji-no_smoking:before {
    content: "\1F6AD";
}
.emoji-exclamation:before {
    content: "\2757";
}
.emoji-grey_exclamation:before {
    content: "\2755";
}
.emoji-question:before {
    content: "\2753";
}
.emoji-grey_question:before {
    content: "\2754";
}
.emoji-bangbang:before {
    content: "\203C";
}
.emoji-interrobang:before {
    content: "\2049";
}
.emoji-100:before {
    content: "\1F4AF";
}
.emoji-low_brightness:before {
    content: "\1F505";
}
.emoji-high_brightness:before {
    content: "\1F506";
}
.emoji-trident:before {
    content: "\1F531";
}
.emoji-fleur_de_lis:before {
    content: "\269C";
}
.emoji-part_alternation_mark:before {
    content: "\303D";
}
.emoji-warning:before {
    content: "\26A0";
}
.emoji-children_crossing:before {
    content: "\1F6B8";
}
.emoji-beginner:before {
    content: "\1F530";
}
.emoji-recycle:before {
    content: "\267B";
}
.emoji-u6307:before {
    content: "\1F22F";
}
.emoji-chart:before {
    content: "\1F4B9";
}
.emoji-sparkle:before {
    content: "\2747";
}
.emoji-eight_spoked_asterisk:before {
    content: "\2733\FE0F";
}
.emoji-negative_squared_cross_mark:before {
    content: "\274E";
}
.emoji-white_check_mark:before {
    content: "\2705";
}
.emoji-diamond_shape_with_a_dot_inside:before {
    content: "\1F4A0";
}
.emoji-cyclone:before {
    content: "\1F300";
}
.emoji-loop:before {
    content: "\27BF";
}
.emoji-globe_with_meridians:before {
    content: "\1F310";
}
.emoji-m:before {
    content: "\24C2";
}
.emoji-atm:before {
    content: "\1F3E7";
}
.emoji-sa:before {
    content: "\1F202";
}
.emoji-passport_control:before {
    content: "\1F6C2";
}
.emoji-customs:before {
    content: "\1F6C3";
}
.emoji-baggage_claim:before {
    content: "\1F6C4";
}
.emoji-left_luggage:before {
    content: "\1F6C5";
}
.emoji-wheelchair:before {
    content: "\267F";
}
.emoji-wc:before {
    content: "\1F6BE";
}
.emoji-parking:before {
    content: "\1F17F";
}
.emoji-potable_water:before {
    content: "\1F6B0";
}
.emoji-mens:before {
    content: "\1F6B9";
}
.emoji-womens:before {
    content: "\1F6BA";
}
.emoji-baby_symbol:before {
    content: "\1F6BC";
}
.emoji-restroom:before {
    content: "\1F6BB";
}
.emoji-put_litter_in_its_place:before {
    content: "\1F6AE";
}
.emoji-cinema:before {
    content: "\1F3A6";
}
.emoji-signal_strength:before {
    content: "\1F4F6";
}
.emoji-koko:before {
    content: "\1F201";
}
.emoji-ng:before {
    content: "\1F196";
}
.emoji-ok:before {
    content: "\1F197";
}
.emoji-up:before {
    content: "\1F199";
}
.emoji-cool:before {
    content: "\1F192";
}
.emoji-new:before {
    content: "\1F195";
}
.emoji-free:before {
    content: "\1F193";
}
.emoji-zero:before {
    content: "\0030\20E3";
}
.emoji-one:before {
    content: "\0031\20E3";
}
.emoji-two:before {
    content: "\0032\20E3";
}
.emoji-three:before {
    content: "\0033\20E3";
}
.emoji-four:before {
    content: "\0034\20E3";
}
.emoji-five:before {
    content: "\0035\20E3";
}
.emoji-six:before {
    content: "\0036\20E3";
}
.emoji-seven:before {
    content: "\0037\20E3";
}
.emoji-eight:before {
    content: "\0038\20E3";
}
.emoji-nine:before {
    content: "\0039\20E3";
}
.emoji-keycap_ten:before {
    content: "\1F51F";
}
.emoji-1234:before {
    content: "\1F522";
}
.emoji-arrow_forward:before {
    content: "\25B6";
}
.emoji-double_vertical_bar:before {
    content: "\23F8";
}
.emoji-black_right_pointing_triangle_with_double_vertical_bar:before {
    content: "\23EF";
}
.emoji-black_square_for_stop:before {
    content: "\23F9";
}
.emoji-black_circle_for_record:before {
    content: "\23FA";
}
.emoji-black_right_pointing_double_triangle_with_vertical_bar:before {
    content: "\23ED";
}
.emoji-black_left_pointing_double_triangle_with_vertical_bar:before {
    content: "\23EE";
}
.emoji-fast_forward:before {
    content: "\23E9";
}
.emoji-rewind:before {
    content: "\23EA";
}
.emoji-twisted_rightwards_arrows:before {
    content: "\1F500";
}
.emoji-repeat:before {
    content: "\1F501";
}
.emoji-repeat_one:before {
    content: "\1F502";
}
.emoji-arrow_backward:before {
    content: "\25C0";
}
.emoji-arrow_up_small:before {
    content: "\1F53C";
}
.emoji-arrow_down_small:before {
    content: "\1F53D";
}
.emoji-arrow_double_up:before {
    content: "\23EB";
}
.emoji-arrow_double_down:before {
    content: "\23EC";
}
.emoji-arrow_right:before {
    content: "\27A1";
}
.emoji-arrow_left:before {
    content: "\2B05";
}
.emoji-arrow_up:before {
    content: "\2B06";
}
.emoji-arrow_down:before {
    content: "\2B07";
}
.emoji-arrow_upper_right:before {
    content: "\2197";
}
.emoji-arrow_lower_right:before {
    content: "\2198";
}
.emoji-arrow_lower_left:before {
    content: "\2199";
}
.emoji-arrow_upper_left:before {
    content: "\2196";
}
.emoji-arrow_up_down:before {
    content: "\2195";
}
.emoji-left_right_arrow:before {
    content: "\2194";
}
.emoji-arrows_counterclockwise:before {
    content: "\1F504";
}
.emoji-arrow_right_hook:before {
    content: "\21AA";
}
.emoji-leftwards_arrow_with_hook:before {
    content: "\21A9";
}
.emoji-arrow_heading_up:before {
    content: "\2934";
}
.emoji-arrow_heading_down:before {
    content: "\2935";
}
.emoji-arrows_clockwise:before {
    content: "\1F503";
}
.emoji-hash:before {
    content: "\0023\20E3";
}
.emoji-information_source:before {
    content: "\2139";
}
.emoji-abc:before {
    content: "\1F524";
}
.emoji-abcd:before {
    content: "\1F521";
}
.emoji-capital_abcd:before {
    content: "\1F520";
}
.emoji-symbols:before {
    content: "\1F523";
}
.emoji-musical_note:before {
    content: "\1F3B5";
}
.emoji-notes:before {
    content: "\1F3B6";
}
.emoji-wavy_dash:before {
    content: "\3030";
}
.emoji-curly_loop:before {
    content: "\27B0";
}
.emoji-heavy_check_mark:before {
    content: "\2714";
}
.emoji-heavy_plus_sign:before {
    content: "\2795";
}
.emoji-heavy_minus_sign:before {
    content: "\2796";
}
.emoji-heavy_multiplication_x:before {
    content: "\2716";
}
.emoji-heavy_division_sign:before {
    content: "\2797";
}
.emoji-heavy_dollar_sign:before {
    content: "\1F4B2";
}
.emoji-copyright:before {
    content: "\00A9";
}
.emoji-registered:before {
    content: "\00AE";
}
.emoji-tm:before {
    content: "\2122";
}
.emoji-end:before {
    content: "\1F51A";
}
.emoji-back:before {
    content: "\1F519";
}
.emoji-on:before {
    content: "\1F51B";
}
.emoji-top:before {
    content: "\1F51D";
}
.emoji-soon:before {
    content: "\1F51C";
}
.emoji-ballot_box_with_check:before {
    content: "\2611";
}
.emoji-radio_button:before {
    content: "\1F518";
}
.emoji-white_circle:before {
    content: "\26AA";
}
.emoji-black_circle:before {
    content: "\26AB";
}
.emoji-red_circle:before {
    content: "\1F534";
}
.emoji-large_blue_circle:before {
    content: "\1F535";
}
.emoji-small_orange_diamond:before {
    content: "\1F538";
}
.emoji-small_blue_diamond:before {
    content: "\1F539";
}
.emoji-large_orange_diamond:before {
    content: "\1F536";
}
.emoji-large_blue_diamond:before {
    content: "\1F537";
}
.emoji-small_red_triangle:before {
    content: "\1F53A";
}
.emoji-black_small_square:before {
    content: "\25AA";
}
.emoji-white_small_square:before {
    content: "\25AB";
}
.emoji-black_large_square:before {
    content: "\2B1B";
}
.emoji-white_large_square:before {
    content: "\2B1C";
}
.emoji-small_red_triangle_down:before {
    content: "\1F53B";
}
.emoji-black_medium_square:before {
    content: "\25FC";
}
.emoji-white_medium_square:before {
    content: "\25FB";
}
.emoji-black_medium_small_square:before {
    content: "\25FE";
}
.emoji-white_medium_small_square:before {
    content: "\25FD";
}
.emoji-black_square_button:before {
    content: "\1F532";
}
.emoji-white_square_button:before {
    content: "\1F533";
}
.emoji-speaker:before {
    content: "\1F508";
}
.emoji-sound:before {
    content: "\1F509";
}
.emoji-loud_sound:before {
    content: "\1F50A";
}
.emoji-mute:before {
    content: "\1F507";
}
.emoji-mega:before {
    content: "\1F4E3";
}
.emoji-loudspeaker:before {
    content: "\1F4E2";
}
.emoji-bell:before {
    content: "\1F514";
}
.emoji-no_bell:before {
    content: "\1F515";
}
.emoji-black_joker:before {
    content: "\1F0CF";
}
.emoji-mahjong:before {
    content: "\1F004";
}
.emoji-spades:before {
    content: "\2660";
}
.emoji-clubs:before {
    content: "\2663";
}
.emoji-hearts:before {
    content: "\2665";
}
.emoji-diamonds:before {
    content: "\2666";
}
.emoji-flower_playing_cards:before {
    content: "\1F3B4";
}
.emoji-thought_balloon:before {
    content: "\1F4AD";
}
.emoji-right_anger_bubble:before {
    content: "\1F5EF";
}
.emoji-speech_balloon:before {
    content: "\1F4AC";
}
.emoji-left_speech_bubble:before {
    content: "\1F5E8";
}
.emoji-clock1:before {
    content: "\1F550";
}
.emoji-clock2:before {
    content: "\1F551";
}
.emoji-clock3:before {
    content: "\1F552";
}
.emoji-clock4:before {
    content: "\1F553";
}
.emoji-clock5:before {
    content: "\1F554";
}
.emoji-clock6:before {
    content: "\1F555";
}
.emoji-clock7:before {
    content: "\1F556";
}
.emoji-clock8:before {
    content: "\1F557";
}
.emoji-clock9:before {
    content: "\1F558";
}
.emoji-clock10:before {
    content: "\1F559";
}
.emoji-clock11:before {
    content: "\1F55A";
}
.emoji-clock12:before {
    content: "\1F55B";
}
.emoji-clock130:before {
    content: "\1F55C";
}
.emoji-clock230:before {
    content: "\1F55D";
}
.emoji-clock330:before {
    content: "\1F55E";
}
.emoji-clock430:before {
    content: "\1F55F";
}
.emoji-clock530:before {
    content: "\1F560";
}
.emoji-clock630:before {
    content: "\1F561";
}
.emoji-clock730:before {
    content: "\1F562";
}
.emoji-clock830:before {
    content: "\1F563";
}
.emoji-clock930:before {
    content: "\1F564";
}
.emoji-clock1030:before {
    content: "\1F565";
}
.emoji-clock1130:before {
    content: "\1F566";
}
.emoji-clock1230:before {
    content: "\1F567";
}
.emoji-flag-ac:before {
    content: "\1F1E6\1F1E8";
}
.emoji-flag-ad:before {
    content: "\1F1E6\1F1E9";
}
.emoji-flag-ae:before {
    content: "\1F1E6\1F1EA";
}
.emoji-flag-af:before {
    content: "\1F1E6\1F1EB";
}
.emoji-flag-ag:before {
    content: "\1F1E6\1F1EC";
}
.emoji-flag-ai:before {
    content: "\1F1E6\1F1EE";
}
.emoji-flag-al:before {
    content: "\1F1E6\1F1F1";
}
.emoji-flag-am:before {
    content: "\1F1E6\1F1F2";
}
.emoji-flag-ao:before {
    content: "\1F1E6\1F1F4";
}
.emoji-flag-aq:before {
    content: "\1F1E6\1F1F6";
}
.emoji-flag-ar:before {
    content: "\1F1E6\1F1F7";
}
.emoji-flag-as:before {
    content: "\1F1E6\1F1F8";
}
.emoji-flag-at:before {
    content: "\1F1E6\1F1F9";
}
.emoji-flag-au:before {
    content: "\1F1E6\1F1FA";
}
.emoji-flag-aw:before {
    content: "\1F1E6\1F1FC";
}
.emoji-flag-ax:before {
    content: "\1F1E6\1F1FD";
}
.emoji-flag-az:before {
    content: "\1F1E6\1F1FF";
}
.emoji-flag-ba:before {
    content: "\1F1E7\1F1E6";
}
.emoji-flag-bb:before {
    content: "\1F1E7\1F1E7";
}
.emoji-flag-bd:before {
    content: "\1F1E7\1F1E9";
}
.emoji-flag-be:before {
    content: "\1F1E7\1F1EA";
}
.emoji-flag-bf:before {
    content: "\1F1E7\1F1EB";
}
.emoji-flag-bg:before {
    content: "\1F1E7\1F1EC";
}
.emoji-flag-bh:before {
    content: "\1F1E7\1F1ED";
}
.emoji-flag-bi:before {
    content: "\1F1E7\1F1EE";
}
.emoji-flag-bj:before {
    content: "\1F1E7\1F1EF";
}
.emoji-flag-bl:before {
    content: "\1F1E7\1F1F1";
}
.emoji-flag-bm:before {
    content: "\1F1E7\1F1F2";
}
.emoji-flag-bn:before {
    content: "\1F1E7\1F1F3";
}
.emoji-flag-bo:before {
    content: "\1F1E7\1F1F4";
}
.emoji-flag-bq:before {
    content: "\1F1E7\1F1F6";
}
.emoji-flag-br:before {
    content: "\1F1E7\1F1F7";
}
.emoji-flag-bs:before {
    content: "\1F1E7\1F1F8";
}
.emoji-flag-bt:before {
    content: "\1F1E7\1F1F9";
}
.emoji-flag-bv:before {
    content: "\1F1E7\1F1FB";
}
.emoji-flag-bw:before {
    content: "\1F1E7\1F1FC";
}
.emoji-flag-by:before {
    content: "\1F1E7\1F1FE";
}
.emoji-flag-bz:before {
    content: "\1F1E7\1F1FF";
}
.emoji-flag-ca:before {
    content: "\1F1E8\1F1E6";
}
.emoji-flag-cc:before {
    content: "\1F1E8\1F1E8";
}
.emoji-flag-cd:before {
    content: "\1F1E8\1F1E9";
}
.emoji-flag-cf:before {
    content: "\1F1E8\1F1EB";
}
.emoji-flag-cg:before {
    content: "\1F1E8\1F1EC";
}
.emoji-flag-ch:before {
    content: "\1F1E8\1F1ED";
}
.emoji-flag-ci:before {
    content: "\1F1E8\1F1EE";
}
.emoji-flag-ck:before {
    content: "\1F1E8\1F1F0";
}
.emoji-flag-cl:before {
    content: "\1F1E8\1F1F1";
}
.emoji-flag-cm:before {
    content: "\1F1E8\1F1F2";
}
.emoji-flag-cn:before {
    content: "\1F1E8\1F1F3";
}
.emoji-flag-co:before {
    content: "\1F1E8\1F1F4";
}
.emoji-flag-cp:before {
    content: "\1F1E8\1F1F5";
}
.emoji-flag-cr:before {
    content: "\1F1E8\1F1F7";
}
.emoji-flag-cu:before {
    content: "\1F1E8\1F1FA";
}
.emoji-flag-cv:before {
    content: "\1F1E8\1F1FB";
}
.emoji-flag-cw:before {
    content: "\1F1E8\1F1FC";
}
.emoji-flag-cx:before {
    content: "\1F1E8\1F1FD";
}
.emoji-flag-cy:before {
    content: "\1F1E8\1F1FE";
}
.emoji-flag-cz:before {
    content: "\1F1E8\1F1FF";
}
.emoji-flag-de:before {
    content: "\1F1E9\1F1EA";
}
.emoji-flag-dg:before {
    content: "\1F1E9\1F1EC";
}
.emoji-flag-dj:before {
    content: "\1F1E9\1F1EF";
}
.emoji-flag-dk:before {
    content: "\1F1E9\1F1F0";
}
.emoji-flag-dm:before {
    content: "\1F1E9\1F1F2";
}
.emoji-flag-do:before {
    content: "\1F1E9\1F1F4";
}
.emoji-flag-dz:before {
    content: "\1F1E9\1F1FF";
}
.emoji-flag-ea:before {
    content: "\1F1EA\1F1E6";
}
.emoji-flag-ec:before {
    content: "\1F1EA\1F1E8";
}
.emoji-flag-ee:before {
    content: "\1F1EA\1F1EA";
}
.emoji-flag-eg:before {
    content: "\1F1EA\1F1EC";
}
.emoji-flag-eh:before {
    content: "\1F1EA\1F1ED";
}
.emoji-flag-er:before {
    content: "\1F1EA\1F1F7";
}
.emoji-flag-es:before {
    content: "\1F1EA\1F1F8";
}
.emoji-flag-et:before {
    content: "\1F1EA\1F1F9";
}
.emoji-flag-eu:before {
    content: "\1F1EA\1F1FA";
}
.emoji-flag-fi:before {
    content: "\1F1EB\1F1EE";
}
.emoji-flag-fj:before {
    content: "\1F1EB\1F1EF";
}
.emoji-flag-fk:before {
    content: "\1F1EB\1F1F0";
}
.emoji-flag-fm:before {
    content: "\1F1EB\1F1F2";
}
.emoji-flag-fo:before {
    content: "\1F1EB\1F1F4";
}
.emoji-flag-fr:before {
    content: "\1F1EB\1F1F7";
}
.emoji-flag-ga:before {
    content: "\1F1EC\1F1E6";
}
.emoji-flag-gb:before {
    content: "\1F1EC\1F1E7";
}
.emoji-flag-gd:before {
    content: "\1F1EC\1F1E9";
}
.emoji-flag-ge:before {
    content: "\1F1EC\1F1EA";
}
.emoji-flag-gf:before {
    content: "\1F1EC\1F1EB";
}
.emoji-flag-gg:before {
    content: "\1F1EC\1F1EC";
}
.emoji-flag-gh:before {
    content: "\1F1EC\1F1ED";
}
.emoji-flag-gi:before {
    content: "\1F1EC\1F1EE";
}
.emoji-flag-gl:before {
    content: "\1F1EC\1F1F1";
}
.emoji-flag-gm:before {
    content: "\1F1EC\1F1F2";
}
.emoji-flag-gn:before {
    content: "\1F1EC\1F1F3";
}
.emoji-flag-gp:before {
    content: "\1F1EC\1F1F5";
}
.emoji-flag-gq:before {
    content: "\1F1EC\1F1F6";
}
.emoji-flag-gr:before {
    content: "\1F1EC\1F1F7";
}
.emoji-flag-gs:before {
    content: "\1F1EC\1F1F8";
}
.emoji-flag-gt:before {
    content: "\1F1EC\1F1F9";
}
.emoji-flag-gu:before {
    content: "\1F1EC\1F1FA";
}
.emoji-flag-gw:before {
    content: "\1F1EC\1F1FC";
}
.emoji-flag-gy:before {
    content: "\1F1EC\1F1FE";
}
.emoji-flag-hk:before {
    content: "\1F1ED\1F1F0";
}
.emoji-flag-hm:before {
    content: "\1F1ED\1F1F2";
}
.emoji-flag-hn:before {
    content: "\1F1ED\1F1F3";
}
.emoji-flag-hr:before {
    content: "\1F1ED\1F1F7";
}
.emoji-flag-ht:before {
    content: "\1F1ED\1F1F9";
}
.emoji-flag-hu:before {
    content: "\1F1ED\1F1FA";
}
.emoji-flag-ic:before {
    content: "\1F1EE\1F1E8";
}
.emoji-flag-id:before {
    content: "\1F1EE\1F1E9";
}
.emoji-flag-ie:before {
    content: "\1F1EE\1F1EA";
}
.emoji-flag-il:before {
    content: "\1F1EE\1F1F1";
}
.emoji-flag-im:before {
    content: "\1F1EE\1F1F2";
}
.emoji-flag-in:before {
    content: "\1F1EE\1F1F3";
}
.emoji-flag-io:before {
    content: "\1F1EE\1F1F4";
}
.emoji-flag-iq:before {
    content: "\1F1EE\1F1F6";
}
.emoji-flag-ir:before {
    content: "\1F1EE\1F1F7";
}
.emoji-flag-is:before {
    content: "\1F1EE\1F1F8";
}
.emoji-flag-it:before {
    content: "\1F1EE\1F1F9";
}
.emoji-flag-je:before {
    content: "\1F1EF\1F1EA";
}
.emoji-flag-jm:before {
    content: "\1F1EF\1F1F2";
}
.emoji-flag-jo:before {
    content: "\1F1EF\1F1F4";
}
.emoji-flag-jp:before {
    content: "\1F1EF\1F1F5";
}
.emoji-flag-ke:before {
    content: "\1F1F0\1F1EA";
}
.emoji-flag-kg:before {
    content: "\1F1F0\1F1EC";
}
.emoji-flag-kh:before {
    content: "\1F1F0\1F1ED";
}
.emoji-flag-ki:before {
    content: "\1F1F0\1F1EE";
}
.emoji-flag-km:before {
    content: "\1F1F0\1F1F2";
}
.emoji-flag-kn:before {
    content: "\1F1F0\1F1F3";
}
.emoji-flag-kp:before {
    content: "\1F1F0\1F1F5";
}
.emoji-flag-kr:before {
    content: "\1F1F0\1F1F7";
}
.emoji-flag-kw:before {
    content: "\1F1F0\1F1FC";
}
.emoji-flag-ky:before {
    content: "\1F1F0\1F1FE";
}
.emoji-flag-kz:before {
    content: "\1F1F0\1F1FF";
}
.emoji-flag-la:before {
    content: "\1F1F1\1F1E6";
}
.emoji-flag-lb:before {
    content: "\1F1F1\1F1E7";
}
.emoji-flag-lc:before {
    content: "\1F1F1\1F1E8";
}
.emoji-flag-li:before {
    content: "\1F1F1\1F1EE";
}
.emoji-flag-lk:before {
    content: "\1F1F1\1F1F0";
}
.emoji-flag-lr:before {
    content: "\1F1F1\1F1F7";
}
.emoji-flag-ls:before {
    content: "\1F1F1\1F1F8";
}
.emoji-flag-lt:before {
    content: "\1F1F1\1F1F9";
}
.emoji-flag-lu:before {
    content: "\1F1F1\1F1FA";
}
.emoji-flag-lv:before {
    content: "\1F1F1\1F1FB";
}
.emoji-flag-ly:before {
    content: "\1F1F1\1F1FE";
}
.emoji-flag-ma:before {
    content: "\1F1F2\1F1E6";
}
.emoji-flag-mc:before {
    content: "\1F1F2\1F1E8";
}
.emoji-flag-md:before {
    content: "\1F1F2\1F1E9";
}
.emoji-flag-me:before {
    content: "\1F1F2\1F1EA";
}
.emoji-flag-mf:before {
    content: "\1F1F2\1F1EB";
}
.emoji-flag-mg:before {
    content: "\1F1F2\1F1EC";
}
.emoji-flag-mh:before {
    content: "\1F1F2\1F1ED";
}
.emoji-flag-mk:before {
    content: "\1F1F2\1F1F0";
}
.emoji-flag-ml:before {
    content: "\1F1F2\1F1F1";
}
.emoji-flag-mm:before {
    content: "\1F1F2\1F1F2";
}
.emoji-flag-mn:before {
    content: "\1F1F2\1F1F3";
}
.emoji-flag-mo:before {
    content: "\1F1F2\1F1F4";
}
.emoji-flag-mp:before {
    content: "\1F1F2\1F1F5";
}
.emoji-flag-mq:before {
    content: "\1F1F2\1F1F6";
}
.emoji-flag-mr:before {
    content: "\1F1F2\1F1F7";
}
.emoji-flag-ms:before {
    content: "\1F1F2\1F1F8";
}
.emoji-flag-mt:before {
    content: "\1F1F2\1F1F9";
}
.emoji-flag-mu:before {
    content: "\1F1F2\1F1FA";
}
.emoji-flag-mv:before {
    content: "\1F1F2\1F1FB";
}
.emoji-flag-mw:before {
    content: "\1F1F2\1F1FC";
}
.emoji-flag-mx:before {
    content: "\1F1F2\1F1FD";
}
.emoji-flag-my:before {
    content: "\1F1F2\1F1FE";
}
.emoji-flag-mz:before {
    content: "\1F1F2\1F1FF";
}
.emoji-flag-na:before {
    content: "\1F1F3\1F1E6";
}
.emoji-flag-nc:before {
    content: "\1F1F3\1F1E8";
}
.emoji-flag-ne:before {
    content: "\1F1F3\1F1EA";
}
.emoji-flag-nf:before {
    content: "\1F1F3\1F1EB";
}
.emoji-flag-ng:before {
    content: "\1F1F3\1F1EC";
}
.emoji-flag-ni:before {
    content: "\1F1F3\1F1EE";
}
.emoji-flag-nl:before {
    content: "\1F1F3\1F1F1";
}
.emoji-flag-no:before {
    content: "\1F1F3\1F1F4";
}
.emoji-flag-np:before {
    content: "\1F1F3\1F1F5";
}
.emoji-flag-nr:before {
    content: "\1F1F3\1F1F7";
}
.emoji-flag-nu:before {
    content: "\1F1F3\1F1FA";
}
.emoji-flag-nz:before {
    content: "\1F1F3\1F1FF";
}
.emoji-flag-om:before {
    content: "\1F1F4\1F1F2";
}
.emoji-flag-pa:before {
    content: "\1F1F5\1F1E6";
}
.emoji-flag-pe:before {
    content: "\1F1F5\1F1EA";
}
.emoji-flag-pf:before {
    content: "\1F1F5\1F1EB";
}
.emoji-flag-pg:before {
    content: "\1F1F5\1F1EC";
}
.emoji-flag-ph:before {
    content: "\1F1F5\1F1ED";
}
.emoji-flag-pk:before {
    content: "\1F1F5\1F1F0";
}
.emoji-flag-pl:before {
    content: "\1F1F5\1F1F1";
}
.emoji-flag-pm:before {
    content: "\1F1F5\1F1F2";
}
.emoji-flag-pn:before {
    content: "\1F1F5\1F1F3";
}
.emoji-flag-pr:before {
    content: "\1F1F5\1F1F7";
}
.emoji-flag-ps:before {
    content: "\1F1F5\1F1F8";
}
.emoji-flag-pt:before {
    content: "\1F1F5\1F1F9";
}
.emoji-flag-pw:before {
    content: "\1F1F5\1F1FC";
}
.emoji-flag-py:before {
    content: "\1F1F5\1F1FE";
}
.emoji-flag-qa:before {
    content: "\1F1F6\1F1E6";
}
.emoji-flag-re:before {
    content: "\1F1F7\1F1EA";
}
.emoji-flag-ro:before {
    content: "\1F1F7\1F1F4";
}
.emoji-flag-rs:before {
    content: "\1F1F7\1F1F8";
}
.emoji-flag-ru:before {
    content: "\1F1F7\1F1FA";
}
.emoji-flag-rw:before {
    content: "\1F1F7\1F1FC";
}
.emoji-flag-sa:before {
    content: "\1F1F8\1F1E6";
}
.emoji-flag-sb:before {
    content: "\1F1F8\1F1E7";
}
.emoji-flag-sc:before {
    content: "\1F1F8\1F1E8";
}
.emoji-flag-sd:before {
    content: "\1F1F8\1F1E9";
}
.emoji-flag-se:before {
    content: "\1F1F8\1F1EA";
}
.emoji-flag-sg:before {
    content: "\1F1F8\1F1EC";
}
.emoji-flag-sh:before {
    content: "\1F1F8\1F1ED";
}
.emoji-flag-si:before {
    content: "\1F1F8\1F1EE";
}
.emoji-flag-sj:before {
    content: "\1F1F8\1F1EF";
}
.emoji-flag-sk:before {
    content: "\1F1F8\1F1F0";
}
.emoji-flag-sl:before {
    content: "\1F1F8\1F1F1";
}
.emoji-flag-sm:before {
    content: "\1F1F8\1F1F2";
}
.emoji-flag-sn:before {
    content: "\1F1F8\1F1F3";
}
.emoji-flag-so:before {
    content: "\1F1F8\1F1F4";
}
.emoji-flag-sr:before {
    content: "\1F1F8\1F1F7";
}
.emoji-flag-ss:before {
    content: "\1F1F8\1F1F8";
}
.emoji-flag-st:before {
    content: "\1F1F8\1F1F9";
}
.emoji-flag-sv:before {
    content: "\1F1F8\1F1FB";
}
.emoji-flag-sx:before {
    content: "\1F1F8\1F1FD";
}
.emoji-flag-sy:before {
    content: "\1F1F8\1F1FE";
}
.emoji-flag-sz:before {
    content: "\1F1F8\1F1FF";
}
.emoji-flag-ta:before {
    content: "\1F1F9\1F1E6";
}
.emoji-flag-tc:before {
    content: "\1F1F9\1F1E8";
}
.emoji-flag-td:before {
    content: "\1F1F9\1F1E9";
}
.emoji-flag-tf:before {
    content: "\1F1F9\1F1EB";
}
.emoji-flag-tg:before {
    content: "\1F1F9\1F1EC";
}
.emoji-flag-th:before {
    content: "\1F1F9\1F1ED";
}
.emoji-flag-tj:before {
    content: "\1F1F9\1F1EF";
}
.emoji-flag-tk:before {
    content: "\1F1F9\1F1F0";
}
.emoji-flag-tl:before {
    content: "\1F1F9\1F1F1";
}
.emoji-flag-tm:before {
    content: "\1F1F9\1F1F2";
}
.emoji-flag-tn:before {
    content: "\1F1F9\1F1F3";
}
.emoji-flag-to:before {
    content: "\1F1F9\1F1F4";
}
.emoji-flag-tr:before {
    content: "\1F1F9\1F1F7";
}
.emoji-flag-tt:before {
    content: "\1F1F9\1F1F9";
}
.emoji-flag-tv:before {
    content: "\1F1F9\1F1FB";
}
.emoji-flag-tw:before {
    content: "\1F1F9\1F1FC";
}
.emoji-flag-tz:before {
    content: "\1F1F9\1F1FF";
}
.emoji-flag-ua:before {
    content: "\1F1FA\1F1E6";
}
.emoji-flag-ug:before {
    content: "\1F1FA\1F1EC";
}
.emoji-flag-um:before {
    content: "\1F1FA\1F1F2";
}
.emoji-flag-us:before {
    content: "\1F1FA\1F1F8";
}
.emoji-flag-uy:before {
    content: "\1F1FA\1F1FE";
}
.emoji-flag-uz:before {
    content: "\1F1FA\1F1FF";
}
.emoji-flag-va:before {
    content: "\1F1FB\1F1E6";
}
.emoji-flag-vc:before {
    content: "\1F1FB\1F1E8";
}
.emoji-flag-ve:before {
    content: "\1F1FB\1F1EA";
}
.emoji-flag-vg:before {
    content: "\1F1FB\1F1EC";
}
.emoji-flag-vi:before {
    content: "\1F1FB\1F1EE";
}
.emoji-flag-vn:before {
    content: "\1F1FB\1F1F3";
}
.emoji-flag-vu:before {
    content: "\1F1FB\1F1FA";
}
.emoji-flag-wf:before {
    content: "\1F1FC\1F1EB";
}
.emoji-flag-ws:before {
    content: "\1F1FC\1F1F8";
}
.emoji-flag-xk:before {
    content: "\1F1FD\1F1F0";
}
.emoji-flag-ye:before {
    content: "\1F1FE\1F1EA";
}
.emoji-flag-yt:before {
    content: "\1F1FE\1F1F9";
}
.emoji-flag-za:before {
    content: "\1F1FF\1F1E6";
}
.emoji-flag-zm:before {
    content: "\1F1FF\1F1F2";
}
.emoji-flag-zw:before {
    content: "\1F1FF\1F1FC";
}

.emojiPickerIconWrap {display:inline-block; position:relative;}
.emojiPickerIcon {position:absolute; top:0; right:0; cursor:pointer; }

.emojiPickerIconWrap .white {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .black {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .yellow {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}
.emojiPickerIconWrap .grey, .emojiPickerIconWrap .gray {background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=') center center no-repeat; background-size:60%;}

.emojiPicker {display:none; position:absolute; outline:none; border:none; box-shadow:0 0 7px #555; border-top-left-radius:4px; border-top-right-radius:4px; font-family:Helvetica, Arial, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji"; }
.emojiPicker div.emoji {width:1.3em; height:1.3em; position:relative; display:inline-block;}
.emojiPicker span.emoji {width:1.3em; height:1.3em; display:inline-block; position:relative; text-indent:-9999px; vertical-align:middle;}
.emojiPicker .hidden {display:none;}

.emojiPicker nav {display:flex; position:relative; z-index:0; background-color:#eee; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom:1px solid #ddd;}
.emojiPicker nav div.tab {position:relative; flex-grow:1; top:1px; display:inline-block; margin:2% 0 0 0; padding:2% 2% 1% 2%; text-align:center; border:1px solid #eee; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer;}
.emojiPicker nav div.tab:hover  {background-color:#ddd;}
.emojiPicker nav div.tab.active {background-color:#fff; box-shadow:0 0 3px #ccc; border:1px solid #ddd; border-bottom:none;}
.emojiPicker nav div.tab:first-of-type {margin-left:1%;}
.emojiPicker nav div.tab:last-of-type {margin-right:1%;}

.emojiPicker nav div.tab .emoji {width:1.1em; height:1.1em;}
.emojiPicker nav div.tab .emoji-tab-recent  {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2"> <g> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-people {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> <g id="Layer_5" display="none"> <g display="inline"> <path fill="#58595B" d="M128.3,8.7c0,0-15.9-7.5-36.6-7.5c-16.2,0-35.4,4.6-52,21.2c0,0-48,39.6-27.3,99.9c0,0,14.9,9.6,36.8,9.6 c19,0,43.3-7.2,67.8-34.3C117,97.6,151.8,68.5,128.3,8.7z M124.6,36.7l-23.9-23.9c8.2,1,15,3,19,4.4 C122.1,23.9,123.7,30.4,124.6,36.7z M18.4,96.8l23.8,23.8c-9.4-1-16.7-3.9-20.6-5.8C19.8,108.7,18.7,102.7,18.4,96.8z M109.9,89.2 c-0.4,0.3-0.7,0.6-1.1,1c-16,17.7-33.2,27.8-51.3,30.1L19,81.8c1.3-8.9,4.1-17.6,8.6-26.1c8.2-15.6,19-24.7,19.1-24.7 c0.3-0.2,0.5-0.5,0.8-0.7c10.4-10.4,22.9-16.3,37.4-17.7l40.4,40.4c-0.4,6.1-1.6,12-3.7,17.6C117.3,82.4,110.5,88.7,109.9,89.2z" /> <path fill="#58595B" d="M99.8,47.8l0.5-0.5c2.2-2.1,2.2-5.6,0.1-7.8c-2.1-2.2-5.6-2.2-7.8-0.1L92,40.1L85.9,34 c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l6,6l-4.3,4.2l-5.5-5.5c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.4,5.4 L67,64.2l-5.3-5.3c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.2,5.2l-4.8,4.6l-5.1-5.1c-2.1-2.1-5.6-2.1-7.8,0 c-2.1,2.1-2.1,5.6,0,7.8l5,5l-0.3,0.3c-2.2,2.1-2.2,5.6-0.1,7.8c1.1,1.1,2.5,1.7,4,1.7c1.4,0,2.8-0.5,3.8-1.5l0.4-0.4l6.5,6.5 c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8l-6.4-6.4l4.8-4.6l6.3,6.3c1.1,1.1,2.5,1.6,3.9,1.6 c1.4,0,2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L74.8,72l4.8-4.6l6.1,6.1c1.1,1.1,2.5,1.6,3.9,1.6c1.4,0,2.8-0.5,3.9-1.6 c2.1-2.1,2.1-5.6,0-7.8l-6-6l4.3-4.2l5.5,5.5c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L99.8,47.8z"/> </g> </g> <g id="Layer_6" display="none"> <path display="inline" fill="#58595B" d="M119.5,8.6V8c0-3.9-3.2-7.1-7.1-7.1H34.1C30.2,0.8,27,4.1,27,8v0.6c0,3.9,3.2,7.1,7.1,7.1 h0.6c-0.4,5.7-0.1,11.3,0.8,16.6c1.9,11,7.8,16.2,13.5,21.2c2,1.7,4,3.5,6,5.6c4,4.2,4.5,11.9-2.2,18.5c-13,12.7-17.1,24.9-18,39.4 h-0.7c-3.9,0-7.1,3.2-7.1,7.1v0.6c0,3.9,3.2,7.1,7.1,7.1h78.2c3.9,0,7.1-3.2,7.1-7.1v-0.6c0-3.9-3.2-7.1-7.1-7.1h-0.7 c-0.9-14.5-5-26.7-18-39.4c-6.7-6.5-6.2-14.2-2.2-18.5c2-2.1,4-3.9,6-5.6c5.7-5,11.6-10.2,13.5-21.2c0.9-5.3,1.2-10.9,0.8-16.6h0.6 C116.3,15.7,119.5,12.5,119.5,8.6z M101.1,30.6c-1.3,7.5-4.9,10.7-10.2,15.4c-2,1.8-4.4,3.8-6.7,6.3c-7.2,7.6-8.8,21.6,2.5,32.5 c0.6,0.6,1.2,1.2,1.8,1.8C83.4,84.4,78,83,73.2,83c-4.7,0-10.2,1.3-15.2,3.6c0.6-0.6,1.2-1.2,1.8-1.8c11.2-10.9,9.6-24.9,2.5-32.5 c-2.3-2.4-4.6-4.5-6.7-6.3c-5.4-4.7-9-7.9-10.2-15.4c-0.8-4.8-1-9.8-0.7-14.9h57C102.1,20.9,101.9,25.9,101.1,30.6z"/> </g> <g id="Layer_7" display="none"> <g display="inline"> <path fill="#58595B" d="M71,131.2c-1.1,0-2.2-0.3-3.2-0.9c-20.7-13.4-35.7-26-47.1-39.7C6.4,73.5-0.4,56.5,0.4,40.1 C1.6,18.4,20.2,0.7,42,0.7c3.4,0,6.8,0.4,10.2,1.3C59,3.8,65.6,7.5,71,12.5c5.4-5,12-8.8,18.8-10.5c3.3-0.9,6.8-1.3,10.2-1.3 c21.8,0,40.4,17.7,41.6,39.4c0.9,16.4-5.9,33.4-20.2,50.5c-11.5,13.7-26.4,26.3-47.1,39.7C73.2,130.9,72.1,131.2,71,131.2z M42,12.4c-15.7,0-29.1,12.7-29.9,28.3c-0.7,13.4,5.2,27.6,17.5,42.4c10.1,12.1,23.3,23.4,41.3,35.3c18-11.9,31.2-23.2,41.3-35.3 c12.3-14.8,18.2-29,17.5-42.4c-0.8-15.6-14.2-28.3-29.9-28.3c-2.4,0-4.8,0.3-7.2,0.9C86.3,15,80,19.2,75.5,24.7 c-1.1,1.4-2.8,2.2-4.6,2.2s-3.4-0.8-4.6-2.2c-4.5-5.6-10.8-9.7-17.2-11.4C46.8,12.7,44.4,12.4,42,12.4z"/> </g> </g> <g id="Layer_8" display="none"> <g display="inline"> <path fill="#58595B" d="M26.7,131.9c-4,0-7.9-0.4-11.6-1.2l-0.4-0.1c-4.1-0.8-10.2-2.1-13.4-8.7c-0.4-0.8-0.6-1.7-0.6-2.6v-102 c0-2.1,1.1-4,2.9-5c1.8-1,4-1,5.8,0l8.9,5.2c2.6,0.5,5.4,0.7,8.3,0.7c11.9,0,24.4-4,37.6-8.3c13.4-4.3,27.3-8.8,40.9-8.8 c12.7,0,23.5,3.8,33.2,11.7c1.4,1.1,2.1,2.8,2.1,4.5v102c0,2.3-1.3,4.3-3.3,5.3c-2,1-4.4,0.7-6.2-0.8c-7.6-6.2-15.8-9.1-25.8-9.1 c-11.8,0-24.2,4-37.3,8.3C54.4,127.4,40.5,131.9,26.7,131.9C26.7,131.9,26.7,131.9,26.7,131.9z M12.4,117.6 c0.8,0.7,2.1,1.1,4.7,1.6l0.4,0.1c2.9,0.6,5.9,0.9,9.2,0.9c0,0,0,0,0,0c11.9,0,24.4-4,37.6-8.3c13.4-4.3,27.3-8.8,40.9-8.8 c8.7,0,16.5,1.8,23.7,5.5V20.3c-7-5.1-14.6-7.5-23.7-7.5c-11.8,0-24.2,4-37.3,8.3c-13.5,4.4-27.4,8.9-41.2,8.9 c-4,0-7.9-0.4-11.6-1.2c-0.6-0.1-1.2-0.4-1.7-0.7l-1-0.6V117.6z"/> </g> </g> <g id="Layer_9"> <g> <path fill="#58595B" d="M71.3,0.3C35,0.3,5.5,29.8,5.5,66.1c0,36.3,29.5,65.8,65.8,65.8s65.8-29.5,65.8-65.8 C137.1,29.8,107.7,0.3,71.3,0.3z M71.3,120.8c-30.2,0-54.7-24.5-54.7-54.7c0-30.2,24.5-54.7,54.7-54.7S126,36,126,66.1 C126,96.3,101.5,120.8,71.3,120.8z"/> <circle fill="#58595B" cx="41.2" cy="54.3" r="12.8"/> <circle fill="#58595B" cx="101.7" cy="54.3" r="12.8"/> <path fill="#58595B" d="M94.9,76H47.7c-1.4,0-2.6,0.7-3.4,1.8c-0.7,1.2-0.9,2.6-0.3,3.9c1.2,2.7,12.1,26,27.3,26 c15.2,0,26.1-23.3,27.3-26c0.6-1.3,0.4-2.7-0.3-3.9C97.6,76.7,96.3,76,94.9,76z"/> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-nature  {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3"> <path fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-food    {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4"> <g> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-activity   {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> <g id="Layer_5"> <g> <path fill="#58595B" d="M128.3,8.7c0,0-15.9-7.5-36.6-7.5c-16.2,0-35.4,4.6-52,21.2c0,0-48,39.6-27.3,99.9c0,0,14.9,9.6,36.8,9.6 c19,0,43.3-7.2,67.8-34.3C117,97.6,151.8,68.5,128.3,8.7z M124.6,36.7l-23.9-23.9c8.2,1,15,3,19,4.4 C122.1,23.9,123.7,30.4,124.6,36.7z M18.4,96.8l23.8,23.8c-9.4-1-16.7-3.9-20.6-5.8C19.8,108.7,18.7,102.7,18.4,96.8z M109.9,89.2 c-0.4,0.3-0.7,0.6-1.1,1c-16,17.7-33.2,27.8-51.3,30.1L19,81.8c1.3-8.9,4.1-17.6,8.6-26.1c8.2-15.6,19-24.7,19.1-24.7 c0.3-0.2,0.5-0.5,0.8-0.7c10.4-10.4,22.9-16.3,37.4-17.7l40.4,40.4c-0.4,6.1-1.6,12-3.7,17.6C117.3,82.4,110.5,88.7,109.9,89.2z" /> <path fill="#58595B" d="M99.8,47.8l0.5-0.5c2.2-2.1,2.2-5.6,0.1-7.8c-2.1-2.2-5.6-2.2-7.8-0.1L92,40.1L85.9,34 c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l6,6l-4.3,4.2l-5.5-5.5c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.4,5.4 L67,64.2l-5.3-5.3c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.2,5.2l-4.8,4.6l-5.1-5.1c-2.1-2.1-5.6-2.1-7.8,0 c-2.1,2.1-2.1,5.6,0,7.8l5,5l-0.3,0.3c-2.2,2.1-2.2,5.6-0.1,7.8c1.1,1.1,2.5,1.7,4,1.7c1.4,0,2.8-0.5,3.8-1.5l0.4-0.4l6.5,6.5 c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8l-6.4-6.4l4.8-4.6l6.3,6.3c1.1,1.1,2.5,1.6,3.9,1.6 c1.4,0,2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L74.8,72l4.8-4.6l6.1,6.1c1.1,1.1,2.5,1.6,3.9,1.6c1.4,0,2.8-0.5,3.9-1.6 c2.1-2.1,2.1-5.6,0-7.8l-6-6l4.3-4.2l5.5,5.5c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L99.8,47.8z"/> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-travel  {background:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9c2.7,0.4,4.6,2.9,4.3,5.6 c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4c0,0.4,1.1,10.1-6.8,18.9 C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-object  {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> <g id="Layer_5" display="none"> <g display="inline"> <path fill="#58595B" d="M128.3,8.7c0,0-15.9-7.5-36.6-7.5c-16.2,0-35.4,4.6-52,21.2c0,0-48,39.6-27.3,99.9c0,0,14.9,9.6,36.8,9.6 c19,0,43.3-7.2,67.8-34.3C117,97.6,151.8,68.5,128.3,8.7z M124.6,36.7l-23.9-23.9c8.2,1,15,3,19,4.4 C122.1,23.9,123.7,30.4,124.6,36.7z M18.4,96.8l23.8,23.8c-9.4-1-16.7-3.9-20.6-5.8C19.8,108.7,18.7,102.7,18.4,96.8z M109.9,89.2 c-0.4,0.3-0.7,0.6-1.1,1c-16,17.7-33.2,27.8-51.3,30.1L19,81.8c1.3-8.9,4.1-17.6,8.6-26.1c8.2-15.6,19-24.7,19.1-24.7 c0.3-0.2,0.5-0.5,0.8-0.7c10.4-10.4,22.9-16.3,37.4-17.7l40.4,40.4c-0.4,6.1-1.6,12-3.7,17.6C117.3,82.4,110.5,88.7,109.9,89.2z" /> <path fill="#58595B" d="M99.8,47.8l0.5-0.5c2.2-2.1,2.2-5.6,0.1-7.8c-2.1-2.2-5.6-2.2-7.8-0.1L92,40.1L85.9,34 c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l6,6l-4.3,4.2l-5.5-5.5c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.4,5.4 L67,64.2l-5.3-5.3c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.2,5.2l-4.8,4.6l-5.1-5.1c-2.1-2.1-5.6-2.1-7.8,0 c-2.1,2.1-2.1,5.6,0,7.8l5,5l-0.3,0.3c-2.2,2.1-2.2,5.6-0.1,7.8c1.1,1.1,2.5,1.7,4,1.7c1.4,0,2.8-0.5,3.8-1.5l0.4-0.4l6.5,6.5 c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8l-6.4-6.4l4.8-4.6l6.3,6.3c1.1,1.1,2.5,1.6,3.9,1.6 c1.4,0,2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L74.8,72l4.8-4.6l6.1,6.1c1.1,1.1,2.5,1.6,3.9,1.6c1.4,0,2.8-0.5,3.9-1.6 c2.1-2.1,2.1-5.6,0-7.8l-6-6l4.3-4.2l5.5,5.5c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L99.8,47.8z"/> </g> </g> <g id="Layer_6"> <path fill="#58595B" d="M119.5,8.6V8c0-3.9-3.2-7.1-7.1-7.1H34.1C30.2,0.8,27,4.1,27,8v0.6c0,3.9,3.2,7.1,7.1,7.1h0.6 c-0.4,5.7-0.1,11.3,0.8,16.6c1.9,11,7.8,16.2,13.5,21.2c2,1.7,4,3.5,6,5.6c4,4.2,4.5,11.9-2.2,18.5c-13,12.7-17.1,24.9-18,39.4 h-0.7c-3.9,0-7.1,3.2-7.1,7.1v0.6c0,3.9,3.2,7.1,7.1,7.1h78.2c3.9,0,7.1-3.2,7.1-7.1v-0.6c0-3.9-3.2-7.1-7.1-7.1h-0.7 c-0.9-14.5-5-26.7-18-39.4c-6.7-6.5-6.2-14.2-2.2-18.5c2-2.1,4-3.9,6-5.6c5.7-5,11.6-10.2,13.5-21.2c0.9-5.3,1.2-10.9,0.8-16.6h0.6 C116.3,15.7,119.5,12.5,119.5,8.6z M101.1,30.6c-1.3,7.5-4.9,10.7-10.2,15.4c-2,1.8-4.4,3.8-6.7,6.3c-7.2,7.6-8.8,21.6,2.5,32.5 c0.6,0.6,1.2,1.2,1.8,1.8C83.4,84.4,78,83,73.2,83c-4.7,0-10.2,1.3-15.2,3.6c0.6-0.6,1.2-1.2,1.8-1.8c11.2-10.9,9.6-24.9,2.5-32.5 c-2.3-2.4-4.6-4.5-6.7-6.3c-5.4-4.7-9-7.9-10.2-15.4c-0.8-4.8-1-9.8-0.7-14.9h57C102.1,20.9,101.9,25.9,101.1,30.6z"/> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-symbol  {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> <g id="Layer_5" display="none"> <g display="inline"> <path fill="#58595B" d="M128.3,8.7c0,0-15.9-7.5-36.6-7.5c-16.2,0-35.4,4.6-52,21.2c0,0-48,39.6-27.3,99.9c0,0,14.9,9.6,36.8,9.6 c19,0,43.3-7.2,67.8-34.3C117,97.6,151.8,68.5,128.3,8.7z M124.6,36.7l-23.9-23.9c8.2,1,15,3,19,4.4 C122.1,23.9,123.7,30.4,124.6,36.7z M18.4,96.8l23.8,23.8c-9.4-1-16.7-3.9-20.6-5.8C19.8,108.7,18.7,102.7,18.4,96.8z M109.9,89.2 c-0.4,0.3-0.7,0.6-1.1,1c-16,17.7-33.2,27.8-51.3,30.1L19,81.8c1.3-8.9,4.1-17.6,8.6-26.1c8.2-15.6,19-24.7,19.1-24.7 c0.3-0.2,0.5-0.5,0.8-0.7c10.4-10.4,22.9-16.3,37.4-17.7l40.4,40.4c-0.4,6.1-1.6,12-3.7,17.6C117.3,82.4,110.5,88.7,109.9,89.2z" /> <path fill="#58595B" d="M99.8,47.8l0.5-0.5c2.2-2.1,2.2-5.6,0.1-7.8c-2.1-2.2-5.6-2.2-7.8-0.1L92,40.1L85.9,34 c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l6,6l-4.3,4.2l-5.5-5.5c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.4,5.4 L67,64.2l-5.3-5.3c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.2,5.2l-4.8,4.6l-5.1-5.1c-2.1-2.1-5.6-2.1-7.8,0 c-2.1,2.1-2.1,5.6,0,7.8l5,5l-0.3,0.3c-2.2,2.1-2.2,5.6-0.1,7.8c1.1,1.1,2.5,1.7,4,1.7c1.4,0,2.8-0.5,3.8-1.5l0.4-0.4l6.5,6.5 c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8l-6.4-6.4l4.8-4.6l6.3,6.3c1.1,1.1,2.5,1.6,3.9,1.6 c1.4,0,2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L74.8,72l4.8-4.6l6.1,6.1c1.1,1.1,2.5,1.6,3.9,1.6c1.4,0,2.8-0.5,3.9-1.6 c2.1-2.1,2.1-5.6,0-7.8l-6-6l4.3-4.2l5.5,5.5c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L99.8,47.8z"/> </g> </g> <g id="Layer_6" display="none"> <path display="inline" fill="#58595B" d="M119.5,8.6V8c0-3.9-3.2-7.1-7.1-7.1H34.1C30.2,0.8,27,4.1,27,8v0.6c0,3.9,3.2,7.1,7.1,7.1 h0.6c-0.4,5.7-0.1,11.3,0.8,16.6c1.9,11,7.8,16.2,13.5,21.2c2,1.7,4,3.5,6,5.6c4,4.2,4.5,11.9-2.2,18.5c-13,12.7-17.1,24.9-18,39.4 h-0.7c-3.9,0-7.1,3.2-7.1,7.1v0.6c0,3.9,3.2,7.1,7.1,7.1h78.2c3.9,0,7.1-3.2,7.1-7.1v-0.6c0-3.9-3.2-7.1-7.1-7.1h-0.7 c-0.9-14.5-5-26.7-18-39.4c-6.7-6.5-6.2-14.2-2.2-18.5c2-2.1,4-3.9,6-5.6c5.7-5,11.6-10.2,13.5-21.2c0.9-5.3,1.2-10.9,0.8-16.6h0.6 C116.3,15.7,119.5,12.5,119.5,8.6z M101.1,30.6c-1.3,7.5-4.9,10.7-10.2,15.4c-2,1.8-4.4,3.8-6.7,6.3c-7.2,7.6-8.8,21.6,2.5,32.5 c0.6,0.6,1.2,1.2,1.8,1.8C83.4,84.4,78,83,73.2,83c-4.7,0-10.2,1.3-15.2,3.6c0.6-0.6,1.2-1.2,1.8-1.8c11.2-10.9,9.6-24.9,2.5-32.5 c-2.3-2.4-4.6-4.5-6.7-6.3c-5.4-4.7-9-7.9-10.2-15.4c-0.8-4.8-1-9.8-0.7-14.9h57C102.1,20.9,101.9,25.9,101.1,30.6z"/> </g> <g id="Layer_7"> <g> <path fill="#58595B" d="M71,131.2c-1.1,0-2.2-0.3-3.2-0.9c-20.7-13.4-35.7-26-47.1-39.7C6.4,73.5-0.4,56.5,0.4,40.1 C1.6,18.4,20.2,0.7,42,0.7c3.4,0,6.8,0.4,10.2,1.3C59,3.8,65.6,7.5,71,12.5c5.4-5,12-8.8,18.8-10.5c3.3-0.9,6.8-1.3,10.2-1.3 c21.8,0,40.4,17.7,41.6,39.4c0.9,16.4-5.9,33.4-20.2,50.5c-11.5,13.7-26.4,26.3-47.1,39.7C73.2,130.9,72.1,131.2,71,131.2z M42,12.4c-15.7,0-29.1,12.7-29.9,28.3c-0.7,13.4,5.2,27.6,17.5,42.4c10.1,12.1,23.3,23.4,41.3,35.3c18-11.9,31.2-23.2,41.3-35.3 c12.3-14.8,18.2-29,17.5-42.4c-0.8-15.6-14.2-28.3-29.9-28.3c-2.4,0-4.8,0.3-7.2,0.9C86.3,15,80,19.2,75.5,24.7 c-1.1,1.4-2.8,2.2-4.6,2.2s-3.4-0.8-4.6-2.2c-4.5-5.6-10.8-9.7-17.2-11.4C46.8,12.7,44.4,12.4,42,12.4z"/> </g> </g> </svg>') center center no-repeat;}
.emojiPicker nav div.tab .emoji-tab-flag    {background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.8 131.9" enable-background="new 0 0 141.8 131.9" xml:space="preserve"> <g id="Layer_1" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M37.6,107.5c-1.2,0-2.4-0.4-3.3-1.2c-1.1-0.9-1.7-2.2-1.7-3.6c-0.1-1.8-1-44.6,23-65.6 C90.9,0.4,134.9,0,136.8,0c1.5,0,2.8,0.6,3.8,1.7c1,1.1,1.4,2.6,1.1,4c-7.3,46.4-32.2,75.8-34.7,78.6 c-5.6,7.4-18.6,13.3-39.8,18.1c-15.1,3.4-28.5,4.9-29.1,5C38,107.5,37.8,107.5,37.6,107.5z M130.7,10.5 c-12.7,1.5-43.1,7.7-68.1,33.6c-0.1,0.1-0.2,0.2-0.3,0.3c-15.9,13.9-19,40.8-19.6,52.4c20.4-2.8,49.7-9.5,56.3-18.6 c0.1-0.1,0.2-0.3,0.3-0.4C99.6,77.6,122.5,51.6,130.7,10.5z"/> </g> <g> <path fill="#58595B" d="M77.8,131.9c-0.5,0-1-0.1-1.5-0.2c-1.9-0.6-3.2-2.3-3.4-4.3c-1.1-11.7-4.7-23.8-7.4-24.9l1.7-9.9 c8.1,1.3,12.1,12.8,14.1,22.8l15.6-17.8v-15h10v16.8c0,1.2-0.4,2.4-1.2,3.3l-24,27.3C80.6,131.3,79.2,131.9,77.8,131.9z"/> </g> <g> <path fill="#58595B" d="M38.4,74.7c-10.9-9.7-23.5-7.4-23.7-7.3c-2.2,0.4-4.5-0.7-5.5-2.7c-1-2-0.5-4.5,1.2-6l26.2-22.5 c0.9-0.8,2.1-1.2,3.3-1.2h19.8v10H41.8L26.7,58c5.6,1.2,12.2,3.8,18.4,9.3L38.4,74.7z"/> </g> <g> <path fill="#58595B" d="M13.8,131.9c-2.8,0-5-2.2-5-5c0-21.6,4.7-36.6,14.1-44.7c8.1-7,16.4-6.1,17.3-5.9 c2.7,0.4,4.6,2.9,4.3,5.6c-0.4,2.7-2.9,4.6-5.6,4.3c-0.3,0-5-0.4-9.6,3.8c-4.8,4.3-10.4,14.2-10.4,37 C18.8,129.7,16.5,131.9,13.8,131.9z"/> </g> <g> <path fill="#58595B" d="M15.2,131.9c-0.5,0-1,0-1.5,0c-2.8,0-5-2.3-4.9-5.1c0-2.7,2.3-4.9,5-4.9c0,0,0,0,0.1,0 c17.5,0.2,30.2-3.4,36.6-10.3c4.9-5.4,4.5-11,4.5-11.2c-0.3-2.7,1.6-5.2,4.4-5.5c2.7-0.3,5.2,1.7,5.6,4.4 c0,0.4,1.1,10.1-6.8,18.9C49.8,127.3,35.4,131.9,15.2,131.9z"/> </g> <g> <path fill="#58595B" d="M107.2,53c-1.2,0-2.3-0.4-3.2-1.2c-1.6-1.4-2.2-3.6-1.5-5.6c0.1-0.2,0.2-0.5,0.2-0.7c0.6-2,0.3-4.2-0.7-6 c-1-1.8-2.8-3.2-4.8-3.7c-0.8-0.2-1.7-0.3-2.6-0.3c-2.1,0.1-4.1-1.1-4.9-3c-0.8-1.9-0.4-4.2,1.2-5.6c3-2.7,6.8-4.3,10.8-4.3 c1.4,0,2.9,0.2,4.2,0.6c8.5,2.3,13.5,11.2,11.1,19.6c-1.1,4.1-3.7,7.5-7.4,9.6C108.9,52.8,108,53,107.2,53z"/> </g> <g> <path fill="#58595B" d="M57.4,106l-8.3-5.6l32.8-48.8l-1.6-2.2l6.8-5c2-1.4,4.7-1.3,6.4,0.4c1.8,1.7,2,4.4,0.7,6.4L57.4,106z"/> </g> <g> <rect x="58" y="33.2" transform="matrix(0.5902 0.8073 -0.8073 0.5902 80.8434 -22.8771)" fill="#58595B" width="10" height="70.1"/> </g> </g> </g> <g id="Layer_2" display="none"> <g display="inline"> <path fill="#58595B" d="M70.6,0C34.2,0,4.8,29.4,4.8,65.7c0,36.3,29.4,65.7,65.7,65.7c36.3,0,65.7-29.4,65.7-65.7 C136.3,29.4,106.9,0,70.6,0z M70.6,120.4c-30.1,0-54.6-24.5-54.6-54.6s24.5-54.6,54.6-54.6s54.6,24.5,54.6,54.6 S100.7,120.4,70.6,120.4z"/> <path fill="#58595B" d="M85.5,47.1L76.6,56V26.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v42.2c0,3.3,2.7,6,6,6c0.3,0,0.5,0,0.8-0.1 c0.2,0,0.4,0.1,0.6,0.1c1.5,0,3.1-0.6,4.2-1.8L94,55.5c2.3-2.3,2.3-6.1,0-8.5C91.6,44.7,87.8,44.7,85.5,47.1z"/> </g> </g> <g id="Layer_3" display="none"> <path display="inline" fill="#58595B" d="M69.1,11.5c14.6,0,19.3,8.5,19.3,16.3c0,8.7,0,17.4,0,26.1c0,4.8-1.6,14.7,3.4,17.7 c1.4,0.8,2.5,1.2,3.5,1.2c7.6,0,5.2-21,5-25.2c-0.2-8.1-2.2-23.4,10.2-23.4c7.7,0,13.9,2.3,13.9,9.3c0,11.6,1.4,41,0.4,44.3 c-3.5,11.6-25.4,12.1-35,12.1v24.8c0,0,2.3,6.2-18.5,6.2c0,0-1,0-2.4,0c-5.2,0-16.8-0.5-16.8-4.7c0-5.4,0-12.4,0-12.4 c0,0.1-0.2,0.1-0.4,0.1c-2.4,0-14.3-2.3-15-2.5c-7.8-2.3-20.8-8-20.9-17.6C15.7,76,12,58.9,18.5,53c2.4-2.2,8-4,13-4 c5.1,0,9.6,1.9,9.6,7.5c0,7.7,0,7.7,0,7.7c0,3.5-0.3,7.2,0,10.6c0.3,3.8,2.4,6.3,5.7,7.9c1.6,0.8,2.6,1.1,3.3,1.1 c0.4,0,0.8-0.1,1-0.4c0.4-0.5,0.6-1.5,1-2.9c1.2-5.4,0-12.6,0-18.2c0-10.2,0-20.5,0-30.7C52.1,31.7,54.4,11.5,69.1,11.5 M69.1,0.5 c-10.4,0-18.9,5.8-23.9,16.3c-3.1,6.5-3.9,12.9-4,13.6l-0.1,1.3v8.1c-2.8-1.2-6-1.8-9.6-1.8c-6.4,0-15.2,2.1-20.4,6.9 c-9.1,8.2-7.7,22.8-6.8,33.4c0.2,2.2,0.4,4.3,0.4,5.6c0.2,12.5,10.7,22.7,28.8,28c0.6,0.2,3.9,0.9,7.6,1.5v2.7 c0,3.6,1.5,12.2,15.5,14.7c4.3,0.8,9.1,0.9,12.3,0.9c1.3,0,2.2,0,2.6,0c14.4,0,22.7-2.8,26.9-8.8c2-2.8,2.8-6.1,2.4-9.3v-13.1 c12.9-1,30-4.7,34.5-19.5c1-3.2,1-7.8,0.4-30.6c-0.2-6.6-0.4-12.9-0.4-16.8c0-9.8-6.5-20.3-24.9-20.3c-6.1,0-10.3,2.1-13.1,4.4 C93.7,8.1,84.6,0.5,69.1,0.5L69.1,0.5z"/> </g> <g id="Layer_4" display="none"> <g display="inline"> <g> <path fill="#58595B" d="M72.1,131c-2.2,0-4.2-1.3-5.1-3.4L27,31.9c-0.7-1.7-0.5-3.6,0.5-5.2s2.7-2.5,4.6-2.5h78.6 c1.8,0,3.5,0.9,4.6,2.4c1,1.5,1.2,3.4,0.5,5.1l-38.6,95.8C76.3,129.7,74.3,131,72.1,131C72.1,131,72.1,131,72.1,131z M40.3,35.2 L72,111l30.6-75.8H40.3z"/> </g> <g> <circle fill="#58595B" cx="51.9" cy="54.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="82.8" cy="80.3" r="11.7"/> </g> <g> <circle fill="#58595B" cx="84" cy="42.4" r="11.7"/> </g> <g> <path fill="#58595B" d="M110.8,34H33.9c-9.5,0-17.2-7.7-17.2-17.2c0-9.5,7.7-17.2,17.2-17.2h76.8c9.5,0,17.2,7.7,17.2,17.2 C128,26.3,120.3,34,110.8,34z M33.9,10.6c-3.4,0-6.2,2.8-6.2,6.2c0,3.4,2.8,6.2,6.2,6.2h76.8c3.4,0,6.2-2.8,6.2-6.2 c0-3.4-2.8-6.2-6.2-6.2H33.9z"/> </g> </g> </g> <g id="Layer_5" display="none"> <g display="inline"> <path fill="#58595B" d="M128.3,8.7c0,0-15.9-7.5-36.6-7.5c-16.2,0-35.4,4.6-52,21.2c0,0-48,39.6-27.3,99.9c0,0,14.9,9.6,36.8,9.6 c19,0,43.3-7.2,67.8-34.3C117,97.6,151.8,68.5,128.3,8.7z M124.6,36.7l-23.9-23.9c8.2,1,15,3,19,4.4 C122.1,23.9,123.7,30.4,124.6,36.7z M18.4,96.8l23.8,23.8c-9.4-1-16.7-3.9-20.6-5.8C19.8,108.7,18.7,102.7,18.4,96.8z M109.9,89.2 c-0.4,0.3-0.7,0.6-1.1,1c-16,17.7-33.2,27.8-51.3,30.1L19,81.8c1.3-8.9,4.1-17.6,8.6-26.1c8.2-15.6,19-24.7,19.1-24.7 c0.3-0.2,0.5-0.5,0.8-0.7c10.4-10.4,22.9-16.3,37.4-17.7l40.4,40.4c-0.4,6.1-1.6,12-3.7,17.6C117.3,82.4,110.5,88.7,109.9,89.2z" /> <path fill="#58595B" d="M99.8,47.8l0.5-0.5c2.2-2.1,2.2-5.6,0.1-7.8c-2.1-2.2-5.6-2.2-7.8-0.1L92,40.1L85.9,34 c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l6,6l-4.3,4.2l-5.5-5.5c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.4,5.4 L67,64.2l-5.3-5.3c-2.1-2.1-5.6-2.1-7.8,0c-2.1,2.1-2.1,5.6,0,7.8l5.2,5.2l-4.8,4.6l-5.1-5.1c-2.1-2.1-5.6-2.1-7.8,0 c-2.1,2.1-2.1,5.6,0,7.8l5,5l-0.3,0.3c-2.2,2.1-2.2,5.6-0.1,7.8c1.1,1.1,2.5,1.7,4,1.7c1.4,0,2.8-0.5,3.8-1.5l0.4-0.4l6.5,6.5 c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8l-6.4-6.4l4.8-4.6l6.3,6.3c1.1,1.1,2.5,1.6,3.9,1.6 c1.4,0,2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L74.8,72l4.8-4.6l6.1,6.1c1.1,1.1,2.5,1.6,3.9,1.6c1.4,0,2.8-0.5,3.9-1.6 c2.1-2.1,2.1-5.6,0-7.8l-6-6l4.3-4.2l5.5,5.5c1.1,1.1,2.5,1.6,3.9,1.6s2.8-0.5,3.9-1.6c2.1-2.1,2.1-5.6,0-7.8L99.8,47.8z"/> </g> </g> <g id="Layer_6" display="none"> <path display="inline" fill="#58595B" d="M119.5,8.6V8c0-3.9-3.2-7.1-7.1-7.1H34.1C30.2,0.8,27,4.1,27,8v0.6c0,3.9,3.2,7.1,7.1,7.1 h0.6c-0.4,5.7-0.1,11.3,0.8,16.6c1.9,11,7.8,16.2,13.5,21.2c2,1.7,4,3.5,6,5.6c4,4.2,4.5,11.9-2.2,18.5c-13,12.7-17.1,24.9-18,39.4 h-0.7c-3.9,0-7.1,3.2-7.1,7.1v0.6c0,3.9,3.2,7.1,7.1,7.1h78.2c3.9,0,7.1-3.2,7.1-7.1v-0.6c0-3.9-3.2-7.1-7.1-7.1h-0.7 c-0.9-14.5-5-26.7-18-39.4c-6.7-6.5-6.2-14.2-2.2-18.5c2-2.1,4-3.9,6-5.6c5.7-5,11.6-10.2,13.5-21.2c0.9-5.3,1.2-10.9,0.8-16.6h0.6 C116.3,15.7,119.5,12.5,119.5,8.6z M101.1,30.6c-1.3,7.5-4.9,10.7-10.2,15.4c-2,1.8-4.4,3.8-6.7,6.3c-7.2,7.6-8.8,21.6,2.5,32.5 c0.6,0.6,1.2,1.2,1.8,1.8C83.4,84.4,78,83,73.2,83c-4.7,0-10.2,1.3-15.2,3.6c0.6-0.6,1.2-1.2,1.8-1.8c11.2-10.9,9.6-24.9,2.5-32.5 c-2.3-2.4-4.6-4.5-6.7-6.3c-5.4-4.7-9-7.9-10.2-15.4c-0.8-4.8-1-9.8-0.7-14.9h57C102.1,20.9,101.9,25.9,101.1,30.6z"/> </g> <g id="Layer_7" display="none"> <g display="inline"> <path fill="#58595B" d="M71,131.2c-1.1,0-2.2-0.3-3.2-0.9c-20.7-13.4-35.7-26-47.1-39.7C6.4,73.5-0.4,56.5,0.4,40.1 C1.6,18.4,20.2,0.7,42,0.7c3.4,0,6.8,0.4,10.2,1.3C59,3.8,65.6,7.5,71,12.5c5.4-5,12-8.8,18.8-10.5c3.3-0.9,6.8-1.3,10.2-1.3 c21.8,0,40.4,17.7,41.6,39.4c0.9,16.4-5.9,33.4-20.2,50.5c-11.5,13.7-26.4,26.3-47.1,39.7C73.2,130.9,72.1,131.2,71,131.2z M42,12.4c-15.7,0-29.1,12.7-29.9,28.3c-0.7,13.4,5.2,27.6,17.5,42.4c10.1,12.1,23.3,23.4,41.3,35.3c18-11.9,31.2-23.2,41.3-35.3 c12.3-14.8,18.2-29,17.5-42.4c-0.8-15.6-14.2-28.3-29.9-28.3c-2.4,0-4.8,0.3-7.2,0.9C86.3,15,80,19.2,75.5,24.7 c-1.1,1.4-2.8,2.2-4.6,2.2s-3.4-0.8-4.6-2.2c-4.5-5.6-10.8-9.7-17.2-11.4C46.8,12.7,44.4,12.4,42,12.4z"/> </g> </g> <g id="Layer_8"> <g> <path fill="#58595B" d="M26.7,131.9c-4,0-7.9-0.4-11.6-1.2l-0.4-0.1c-4.1-0.8-10.2-2.1-13.4-8.7c-0.4-0.8-0.6-1.7-0.6-2.6v-102 c0-2.1,1.1-4,2.9-5c1.8-1,4-1,5.8,0l8.9,5.2c2.6,0.5,5.4,0.7,8.3,0.7c11.9,0,24.4-4,37.6-8.3c13.4-4.3,27.3-8.8,40.9-8.8 c12.7,0,23.5,3.8,33.2,11.7c1.4,1.1,2.1,2.8,2.1,4.5v102c0,2.3-1.3,4.3-3.3,5.3c-2,1-4.4,0.7-6.2-0.8c-7.6-6.2-15.8-9.1-25.8-9.1 c-11.8,0-24.2,4-37.3,8.3C54.4,127.4,40.5,131.9,26.7,131.9C26.7,131.9,26.7,131.9,26.7,131.9z M12.4,117.6 c0.8,0.7,2.1,1.1,4.7,1.6l0.4,0.1c2.9,0.6,5.9,0.9,9.2,0.9c0,0,0,0,0,0c11.9,0,24.4-4,37.6-8.3c13.4-4.3,27.3-8.8,40.9-8.8 c8.7,0,16.5,1.8,23.7,5.5V20.3c-7-5.1-14.6-7.5-23.7-7.5c-11.8,0-24.2,4-37.3,8.3c-13.5,4.4-27.4,8.9-41.2,8.9 c-4,0-7.9-0.4-11.6-1.2c-0.6-0.1-1.2-0.4-1.7-0.7l-1-0.6V117.6z"/> </g> </g> </svg>') center center no-repeat;}

.emojiPicker .sections {overflow:scroll; position:relative; background:#fff; z-index:10;}
.emojiPicker section {overflow:hidden; width:100%; padding-top:1%;}
.emojiPicker section h1 {clear:both; margin:0; padding:2%; color:#444; font-size:14px; text-transform:capitalize;}
.emojiPicker section em {float:left; display:inline-block; padding:2%; border-radius:4px; cursor:pointer;}
.emojiPicker section em:hover {background-color:#eee;}
.emojiPicker section em div {width:40px; margin:1%;}
.emojiPicker section em div:hover {cursor:pointer;}

.emojiPicker section .wrap {width:100%;}
.emojiPicker section.search .wrap {padding-top:1%;}
.emojiPicker section.search input {display:block; width:96%; height:28px; margin:2%; padding:1%; font-size:12px; border:1px solid #ddd; border-radius:4px;}

.emojiPicker .shortcode {height:40px; background:#eee; border-top:1px solid #ddd; vertical-align:middle;}
.emojiPicker .shortcode .info {display:none;}
.emojiPicker .shortcode .emoji {position:relative; top:4px; left:8px; width:1.9em; height:1.9em; margin-right:20px;}
.emojiPicker .shortcode em {position:relative; top:-5px; color:#444; font-size:12px; font-weight:900; font-style:normal;}
.emojiPicker .shortcode em.tabTitle {position:relative; top:10px; left:8px; font-size:14px;}
.emojiPicker .shortcode em.tabTitle .count {font-size:12px; font-weight:500;}
.emojiPicker .shortcode .random .tabTitle {color:#7d7d7d; font-size:12px;}
.emojiPicker .shortcode .eod {float:right; padding:8px 10px 0 0; max-width:200px;}
.emojiPicker .shortcode .eod .emoji {top:-10px; left:0; margin-right:10px;}
.emojiPicker .shortcode .eod .emojiName {max-width:70%; padding:5px 0 0 0; font-size:10px; font-weight:normal;}

#lang-menu {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2100; /* menu panel = 2000 */
    background-color: rgba(0,0,0,0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#lang-menu .lang-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
    overflow: hidden;
    z-index: 2;
    width: calc(100% - 80px);
    max-width: 350px;
}

#lang-menu .lang-container .langs-wrapper {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#lang-menu .lang-container .lang-selected-default {
    padding: 15px 15px 0 15px;
}

#lang-menu .lang-container .lang-selected {
    padding: 8px 15px;
}

#lang-menu .lang-selected-default .selected-language,
#lang-menu .lang-selected .selected-language {
    cursor: pointer;
}

#lang-menu .lang-selected-default .selected-language {
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#lang-menu .lang-selected .selected-language {
    padding: 7px 0;
}

#lang-menu .selected-language .active-flag {
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    text-align: center;
    overflow: visible;
}

#lang-menu .selected-language .lang-check {
    margin-left: -1px;
    font-size: 22px;
    line-height: 16px;
    display: none;
}

#lang-menu .selected-language.active .lang-check {
    display: block;
}

#lang-menu .lang-container .lang-title {
    padding-top: 15px;
    text-align: center;
    width: 100%;
    font-size: 17px;
    line-height: 17px;
}

#lang-menu .lang-done {
    height: 45px;
    text-align: center;
    opacity: 0.95;
    line-height: 45px;
    font-size: 17px;
}

#lang-menu .lang-selected {
    max-height: 170px;
    overflow: auto;
}

#lang-menu .lang-selected::-webkit-scrollbar{
    display: none;
}

#lang-menu .flag{
    width: 27px;
    vertical-align: top;
    padding-top: 2px;
}

#lang-menu .table-cell .flag,
#lang-menu .table-cell .lang-name{
    pointer-events: none;
}

#lang-menu .flag-image {
    background-image: url(../images/asset_flags/placeholder.png);
    width: 15px;
    height: 15px;
    background-size: contain;
}

#lang-menu .lang-name-d {
    pointer-events: none;
}

#lang-menu .active-flag {
    float: right;
}

#lang-menu .eng-descr-lang{
    font-size: 12px;
    pointer-events: none;
}

/*DROPDOWN IN CONVLIST - CSS*/

.conventionListScroll .conventionLanguage {
    position: absolute;
    height: 18px;
    width: auto;
    right: 14px;
    z-index: 3;
}

.conventionListScroll .conventionWrapper .conventionLanguage {
    bottom: -39px;
}

.communityWrapper .conventionLanguage {
    bottom: 12px;
}

.conventionListScroll .conventionWrapper .conventionLanguage .table,
.conventionListScroll .communityWrapper .conventionLanguage .table{
    border-radius: 9px;
    border-style: solid;
    border-width: 1px;
    width: auto;
    height: 16px;
    line-height: 14px;
}

.conventionListScroll .languageFlag {
    width: 12px;
    height: 12px;
    margin: 2px 3px;
    background-image: url(../images/asset_flags/placeholder@4.png);
    background-size: contain;
}

.communityListScroll .languageCount,
.conventionListScroll .languageCount {
    font-size: 12px;
    margin: -2px 2px -2px;
}

.communityListScroll .languageDropdown,
.conventionListScroll .languageDropdown{
    pointer-events: none;
}

.conventionListScroll .languageDropdown {
    margin: 3px 5px 3px 0;
}



#lead-page .progressbar-lead
{
    position: relative;
    width: 90px;
    height: 2px;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -10px;
}

#lead-page .progressbar-lead .bgl
{
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 8px;
}


#lead-page .progressbar-lead .bgl2
{
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background-color: #ffffff;
}

#lead-page .quest-container
{
    width:100%;
}

#lead-page .question-type
{
    width: 100%;
    height: auto;

}
#lead-page .notice-area-text,
#lead-page .notice-area
{
    width: 96%;
    height: 100px;
    background-color: #ffffff;
    margin: 15px;
    padding: 15px;
}

#lead-page textarea
{
    width: 96%;
    border: none;
    resize: none;
    outline:0px !important;
    -webkit-appearance:none;
}

#lead-page .question-lead span
{
    margin-right: 15px;
}

#lead-page .question-lead div
{
    border-width: 1px;
    border-style: solid;
    border-left: 1px;
    border-right: 1px;
    border-top: 1px;
    padding: 15px;
}

#lead-page .info-question
{
    padding: 20px 15px;
    text-transform: capitalize;
}

#lead-page .tick-question
{
    float: right;
}

#lead-page .link-container
{
    position: relative;
}

#lead-page .exitButton
{
    height: 50px;
    width: calc(50% - 5px);
    position: absolute;
    line-height: 50px;
}

#lead-page  .nextButton
{
    height: 50px;
    width: calc(50% - 5px);
    position: absolute;
    right: 0;
    line-height: 50px;
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
    text-align: center;
}
.linkWrapperImprint{
    max-width:1000px;
    text-align: center;
}

.linkWrapperImprint .linkContainer{
    display: inline-block;
    width: 48%;
    margin: 2px;
}
.linkWrapperImprint .linkContainer a{
    width: 100%;
    right: 0;
    left: 0;
    border-radius: 4px;
    text-decoration: none;
}
.generalContentWrapper{
    max-width:1000px;
    margin:auto;
}
.linkWrapperImp
{
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
}
.linkContent{
    width: 48%;
    height: 50px;
    margin-top: 10px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 45px;
    font-weight: bold;
    font-size: 20px;
    float: left;
    margin-left: 15px;
    margin-right: -5px;
}
.link-leaderboard-real{
    text-decoration: none;
}
.first-link-imp{
    right: 30px;
}
/*RANKING*/
.leaderboard-head{
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
}
.angle-down-activities .icon-arrow-down{
    cursor: pointer;
}
.activity-content{
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}
.activity-bar{
    width: 190px;
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 13px 3px 0 3px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    position: relative;
    overflow: hidden;
}
.activity-bar-lb{
    width: 190px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
    bottom: -60px;
}
.angle-down-activities{
    font-size: 11px;
}
.position-1 .activity-bar-lb{
    left: -16px;
}
.position-2 .activity-bar-lb,
.position-3 .activity-bar-lb{
    left: -25px;
}
.activity-bar-progress{
    width: 0;
    height: 8px;
    transition: 0.4s;
}
.activity-bar-progress-lb{
    width: 0%;
    height: 10px;
    transition: 0.4s;
    border-radius: 5px 0px 0px 5px;
}
.content-header{
    width: 100%;
    height: 357px;
    position: relative;
}
.content-header-guest{
    text-align: center;
    padding-top: 50px;
}
.position-1, .position-2, .position-3 {
    position: absolute;
    width: 194px;
    height:255px;
    text-align: center;
    border-radius: 4px;
}
.position-1 {
    left: 50%;
    margin-left: -80px;
    top: 23px;
    height: 193px;
    width: 158px;
   
}
.position-2 {
    left: 19%;
    top:102px;
    width: 140px;
    height: 171px;
    margin-left: -80px;
}
.position-3 {
    left: 84%;
    top:102px;
    width: 140px;
    height: 171px;
    margin-left: -80px;
}
.position-2 .profile-picture-hard, 
.position-3 .profile-picture-hard{
    left: 25px;
    width: 90px;
    height: 90px;
}
.position-1-1{
    top: 27px;
    height: 193px;
    width: 153px;
}
.position-1-1 .profile-picture-hard{
    left: 32px !important;
}
.trophy-leaderboard{
    position: absolute;
    bottom: -47px;
    left: -15px;
    font-size: 23px;
}
.rank-leaderboard{
    position: absolute;
    right: -15px;
    font-size: 23px;
}
.position-1-1 .rank-leaderboard,
.position-1 .rank-leaderboard{
    bottom: -49px;
}
.position-1-2 .rank-leaderboard,
.position-2 .rank-leaderboard{
    bottom: -48px;
}
.position-3 .rank-leaderboard{
    bottom: -47px;
}
.na-list,
.leader-names{
    font-size: 14px;
    line-height: 15px;
}
.leaderboard-company > span{
    font-size: 11px;
    line-height: 15px;
}
.com-list{
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 50px);
}
.content-list{
    width: 100%;
    height: auto;
}
.content-list .content-profile-card{
    height: 80px;
    width: calc(50% - 20px);
    float: left;
    margin: 10px;
}
.profile-picture-leaderboard{
    display: block;
    width: 100%;
    height: 81px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 0 0 1px 0;
    border-style: solid;
}
.profile-picture-leaderboard-blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.1);
}
.profile-picture-leaderboard-wrapper {
    overflow: hidden;
}
.position-1 .profile-picture-hard{
        line-height: 100px;
}
.position-3 .profile-picture-hard,
.position-2 .profile-picture-hard{
        line-height: 90px;
}
.position-1 .content-profile-card,
.position-2 .content-profile-card,
.position-3 .content-profile-card{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}        

.profile-picture-hard{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 15px;
    left: 29px;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
}
.mid-content{
    position: relative;
    overflow: hidden;
    height: 100px;
}
.position-1 .trophy-leaderboard,
.position-1 .rank-leaderboard{
    font-size: 26px;
}
.position-2 .trophy-leaderboard,
.position-2 .rank-leaderboard{
    font-size: 23px;
}
.position-3 .rank-leaderboard,
.position-3 .trophy-leaderboard{
    font-size: 20px;
}
.position-3 .leaderboard-names,
.position-2 .leaderboard-names{
    margin-top: 33px;
}
.leaderboard-names{
    margin-top: 45px;
}
.fname,
.lname{
    font-weight: bold;
    line-height: 15px;
}
.position-1 .leaderboard-company{
    margin-top: 13px;
}
.leaderboard-company{
    margin-top: 2px;
}
.profile-card{
    height: 100%;
}
.profile-picture-list{
    width: 50px;
    height: 50px;
    background-size: cover;
    text-align: center;
    line-height: 50px;
    font-size: 26px;
    font-weight: bold;
    border-radius: 4px;
    color: white;
}
.list-name{
    height: 50px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.points-list{
    display: block;
    float: right;
    position: absolute;
    right: 0;
    bottom: 13px;
    font-size: 11px;
}
.activity-bar-list{
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.activity-bar-progress-list{
    width: 0%;
    height: 10px;
    transition: 0.4s;
    border-radius: 5px 0px 0px 5px;
}
.trophy-leaderboard .icon-trophy2,
.rank-leaderboard .icon-star-full{
    font-size: 18px;
}

.icon-star-full:before{
    transform: inherit;
}

/*RANKING*/
.leaderboard-detail-tabs {
    height: 52px;
    display: inline-block;
    position: relative;
    z-index: 10;
}
.leaderboard-detail-tabs-wrapper {
    height: 52px;
    overflow: hidden;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.leaderboard-detail-tabs-container {
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.leaderboard-detail-tab {
    float: left;
    display: inline-block;
    height: 36px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    margin: 0 auto;
    margin-top: 9px;
    padding: 0px 15px 0px 15px;
    vertical-align: middle;
    cursor: pointer;
}
.leaderboard-detail-tab *{
    font-weight: bold;
    line-height: 36px;
}
.leaderboard-detail-tab:last-of-type {
    border-right: 0px;
}
.leaderboard-detail-tab-name {
    line-height: 20px;
}
#leaderboard-detailPage .tab-title {
    font-size: 13px;
}
.leaderboard-detail-tab.active-tab::after {
    content: ' ';
    height: 4px;
    width: calc(100% + 30px);
    display: block;
    margin-top: 3px;
    margin-left: -15px;
}
.scrollLeaderboard {
    position: relative;
}
.leaderboard-detail-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.leaderboard-detail {
    height: 100%;
}
.leaderboard-detail-category-scroll {
    display: block;
    float:left;
    height: 100%;
    overflow-x: hidden;
}
.link-fix
{
    position: absolute;
    width: 40px;
    height: 30px;
    top: 8px;
    left: 5px;
    z-index: 10;
    cursor: pointer;
}
.leaderboard-detail-category-scroll p
{
    padding: 0 15px 0 15px;
}
.leaderboard-detail-category {
    overflow-y: scroll;
}
.leaderboard-detail-placeholder-image {
    position: relative;
    top: 30%;
    width: 100%;
    height: 55px;
    background-image: url('/images/sponsor_placeholder.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.leaderboard-detail-placeholder-text {
    position: relative;
    top: 32%;
    width: 100%;
    height: auto;
    padding: 0% 15% 0% 15%;
    text-align: center;
    color: #b3b3b3;
}
.leaderboard-detail-placeholder-text > p {
    font-style: italic;
    text-align: center;
    color: #b3b3b3;
    word-break: keep-all;
    white-space: pre-line;
}
.scrollLeaderboard:hover > .swipeBtn-left, .scrollLeaderboard:hover > .swipeBtn-right {
    opacity: 0.6;
}
#leaderboard-detailPage .content-leaderboard-detail{
    padding: 0;

}


#leaderboard-detailPage .lib-container{
    height: 40px;
}

#leaderboard-detailPage{

}
#leaderboard-detailPage .lib-content
{
    position: relative;
    height: 100px;
    padding: 20px;
    font-size: 15px;
    padding: 30px 20px 20px 20px;
    border-width: 1px;
    border-style: solid;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}
#leaderboard-detailPage .lib-indicator
{
    position: absolute;
    top: 40px;
    right: 15px;
}
#leaderboard-detailPage .info-text-lib
{
    padding: 10px;
    text-align: center;
    height:40px;
}
/* COLORS FOR RANKS */
.position-1-1 .rank-3,
.position-1-1 .rank-2{
    color: #e6bd5a !important;
}
.position-1-1 .rankb-3,
.position-1-1 .rankbl-3,
.position-1-1 .rankb-2,
.position-1-1 .rankbl-2{
    background-color: #e6bd5a !important;
}
.position-1-2 .rank-3{
    color: #aab2bd !important;
}
.position-1-2 .rankbl-3{
     background-color: #d1d2d6 !important;
}
.position-1-2 .rankb-3{
     background-color: #aab2bd !important;
}
.rank-1{
    color: #e6bd5a;
}
.rank-2{
    color: #aab2bd;
}
.rank-3{
    color: #ca6924;
}
.rankb-1{
    background-color: #e6bd5a;
}
.rankb-2{
    background-color: #aab2bd;
}
.rankb-3{
    background-color: #ca6924;
}
.rankbl-1{
    background-color: #e6bd5a;
}
.rankbl-2{
    background-color: #d1d2d6;
}
.rankbl-3{
    background-color: #ddac8a;
}
/* COLORS FOR RANKS */
@media screen and (max-width: 540px) {
    .position-1,
    .position-2,
    .position-3{
        margin-left: 0px;
        position: static;
        text-align: left;
        margin: 20px 0 20px 15px;
        height: auto;
    }
    .position-1 .profile-picture-hard {
        font-size: 34px;
        margin-bottom: 38px;
    }
    .position-2 .profile-picture-hard {
        font-size: 32px;
        margin-bottom: 38px;
    }
    .position-3 .profile-picture-hard {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .points-list{
        position: absolute;
        right: 0;
        bottom: 10px;
        margin-right: 0;
    }
    .profile-picture-hard,
    .trophy-leaderboard,
    .rank-leaderboard,
    .activity-bar-lb,
    .activity-bar,
    .activity-bar-list{
        position:static;
    }
    .activity-bar-list{
        width: 100%;
    }
    .profile-picture-hard{
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .3)
    }

    .leaderboard-names{
        margin-top: 0;
    }
    .trophy-leaderboard{
        float: left;
    }
    .content-header{
        height: auto;
    }
    .profile-picture-leaderboard{
        display: none;
    }
    .leader-names .fname{
        display: inline-block;
    } 
    .leader-names .lname{
        display: inline-block;
        margin-left: 4px;
    }
    .position-1 .leaderboard-names,
    .position-2 .leaderboard-names,
    .position-3 .leaderboard-names,
    .position-1 .leaderboard-company,
    .leaderboard-company{
        margin-top: 0;
    }
    .content-profile-card{
        position: relative;
    }
    .content-list{
        padding: 0 0 1px 0;
        border-style: solid;
        border-width: 1px;
        border-bottom: 1px;
        border-left: 1px;
        border-right: 1px;
    }
    .content-list .content-profile-card{
        float: none;
        width: 100%;
        margin: 10px 10px 10px 0;
    }
    .leaderboard-user-data{
        position: absolute;
        left: 95px;
    }
    .position-1 .leaderboard-user-data{
        top: 5px;
    }
    .position-2 .leaderboard-user-data,
    .position-3 .leaderboard-user-data{
        top: 2px;
    }
    .position-1 .profile-picture-hard{
        height: 80px;
        width: 80px;
        line-height: 80px;
    }
    .position-2 .profile-picture-hard{
        height: 75px;
        width: 75px;
        line-height: 75px;
        margin-left: 5px;
    }
    .position-3 .profile-picture-hard{
        height: 70px;
        width: 70px;
        line-height: 70px;
        margin-left: 10px;
    }
    .rank-leaderboard{
        float: right;
        height: 15px;
    }
    .content-list .content-profile-card{
        border-style: solid;
        border-width: 1px;
        border-top: 1px;
        border-left: 1px;
        border-right: 1px;
        padding: 25px 30px 0 0;
        height: 90px;
        margin-left: 15px;
    }
    .activity-bar-list{
        position: absolute;
    }
    .position-1-1 .trophy-leaderboard{
        font-size: 26px;
    }
    .position-1-2 .trophy-leaderboard{
        font-size: 23px;
    }
    .position-1-1 .profile-picture-hard{
        height: 80px !important;
        width: 80px !important;
        line-height: 80px !important;
        margin-left: 0 !important;
    }
    .position-1-2 .profile-picture-hard{
        height: 75px !important;
        width: 75px !important;
        line-height: 75px !important;
        margin-left: 5px !important;
    }
    .activity-bar{
        display: none;
    }
}
@media screen and (min-width: 541px) {
    .content-list .content-profile-card{
        float: left;
        width: calc(50% - 40px);
        border-style: solid;
        border-width: 1px;
        border-top: 1px;
        border-right: 1px;
        border-left: 1px;
        margin: 0;
        padding: 20px 0px 15px 20px;
        height: 90px;
    }
    .content-list .content-profile-card:nth-child(odd){ 
        padding: 20px 15px 15px 0px !important;
        margin-left: 40px;
    }
    .position-1,
    .position-2,
    .position-3{
        box-shadow: 0px 0px 20px rgba(0, 0, 0, .3)
    }
}

.onboarding-forget-password .modal-overlay .login-error-modal,
.onboarding-login .modal-overlay .login-error-modal,
.onboarding-setup .modal-overlay .selection-modal,
.profile-page .modal-overlay .selection-modal{
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#country {
    height: 32px;
    line-height: 32px;
    margin: 5px 0;
    padding: 0 30px 0 0;
    border: none;
    position: relative;
    z-index: 2;
    background: none;
}

.country-dropdown {
    position: absolute;
    border-radius: 50%;
    top: 9px;
    right: 0px;
    z-index: 1;
}

.mapviewPage .scrollStaticPage{
    padding-bottom: 0px;
}
.matchmakingPage .scrollMatchmaking {
    top: 98px;
}

.matchmakingPage .matchmaking-tabs {
    box-shadow: 0 1px 6px 0 rgba(0,0,0, 0.25);
}

.matchmakingPage .matchmaking-tabs .matchmaking-tab {
    opacity: 0.5;
}

.matchmakingPage .matchmaking-tabs .matchmaking-tab.active {
    border-bottom-width: 4px;
    border-bottom-style: solid;
    opacity: 1;
}

.matchmakingPage .edit-tags-text,
.matchmakingPage .no-matches-text{
    width: calc(100% - 80px);
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0, 0.15);
}

.matchmakingPage .recommended-wrapper{
    max-width: 375px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.matchmakingPage .tab-content {
    overflow-x: hidden;
}

@media screen and (min-width: 1024px){
    .matchmakingPage .recommended-wrapper{
        max-width: 740px;
    }
    .matchmakingPage .tab-content {
        padding: 0 15px;
    }
}

@media screen and (max-width: 550px){
    .match-counter {
        padding-left: 15px;
    }
}

.matchmakingPage .recommended-matches-swipe-wrapper {
    height: 244px;
    overflow-y: hidden;
    transition-duration: 0.5s;
}
.matchmakingPage .recommended-match {
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0, 0.15);
    height: 234px;
    overflow: hidden;
    max-width: 345px;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

.matchmakingPage .recommended-matches-swipe-indicator {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.matchmakingPage .swipe-indicator-left,
.matchmakingPage .swipe-indicator-right {
    font-size: 32px;
    cursor: pointer;
}

.matchmakingPage .swipe-indicator-left:hover,
.matchmakingPage .swipe-indicator-right:hover {
    opacity: 0.8;
}

.matchmakingPage .swipe-indicator {
    opacity: 0.4;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    margin: 4px;
    cursor: pointer;
}
.matchmakingPage .swipe-indicator.active {
    opacity: 1;
}

.matchmakingPage .match-seperator {
    height: 1px;
    margin-top: -1px;
    width: calc(100% - 30px);
    margin-left: 15px;
}

@media screen and (max-width: 550px){
    .matchmakingPage .match-seperator {
        width: calc(100% - 15px);
        margin-left: 15px;
    }
}

.matchmakingPage .person-chat-icon {
    position: absolute;
    right: 0;
    font-size: 11px;
    top: 44px;
    width: 16px;
    height: 16px;
    padding-top: 3px;
    text-align: right;
    border-top-left-radius: 9px;
    overflow: hidden;
    z-index: 5;
}

.matchmakingPage .bubble-wrapper {
    width: 200%;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    /*left: -50%;*/
    height: calc(100% - 115px);
    margin-top: 50px;
    position: absolute;
    overflow-y: hidden;
}

.matchmakingPage .bubble {
    position: absolute;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.matchmakingPage .bubble-text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 19px;
}
.matchmakingPage .bubble-text-number {
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    line-height: 14px;
}
.matchmakingPage .bubble-background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.me-wrapper {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 475px;
}

.delete-account-button:hover .lng-html {
    text-decoration: underline;
}

.me-action {
    width: 200px;
    height: 124px;
    border: 1px solid;
    margin: 0 15px 15px 0;
    float:left;
    border-radius: 4px;
}

.me-action .table {
    height: 122px;
}

.me-action:nth-of-type(2n) {
    margin: 0 0 15px 0;
}

.url-font-size {
    font-size: 12px !important;
}

@media (max-width: 500px) {
    .me-action {
        width: calc(50% - 7px);
        height: 93px;
        margin: 0 14px 14px 0;
    }

    .me-action:nth-of-type(2n) {
        margin: 0 0 14px 0;
    }

    .me-action .table {
        height: 91px;
    }

    .me-action .table .fs40 {
        font-size: 30px;
    }

    .me-action .table .fs17i {
        font-size: 14px !important;
    }
}

#scroll-badge .person .table,
#scroll-badge .my-badge {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#qr-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 270px;
}

.dropdown-indicator {
    border-radius: 50%;
}

/*modal*/
.delete-account-modal-headline,
.account-modal-headline,
.modal-headline {
    font-size: 16px;
    margin-top: 15px;
}
.delete-account-modal-helper,
.account-modal-helper,
.modal-helper {
    padding: 20px;
}
.delete-account-modal-error,
.account-modal-error,
.modal-error {
    padding-bottom: 15px;
}
.delete-account-modal-text,
.account-modal-text,
.modal-text {
    padding-bottom: 10px;
}
.delete-account-modal-delete,
.account-modal-save,
.modal-left-button {
    border-right: 1px solid;
}
#delete-account-modal-password,
#account-modal-password,
#modal-input{
    border-width: 0 0 1px 0;
    border-style: solid;
    outline: none;
    height: 40px;
    line-height: 20px;
}

.account-page .modal-overlay .delete-account-modal,
.agendaItemPage .modal-overlay .next-session-modal,
.account-page .modal-overlay .account-modal,
.privacy-page .modal-overlay .visibility-modal,
body .modal-overlay .logout-modal {
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.selection-content {
    max-height: 100%;
    overflow-y: auto;
}

#open-user-data-page {
    height: 27px;
    line-height: 27px;
    border-radius: 4px;
}

#legend-wrapper {
    margin-top: 30px;
    padding: 20px 15px;
    font-size: 12px;
    border-radius: 4px;
}
#legend-wrapper .legend-headline {
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 15px;
}
#legend-wrapper .legend-block {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 18px;
    display: flex;
    flex-direction: row;
}
#legend-wrapper .legend-block:last-of-type {
    margin-bottom: 0;
}
#legend-wrapper .legend-block-icon {
    width: 15px;
    margin-right: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#legend-wrapper .legend-block-text {
}

#membersDetail {
    padding: 0px 0 10px 0;
}

#membersDetail .avatar {
    margin: 6px 22px 0 10px;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 1px solid;
    float: left;
}

#membersDetail .member_info
{
    margin: 0 auto;
    width: 100%;
    background-color: #5e5e5e;
    height: 230px;
}

.company_div
{
    margin-left: 20px;
    margin-top: 30px;

}
.photo_member
{
    margin: 0 auto;
    width: 100%;
    height: 230px; 
    background-size: 100% auto;
    background-position: center center !important;
    position: absolute;
    z-index: 1;   
}

@media (max-width: 230px)  {
    .photo_member{
        background-size: auto 100%;
    }
}

.name_complete
{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: 30px;
}
.position_div
{
    margin-left: 20px;
    margin-top: 30px
}

.city_div
{
    margin-left: 20px;
    margin-top: 30px
}


#membersDetail .name {
    position:relative;
    max-height:100px;
    max-width: 300px;
    line-height: 59px;
    margin: 0 auto;
    padding-top: 25px;
    z-index: 10;
}

#membersDetail .name > div {
    line-height: 25px;
}


#membersDetail .name .title
{
    text-align: center;
    overflow: hidden;
    height: 25px;
}

#membersDetail .name .firstname {
    font-size: 18px;
    display: inline-block;
}

#membersDetail .company, #membersDetail .city, #membersDetail .position, #membersDetail .description_div
{
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
}
.member_information
{
    margin-top: 20px;
}

.member_info .tags
{
    margin-top: 50px;
    position: relative;
    z-index: 10;
    padding-top: 10px;
    text-align:center;
}

#membersDetail .membersImage
{

    border: 1px solid;
    border-radius: 12px 12px 12px 12px;
    height: 50px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    width: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    -moz-box-shadow:1px 1px 6px #292929; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
    box-shadow:1px 1px 6px #292929;
}

.member_info .tag
{   
    height: 18px;
}


.contact_info_div
{
    margin-left: 10px;
    margin-bottom: 10px;
}

.checkin_icon_ok
{
    padding-top: 20px;
}

.checkin_icon_remove
{
    padding-top: 20px;
}

.checkin_div_container
{
    margin-left: 20px;
    margin-top: 30px;
}

.checkin_one
{
    margin-left: 50px;
    margin-top: -40px;
}

.checkin_two
{
    font-weight: bold;
}

.checkout_one
{
    margin-left: 50px;
    margin-top: -40px;
}

.checkout_two
{
    margin-left: 50px;
    font-weight: bold;
}

.icon-chat
{
    display: inline-block;
    margin-left: 10px;
}

.icon-mail
{
    display: inline-block;
    margin-left: 10px;
}

#membersDetail .tags .tag 
{
    overflow:hidden;
    max-height: 42px;
    border: 1px solid;
    /* height: 16px; */
    line-height: 16px;
    -webkit-border-radius: 10px;
    border-radius: 4px;

    padding: 0 1rem;
    margin: 0 6px 6px 0;
    /* font-weight: 400; */
    font-size: 12px;
    display: inline-block;
}

#membersDetail .tags .tag.matched {
    border: none;
    height: 16px;
    background-color: #FFF;
    color: black !important;
    display: inline-block;

}

.description_container 
{
    margin-left: 20px;
}

.description
{
    margin-right: 20px;
    margin-top: 30px;
}


#membersDetail .contact 
{
    margin: 44px 0 0;
    margin-left: 10px;
}
#membersDetail .chat,
#membersDetail .email_flag,
#membersDetail .fav
{
    font-size: 18px;
    line-height: 44px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
}
#membersDetail .fav {
    margin: 2px 0 0 2px;
}

#membersDetail .contact .chat {
    margin: 2px 0 0;
}
#membersDetail .contact .email_flag {
    bottom: 0;
    margin: 2px 0 0;
}

#membersDetail .contact .email_flag a {
    text-decoration: none;

}
.chat-click
{
    display: inline-block;
}

.mail-click
{
    display: inline-block
}

.fav-click{
    display: inline-block; 
}

#FavAdded, #FavRemove{
    height: 160px;
    width: 142px;
    padding: 20px;
    padding-top:30px;
    border:0px;
    opacity: 0.9;
}

#FavAdded i, #FavRemove i{
    font-size: 44px;
    margin-bottom: 15px;

}



#membersPage .switch {
    height: 62px;
}

#membersPage .inner_switch{
    margin-top: 15px;
}



#membersPage .inner_switch .first
{
    border-left: 2px solid ;
    border-right: 0;

}

#membersPage .inner_switch .second
{
    border-right:0;
}

#personPage .inner_switch .secondAndMore{
    border-right: 0;
    border-left: 0;
}

#membersPage .inner_switch .last
{

}

#membersPage .switch .active {

}

.search
{
    padding-left: 15%;
    padding-right: 15%;
}

.search_button
{
    float: right;
    height: 45px;
    margin-top: 8px;
    width: 28%;
    line-height: 22px;
    padding: 10px;
    border: none;
    font-size: 16px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;



}
#search_Participants
{
    float:left;
    width: 70%;
    height: 45px;
    margin-top: 8px;
    line-height: 22px;
    text-align: center;

}
#members.scrollMembers
{
    top: 110px;
}
.search
{
    position: relative;
    margin-bottom: 60px;
}

#members .membersEntry,
#membersFiltered .membersEntry,
.scrollCompany .membersEntry
{
    border-bottom:2px solid;
    position: relative;
    width:100%;
    height:auto;
    background-color: #fff;
}

#members .membersEntry {
    padding: 20px 80px 20px 25px;

}

.membersEntry .fav_line
{
    position: absolute;
    top:0;
    left:0;
    width:2px;
    height:100%;
}


#membersFiltered .membersEntry
{
    padding: 5px 0 5px 75px ;
    height: 175px;
}

#scrollCompany .membersEntry
{
    padding: 5px 0 5px 75px ;
    height: 155px;
}

#membersFiltered .membersEntry .membersImage,
#membersDetail .member_info .membersImage,
#scrollCompany .membersEntry .membersImage,
#wallOfIdeas .ideaEntry .ideaHeader .imgWrapper .membersImage,
.speaker_image
{
    border-radius: 12px;
    height: 50px;
    overflow: hidden;
    background-size: 100% 100%;
    width: 50px;
    position: relative;
}
#membersFiltered .membersEntry .membersImage,
#scrollCompany .membersEntry .membersImage{
    top: 50%;
    left: 10px;
}
.img_wrapper
{
    position:absolute;
    margin-left: -70px;
    margin-top: 20px;
    text-align: center;
}

.members_div
{
    margin-left: -50px;
}

.image_wrapper
{
    position:absolute;
    margin-left: -70px;
    top:50%;
    text-align: center;
}

.img_abs
{
    position: absolute;
    top:50%;
}

.icon_wrapper
{
    margin-top: 6px;
    margin-left: 10px;
    width: 50px;
}

.icon
{
    margin-left: 2px;
    margin-right: 2px;
}

#members .membersEntry .matchCount {
    width: 30px;
    line-height: 18px;
    height:20px;
    text-align: center;
    /* margin: 0 40px 0 0; */
    position: absolute;
    top: 50%;
    margin-top:-10px;
    /* color: black; */
    right: 40px;
    font-size: 12px;
}

#membersFiltered .membersEntry .member_name, .scrollCompany .membersEntry .member_name
{
    margin: 0 0 0 -5px;
    font-weight: bold;
    font-size:16px;
    height: 28px;
    overflow: hidden;

}
#membersFiltered .membersEntry .member_name.unregistered
{
    padding: 50px 0 0 0;
    overflow: hidden;
}

.scrollCompany .membersEntry .member_name.unregistered
{
    padding: 0;
    overflow: hidden;
    height: 28px;
}

.entry_container
{
    position:absolute;
    top:50%;
    left:75px;
    right:10px;
}


#membersFiltered .membersEntry .member_company,
.scrollCompany .membersEntry .member_company
{
    margin:0 10px 0 10px;
    font-size:14px;
}
#membersFiltered .membersEntry .member_company,
.scrollCompany .membersEntry .member_company
{
    overflow: hidden;
    height: 20px;
}
#membersFiltered .membersEntry .firstname_member,
.scrollCompany .membersEntry .firstname_member
{
    font-size: 16px;
    display: inline-block;
    margin-bottom:-5px;

}

#membersFiltered .membersEntry .lastname_member,
.scrollCompany .membersEntry .lastname_member
{
    font-weight: bold;
    font-size: 16px;
    margin-left: 4px;
    margin-bottom:-5px;
}

#membersFiltered .membersEntry .member_title,
.scrollCompany .membersEntry .member_title
{
    margin: 0px 10px 0px 10px;
    overflow: hidden;
    height: 20px;
    font-size: 14px;
}

#membersFiltered .membersEntry .member_pos,
.scrollCompany .membersEntry .member_pos
{
    margin: 0 10px 0px 10px;
    overflow: hidden;
    height: 20px;
    font-size:14px;
}

#membersFiltered .membersEntry .memberTags,
.scrollCompany .membersEntry .memberTags
{
    margin:0 20px 0px 10px;
    overflow:hidden;
    height:auto;
}

#membersFiltered .membersEntry .memberTag,
.scrollCompany .membersEntry .memberTag
{
    border: 1px solid;
    line-height: 16px;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    float: left;
    padding: 0 1rem;
    margin: 6px 6px 0 0;
    font-size: 12px;
    max-width:100%;
}

#membersFiltered .membersEntry .memberTag,
.scrollCompany .membersEntry .memberTag
{
    height: 18px;
}

#membersFiltered .membersEntry .memberTag.matched,
.scrollCompany .membersEntry .memberTag.matched
{
    border: none;
    height: 18px;
}

#membersFiltered .membersEntry .chatActive,
#membersFiltered .membersEntry .mailActive,
.scrollCompany .membersEntry .chatActive,
.scrollCompany .membersEntry .mailActive
{
    margin: 5px 0 10px 10px;
    float: left;
    font-weight: bold;
    font-size: 12px;
}

#membersFiltered .membersEntry .chatActive {}
#membersFiltered .membersEntry .mailActive {}

#membersFiltered .membersEntry .arrow_right,
.scrollCompany .membersEntry .arrow_right{

    font-size: 14px;
}


.member_email.unregistered
{
    margin-left:10px;
    padding-bottom:10px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.12.2015, 12:23:15
    Author     : tonigiese
*/
.modal_window{
    position:absolute;
    left:50%;
    top:50%;
}
@media (max-width: 767px){
    .modal_window{
        left:0 !important;
        top:0 !important;
        height: 100% !important;
        width: 100% !important;
        margin-left:0 !important;
        margin-top: 0 !important;
    }
    .modal_80{

        height: 100% !important;
        top: 0% !important;
    }
}

@media (min-width: 768px){
    .modal_80{
        top: 70px !important;
        left: 140px !important;
        right: 140px !important;
        bottom: 70px !important;
        border-radius: 14px;
        width: auto !important;
        height: auto !important;
        max-width: 500px;
        max-height: 650px;
    }
}
/*
@media (min-width: 1100px){
    .modal_80{
        top: 10% !important;
        height: 80% !important;
        width: 770px !important;
        left: 50%;        
        margin-top: 0 !important;
        margin-left: -385px !important;
        border-radius: 14px;

    }
}*/

.modal_80  .scrollGlobalSetup{
    top: 0% !important;
    height: 100% !important;
    margin-top: 48px;
}

.modal_window #page,
.modal_window .contentPage {
    background: none !important;
}

@media (min-width: 768px){

    .modal_80 #globalSetupPage{
        top: 0% !important;
        height: 100% !important;
        margin-top: 48px;
    }
}

.modal_100{
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: #FFF;
}

.modal_100 .contentHeadline {
    border-radius: 0 !important;
}
myQRCode#QRImage{
    max-width: 100%;
    max-height: 92%;
}

.myQRCode{
    background-color: #FFF;
    width: 100%;
}

.QRImageCenter{
    position: absolute;
    margin-top:0px;
    width: 100%;

    text-align: center;
}

#qrCodePage{
    z-index: 2;
    overflow:hidden;
    background-color:#fff !important;
}
@media (min-width: 768px){
    .contentPageQrCode{
        border-radius: 14px;

    }
}
.menu-header {
    position: absolute;
    top:0;
    left:0;
    right:0;
    height:112px;
    z-index:3000;
    cursor: pointer;
}
.menu-header .convention-picture-gradient
{
    position: absolute;
    width: 256px;
    height: 44px;
    background-image: linear-gradient(360deg, transparent, #000000);
    opacity: 0.6;
}

.menu-header .header-image img {
    width: 100%;
    height: auto;
    display: block;
}

.to-convention-list .change-event-back
{
    vertical-align: top;
    font-weight: bold;
}


.menu-header .to-convention-list {
    position: absolute;
    top: 5px;
    height: 25px;
    font-size: 12px;
    line-height: 20px;
    padding-left: 16px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


.menu-header .header-info {
    height: 48px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
}

.menu-header .header-info .name .opaque {
    font-size: 11px;
}

.menu-header .header-info .name .opaque-rank {
    position: absolute;
    top: 28px;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    padding: 0 10px 0 10px;
    border-radius: 8px;
}

.menu-header .header-info .picture {
    width: 52px;
    height: 52px;
    top: -9px;
    left: 10px;
    border-radius: 6px;
    display: block;
    z-index: 4000;
    position: absolute;
}

.menu-header .header-info .picture.letter-tile {
    text-align: center;
    line-height: 52px;
    border-radius: 10%;
    font-weight: bold;
    font-size: 26px;
}

.letter-tile
{
    background-color: #ffffff;
}

#folder > .listText > span > .ico,
.folder > .listText > span > .ico {
    float: left;
    display: block;
}

.folder-activity {
    position: relative;
    display: inline-block;
    max-width: 183px;
    padding-right: 6px;
}

.folder-activity .bubble{
    width:6px;
    height:6px;
    position: absolute;
    border-radius: 3px;
    top:0;
    right:0;
}


.menu-header .header-info .name {
    width: 186px;
    margin-left: 70px;
    height:48px;
}

.menu-header .header-info .opaque {
    opacity: 0.4;
}

#moreList .divider {
    text-align: center;
}

#moreList .divider .ico {
    display: none;
}

#moreList .divider .listText {
    display: inline-block;
    max-width: 210px;
    padding: 0 10px 0 10px !important;
    line-height: 33px !important;
    position: relative;
}

.morePanel #moreList li.divider .listText {
    font-size: 11px;
}

#moreList li#picture {
    height:auto;
}

#moreList li img {
    width: 100%;
    height: auto;
    display:block;
}

.morePanel #moreList li.divider {
    height:35px;
}

#moreList #divider {
    margin-top: 1px;
    height: 33px;
    overflow-y:hidden;
}

#moreList .divider .line {
    position: absolute;
    top:50%;
    height:1px;
    left: 15px;
    right: 15px;
}

.menu-header .header-info .chat-indicator {
    width: 45px;
    padding-right:15px;
    text-align: right;
}

.menu-header .header-info .name .arrow_right {
    display: inline-block;
    /* position: static;*/
    margin-left: 5px;
}

.morePanel #moreList {
    padding: 160px 0 14px 0;
    z-index:2500;
    width:276px;
    left:0;
    position: relative;
}

.morePanel.ui-panel-display-overlay {
    overflow-x: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.morePanel #moreList li {
    width: 256px;
}

.morePanel #moreList.no-login {
    padding-top: 112px;
}

.morePanel #moreList #folder .listText {
    padding-right: 25px;
}



.morePanel #moreList .folder-entries {
    padding: 0;
    margin: 0;
    -webkit-box-shadow: inset  0  4px 4px -4px rgba(0,0,0,0.5), inset  0 -4px 4px -4px rgba(0,0,0,0.5);
    -moz-box-shadow:    inset  0  4px 4px -4px rgba(0,0,0,0.5), inset  0 -4px 4px -4px rgba(0,0,0,0.5);
    box-shadow:        inset  0  4px 4px -4px rgba(0,0,0,0.5), inset  0 -4px 4px -4px rgba(0,0,0,0.5);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height:0;
    overflow: hidden;
    list-style: none;
}

.morePanel #moreList li.folder.no-animation .folder-entries {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;

}

.morePanel #moreList .folder-entries li .listText {
    padding-left: 44px;
}

.morePanel #moreList .folder-indicator {
    position: absolute;
    top:23px;
    right:15px;
    width:11px;
    height:18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.morePanel #moreList li {
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.morePanel #moreList li:hover {
    background-color: rgba(0,0,0,0.05);
}

.morePanel #moreList li.divider:hover {
    cursor: default;
    background-color: transparent;
}

.morePanel .chat-indicator {
    position: relative;
}
/*
.morePanel #moreList .folder > .listText {
    padding-right: 45px;
}*/

.morePanel .chat-indicator .counter{
    background-color: rgb(188,8,18);
    position: absolute;
    border-radius: 8px;
    height: 16px;
    top:8px;
    right: 8px;
    min-width: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
}
.morePanel .branding-a
{
    text-decoration: none;
}

.morePanel .branding
{
    font-size: 14px;
    padding: 16px 0 14px 44px;
}

.morePanel .branding li
{
    line-height: 64px;
    margin-left: 16px;
}

.morePanel .branding span:first-of-type
{
    opacity: 0.5;
}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
    .morePanel #moreList .folder-entries {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
}


#newsDetailPage{
	position: absolute;
	height: 100%;
	width: 100%;
}

.newsDetail .newsDetailHeadline
{
    font-size: 17px;
    font-weight: bold;
    margin: 15px 20px 15px 0;
    line-height: 21px;
}

.newsDetail .newsDetailTime
{
    font-size:12px;
    margin: 15px 20px 0 0;
}

.newsDetail .newsDetailAuthor
{
    font-size:12px;
    max-width: 90%;
}

.newsDetail .newsDetailText
{
    font-size:15px;
    line-height: 23px;
    border-style: solid;
    border-width: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 1px;
    margin-top: 15px;
    padding: 20px 20px 0 0;
}
.newsDetail .newsDetailText p span
{
    cursor: pointer;
    text-decoration: underline;
}

.newsDetail .newsDetailText p
{
    margin-bottom: 10px;
}

.newsDetail ul, .newsDetail ol
{
    padding-left:40px;
}

.picture-container-news
{
    display: inline-block;
    position: relative;
    width: 100%;
    transition: 0.5s;
}

.news-dummy-picture
{
    margin-top: 66.67%;
}

.news-first-picture
{
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 20px;
    background-size: cover;
    background-position: center center;
}

.newsDetail .white-space
{
    width: 97%;
    height: 20px;
    background-color: #ffffff;
    margin: 0 auto;
    position: absolute;
    opacity: 0.9;
    bottom: 0;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}

.newsDetail .news-detail-wrapper
{
    height: 100%;
    padding: 20px 0 20px 20px;
}

.newsDetail .newsDetailLink
{
    margin: 30px 0 20px 0 ;
    padding-right: 20px;
}

.newsDetail .newsDetailLink a
{
    text-decoration: none;
}

.newsDetail .newsDetailLink .link-source
{
    cursor: pointer;
}

.newsDetail .author-container
{
    position: relative;
}

.gallery-news-detail
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    transition: 0.5s;
}

.photo-description
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    opacity: 0.6;
}
#newsPage{
    position: absolute;
    height: 100%;
    width: 100%;
}

#newsPage .sortOrder {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

#newsPage .sortOrder .orderList {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.news_title
{
    font-weight: bold;
    margin:5px 0;
    max-height: 72px;
}

#newsPage .sortOrder .orderList li {
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 39px;
    line-height: 18px;
    padding-top: 10px;
    text-align: center;
    text-shadow: none;
    width: 50%;
}

#newsPage .sortOrder .orderList li a {
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    text-decoration: none;
}

#newsPage .sortOrder .orderList li.active {
    background: rgba(255,255,255,0.2);
}

/**********************/
/** News Style 	 **/
/**********************/
#newsPage .news{
    width: auto !important;
    text-align: left;
    text-shadow: none;
    overflow-y: scroll;
}

#newsPage .news .newsEntry {
    height: 120px;
    padding: 13px 15px 10px 0;
    position: relative;
    margin-left: 30px;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

#newsPage .news .newsEntry.last
{
    border-bottom:none;
}

#newsPage .news .newsEntry.touch-started
{
    background:rgba(0,0,0,0.2);
}

#newsPage .news .newsEntry a, #newsPage .news .newsEntry a:active, #newsEntry .news .newsEntry a:hover
{
    text-decoration: none;
}

#newsPage .news .newsEntry .title
{
    text-transform: uppercase;
    width: auto !important;
    margin-bottom:10px;
}

#newsPage .news .newsEntry .title .time
{
    font-weight:normal;
    font-size:11px;
}

#newsPage .news .newsEntry .description {
    width: auto !important;
    margin-right: 8px;
    margin-top: 0px;
    max-height: 54px;
}

.news-picture
{
    width: 90px;
    height: 90px;
    position: absolute;
    top: 15px;
    left: 0px;
    background-size: cover;
    background-position: center center;
}

.news-interaction
{
    width: 10px;
    height: 100px;
    position: absolute;
    top: 14px;
    left: -20px;
}

#newsPage .news .newsEntry .news_date
{
    font-size: 11px;
}

#newsPage .news .newsEntry .news_title
{
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
}

#newsPage .news .newsEntry .description
{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
}


#newsPage .news .newsEntry .news_title
{
    margin-bottom: 5px;
}

.np
{
    margin-left: 0px !important;
}

#newsPage .news .newsEntry .news_date,
#newsPage .news .newsEntry .news_title,
#newsPage .news .newsEntry .description
{
    margin-left: 102px;
}

.newsEntry .news-interaction .new-news-point
{
    position: absolute;
    left: 0;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: 10px;
}

.picture-container-news
{
    display: table;
    position: relative;
    width: 100%;
}

.news-dummy-picture
{
    margin-top: 66.67%;
}

.news-first-picture
{
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#newsPage .newsEntry ul,#newsPage .newsEntry ol {
    padding-left: 40px;
}


#notePage .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
}
#notePage .note-title-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 0 10px 15px;
}

#notePage .note-title-helper {
    display: table-cell;
}

#notePage .note-interactions {
    display: table-cell;
    width: 104px;
    vertical-align: middle;
    text-align: center;
}

#notePage .edit-note-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

#notePage .note-title-date {
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
}

#notePage .share-note-button {
    margin-right: 10px;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    padding: 7px;
}

#notePage .delete-note-button {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    padding: 7px;
}

#notePage .save-notes-button {
    height: 48px;
    line-height: 48px;
    position: absolute;
    font-size: 14px;
    top: 0;
    right: 0;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    pointer-events: none;
    opacity: 0.5;
}

#notePage .editor {
    padding: 40px 15px 0px 15px;
    font-size: 16px;
    line-height: 22px;
}

#notePage .editor p,
#notePage .editor ol,
#notePage .editor ul{
    margin-bottom: 15px;
}

#notePage .editor li {
    margin-left: 40px;
}

#notePage .trumbowyg-box {
    margin-top: 0px;
}
#noticesPage .notices{
    text-align: left;
    text-shadow: none;
    height: auto;
    position:relative;
}

#noticesPage .notices .noticesEntry {
    height: auto;
    position:relative;
}

#noticesPage .noticeDesc p,
#noticesPage .noticeDesc ol,
#noticesPage .noticeDesc ul{
    margin-bottom: 15px;
}

#noticesPage .noticeDesc li {
    margin-left: 40px;
}

.notices .noteElement
{
    position: relative;
    width:100%;
    height:auto;
    width: 100%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.noteElement .noticeTitle
{
    margin: 0 40px 0 10px;
    padding: 5px 0;
    font-size:14px;
}

.noteElement .noticeDesc
{
    margin:0 40px 0px 10px;
    padding-bottom:5px;
    font-size:18px;
}

.noteElement .note-time {
    margin: 0 40px 0 10px;
    padding-bottom: 10px;
}

.noteElement .arrow_right
{
    height: 10px;
    position: absolute;
    right: 20px;
    width: 5px;
}

.sendButton:hover,.sendButton:active,.sendButton:visited,
a.sendButton:hover,a.sendButton:active,a.sendButton:visited {
    text-decoration: none;
    border:none;
    color: inherit;
}

#noticesPage .notices .noticesEntry .icon
{
    position:absolute;
    top:50%;
    margin-top:-7px;
    width:8px;
    height:14px;
    right:20px;
    background: url("../images/arrow_programm@2x.png");
    background-size: 100% 100%;
}

#noticesPage .notices .noticesEntry.last
{
    border-bottom:none;
}

#noticesPage .notices .noticesEntry.touch-started
{
    background:rgba(0,0,0,0.2);
}

#noticesPage .notices .noticesEntry a, #noticesPage .notices .noticesEntry a:active, #noticesEntry .notices .noticesEntry a:hover
{
    text-decoration: none;
}

#noticesPage .notices .noticesEntry .title
{
    text-transform: uppercase;
    width: auto !important;
    margin-bottom:10px;
}

#noticesPage .notices .noticesEntry .title .time
{
    font-weight:normal;
    font-size:11px;
}

#noticesPage .notices .noticesEntry .description {
    width: auto !important;
    margin-right: 8px;
}


#noticesPage .notices > p{
    margin: 16px 0 0 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid;
}

#noticesPage .notices > p.last{
    border-bottom: none;
}

#noticesPage .notices #noticesP {
    padding: 16px;
    margin: 30% auto auto;
    font-size: 18px;
    line-height: 27px;
    border: none;
}


.notificationPage{
    overflow-y: hidden !important ;
}

.notification-wrapper
{
    border-style: solid;
    border-width: 0;
    border-radius: 6px;
    max-width: 430px;
    transition:  width .3s ease-in-out;
    margin-bottom: 20px;
}

.notification {
    padding: 25px 30px 5px 30px;
    display: flex;
    flex-flow: column;
    align-content: flex-start;
    align-items: center;
}

.filter-counter{
    position: absolute;
    background-color: #ffffff;
    top: 9px;
    right: 30px;
    height: 12px;
    width: 12px;
    border-radius: 8px;
}

.copy-filter{
    padding: 10px 0 0 0;
    height: 49px;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    overflow: visible;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}

.count-number{
    font-size: 11px;
    position: absolute;
    top: -17px;
    right: 3px;
    font-weight: bold;
}

.all-cat-wrapper{
    transition: 0.3s;
}

.filter-wrapper
{
    position: absolute;
    width: 0px;
    right: -60px;
    top: 48px;
    bottom:0;
    min-height: 753px;
    height: calc(100% - 48px);
    transition: width .3s ease-in-out;
    z-index: 2;
}

.modal-notification{
    background: black;
    width: 1000%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    opacity: 0.5;
    top: 0;
}

.filter-wrapper.active
{
    right: 0;
    width: 100%;
}

.filter-element
{
    border-style: solid;
    border-width: 1px;
    border-right: 1px;
    border-top: 1px;
    border-left: 1px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
}

.head-filter
{
    font-size: 15px;
    font-weight: normal;
    height: 21px;
    padding-left: 15px;
    border-width: 1px;
    border-style: solid;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
}

.cross-filter{
    cursor: pointer;
}

.filter-dot
{
    width: 15px;
    height: 15px;
    border-radius: 8px;
    float: left;
    margin: 20px 20px 0 0;
}

.filter-checkmark {
    float: right;
    width: 33px;
    opacity: 0;
    transition: all .15s ease-in-out;
    font-size: 18px;
    line-height: inherit;
}

.nf-placeholder{
    text-align: center;
    margin-top: 25px;
}

.filter-element.active-filter .filter-checkmark {
    opacity: 1;
}

.filter-element.nf-news .filter-dot {
    background-color: #45b29d;
}

.filter-element.nf-push .filter-dot {
    background-color: #efc94c;
}

.filter-element.nf-reminder .filter-dot {
    background-color: #e27a3f;
}

.filter-element.nf-system .filter-dot {
    background-color: #63b3f3;
}

.fixed-filter
{
    position: static;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 25px;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    height: 275px;
}


.use-filter{
    margin-top: 15px;
}


.reset-filter,
.read-all,
.use-filter
{
    height: 45px;
    width: 220px;
    text-align: center;
    margin: 0 auto;
    line-height: 45px;
    border-radius: 3px;
    transition: all .15s ease-in-out;
    cursor: pointer;
    margin-bottom: 20px;
}

.reset-filter {
    margin-top: 25px;
}
.read-all {
    display: none;
    margin-top: 15px;
    opacity: 0.5;
    cursor: default;
}

.active-read-all{
    opacity: 1;
    cursor: pointer;
}

.reset-filter.disabled
{
    cursor: default;
    opacity: .5;
}

.new-icon
{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 5px;
    transition: opacity .15s ease-in-out;
}

.filter-open
{
    height: 48px;
    width: auto;
    top: 0;
    right: 15px;
    line-height: 48px;
    font-size: 1.2rem;
    position: absolute;
    padding: 0px 35px 0px 10px;
    cursor: pointer;
}

/* ==== Notifications ==== */

.nf-box {
    height: 110px;
    width: 100%;
    padding: 10px 15px 5px 10px;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.nf-box .nf-header {
    height: 20px;
    margin: 4px 0 4px 0;
    font-weight: normal;
    font-size: 12px;

}

.nf-box .nf-type {
    text-align: left;
}

.nf-box .nf-time {
    text-align: right;
}

.nf-content {
    height: 80px;
    margin-left: 15px;
    border-bottom: 1px solid;
}

.nf-box:last-child .nf-content {
    border-bottom: 0px;
}

.nf-left-side {
    width: 75px;
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px;
}
.nf-right-side {
    position: absolute;
    left: 85px;
    top : 34px;
    padding-right: 15px;
    width: calc(100% - 85px);
    overflow: hidden;
    margin-top: 2px;
}

.nf-box .nf-info {
    height: 100%;
    max-height: 70px;
    vertical-align: middle;
}

.nf-box .nf-title {
    font-size: 14px;
    line-height: 18px;
    max-height: 56px;
    height: auto;
    font-weight: bold;
    overflow: hidden;
}

.nf-box .nf-message {
    font-size: 14px;
    max-height: 33px;
    height: auto;
    line-height: 18px;
}

.nf-picture {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-size: contain !important;
}

.dot-container{
    width: 20px;
    height: 48px;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 3;
}

.dot-more{
    width: 6px;
    height: 7px;
    position: absolute;
    top: 20px;
    border-radius: 5px;
}

.read-all-mobile-inactive,
.mark-some-mobile-inactive{
    position: absolute;
    display: none;
}

.mark-some-mobile-active,
.read-all-mobile-active {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 190px;
    height: 48px;
    z-index: 3;
    right: 0;
    top: 48px;
    transition: 2s;
    padding: 15px 10px;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    text-align: left;
}

.mark-some-mobile-inactive{
    top: 96px;
}

.n-check-box-inactive{
    display: none;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 8px;
    top: 13px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
}

.n-check-box-active{
    display: block;
    cursor: pointer;
}

.filter-choices{
    width: 100%;
    height: 90px;
    padding: 20px 0 0 0;
    position: relative;
}

.filter-category{
    font-size: 12px;
    padding: 6px 15px 5px 15px;
    border-radius: 15px;
    margin-left: 10px;
    font-weight: bold;
   /* position: absolute;*/
}

.wrapper-filter-headline{
    margin-bottom: 10px;
}

.headline-filter{
    font-size: 15px;
    padding: 15px;
}

.cross-filter {
    margin-left: 5px;
}

.cat-wrapper{
    height: 55px;
    white-space: nowrap;
    overflow-y: scroll;
    padding-top: 5px;
}

.cat-wrapper::-webkit-scrollbar { 
    display: none; 
}

.close-filter{
    display: none;
    position: absolute;
    top: 16px;
    left: 10px;
    cursor: pointer;
}

.use-filter-hl{
    display: none;
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer;
}
/* =========== */

@media screen and (max-width: 1000px) {
    .fixed-filter{
        padding-right: 0px;
    }

    .notification{
        padding: 0;
    }

    .notification-wrapper{
        border-radius: 0px;
        border-style: none;
    }

    .headline-filter{
    font-size: 15px;
    text-transform: uppercase;
    }

    .head-filter{
        text-transform: uppercase;
        padding-bottom: 35px;
    }

}

@media screen and (min-width: 1670px) {
    .push-box{
        margin: 0 550px;
    }

    .fixed-filter{
        padding-right: 0px;
    }
}

@media screen and (min-width: 1000px) {

    .head-filter{
        margin-left: 25px;
        padding: 0;
        font-size: 17px;
        border-width: 0px;
        height: 40px;
    }

    .filter-choices{
        display: none;
    }
    
    .filter-wrapper, .filter-wrapper.active {
        visibility: visible;
        width: 282px;
        right: 0;
        top: 48px;
        bottom: 0px;
        border-style: solid;
        border-width: 0;
        border-right: 1px;
        border-top: 1px;
        border-bottom: 1px;
        padding: 25px 15px 0 15px;
    }

    .filter-open {
        visibility: hidden;
    }

    .filter-visible {
        width: calc(100% - 282px);
    }

    .fixed-filter{
        max-width: 300px;
        padding: 0px;
        border-bottom: 1px;
    }

    .fixed-filter:last-child {
    border-width: 0px;
    }

    .filter-checkmark {
        width: 25px;
    }

    .read-all{
        display: block;
    }

    .dot-container,
    .read-all-mobile-active,
    .mark-some-mobile-active {
        display: none;
    }

    .use-filter{
        display: none;
    }

    .close-filter{
        display: none;    
    }
}



.notification-popup {
    position : absolute;
    z-index: 9999;
    border-style: solid;
    border-width: 1px;
    width: 80%;
    top:35%;
    left: -10%;
    border-radius : 3px 3px 0 0;
    height: auto;
}

@media (max-width: 767px){
    .notification-popup {
        left: 10%;
    }
}

.notification-popup .nt-title {
    font-weight: bold;
}

.notification-popup .b-box{
    left: -1px;
    right: -1px;
    bottom: -44px;
    border-style: solid;
    border-width: 1px;
}

.push-box .b-box {
    border-top-width: 1px;
    border-top-style: solid;
}

.nf-picture .ico-agenda {
    font-size: 30px;
    line-height: 50px;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

.onboarding-header-icon {
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
}

#tfa-code input[type=number]::-webkit-inner-spin-button,
#tfa-code input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.onboarding-header-message {
    padding: 15px 30px;
}

.onboarding-input-container {
    margin: 0 auto;
    padding: 30px 30px 10px 30px;
    max-width: 405px;
}

.onboarding-footer-buttons {
    bottom: 0;
    width: 100%;
    left:0;
    position: absolute;
    height: 70px;
    z-index: 10;
}

.onboarding-button-container {
    margin: 0 auto;
    padding: 10px;
    max-width: 365px;
}

.onboarding-button {
    height: 50px;
    line-height: 50px;
}

.onboarding-input-container .element {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.onboarding-input-container .element input{
    height: 42px !important;
    line-height: 20px;
    padding: 6px 0 !important;
    margin: 0 !important;
    outline: none !important;
}

.onboarding-input-container.profile .element input{
    height: 33px !important;
}

.onboarding-input-container.profile .element{
    margin-bottom: 10px;
}

.onboarding-input-container .element input.password {
    padding-right: 20px !important;
}

.onboarding-input-container .onboarding-button {
    display: none;
}

.onboarding .input {
    position: relative;
}

.onboarding .input .show-password {
    position: absolute;
    z-index: 10;
    right: 0;
    top:0;
    height: 100%;
    line-height: 42px;
    width: 20px;
}

.onboarding .show-password[data-state="show"] .icon-eye {
    display: inline-block;
}

.onboarding .show-password[data-state="show"] .icon-eye-blocked {
    display: none;
}

.onboarding .show-password[data-state="hide"] .icon-eye {
    display: none;
}

.onboarding .show-password[data-state="hide"] .icon-eye-blocked {
    display: inline-block;
}

.onboarding .text-button {
    height: 42px;
    line-height: 42px;
}

.onboarding *:-ms-input-placeholder {
    font-style: normal !important;
}

.onboarding *::-webkit-input-placeholder {
    font-style: normal !important;
}

.onboarding *:-moz-placeholder {
    font-style: normal !important;
}

.onboarding *::-moz-placeholder {
    font-style: normal !important;
}

.onboarding-scroll-headline {
    display: block;
    position: absolute;
    line-height: 48px;
    top:0;
    left:82px;
    right:82px;
    opacity: 0;
}

.onboarding-header-step {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 4px;
    display: inline-block;
    opacity: 0.5;
}

.onboarding-header-step.active {
    opacity: 1;
}

.onboarding-picture-wrapper {
    width: 140px;
    height: 140px;
    margin: 0 auto 30px;
    position: relative;
}

.onboarding-picture {
    opacity: 0.15;
    border-radius: 8px;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.onboarding-picture-placeholder {
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    left: 17px;
}

.onboarding-picture-camera-icon{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgb(0, 0, 0, 0.5);
}

.onboarding-picture-wrapper #photo{
    position: absolute;
    height: 140px;
    width: 140px;
    top: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.delete-picture-icon {
    width: 20px;
    height: 20px;
    bottom: 9px;
    left: 10px;
    font-size: 18px;
    text-align: center;
    position: absolute;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgb(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
    .onboarding-footer-buttons {
        display: none;
    }

    .onboarding .pb70 {
        padding-bottom: 0;
    }

    .onboarding-input-container .onboarding-button {
        display: block;
    }

    .onboarding-header-message {
        font-size: 20px;
        line-height: 22px;
    }

    .onboarding-input-container {
        padding-top: 65px;
    }

    .onboarding-input-container,
    .onboarding-input-container input{
        font-size: 17px;
    }

    .onboarding-input-container .text-button {
        margin-top: 20px;
    }

    .onboarding-input-container .fs12 {
        font-size: 14px;
        line-height: 18px;
    }

    .onboarding-input-container .pt30 {
        padding-top: 40px;
    }
}

.person-header {
    width: 100%;
    padding: 25px 0 20px 0;
    position: relative;
}

.person-header .photo {
    width:140px;
    height:140px;
    margin: 0 auto;
    border-radius: 8px !important;
    background-size: cover;
}

.person-header .name {
    margin: 20px auto 0;
}

.no-display-person {
    text-align: center;
    position: relative;
    top: 40%;
}

.exportButton {
    width: auto;
    height: 48px;
    display: block;
    position: absolute;
    top: 0;
    z-index: 3;
    padding: 0 10px;
    right: 0;
    line-height: 48px;
    cursor: pointer;
}

.exportButton i {
    text-decoration: none;
}

.person-detail .tag{
    display: inline-block;
    padding:0 0 0 5px;
    font-size: 12px;
    border-radius: 4px;
    margin: 10px 10px 0 0;
}

.person-detail .actionbar * {
    text-decoration:none;
}

#person-detail .mail-click * {
    font-size: 18px;
}


#person-detail .tag {
    height: 26px;
    border-radius: 13px;
    line-height: 24px;
    font-size: 14px;
    max-width: 100%;
    float: left;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
    border-width: 1px;
    border-style: solid;
}

#person-detail .tag .tag-count,
#person-detail .tag .tag-title
{
    height: 100%;
    display: block;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    text-transform: uppercase;
}

#person-detail .tag-title
{
    padding: 0 7px ;
    margin-right: 30px;
    text-align: center;
    vertical-align: top;
}

#person-detail .tag-count
{
    width: 30px;
    padding-right: 3px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    border-radius: 0 12px 12px 0;
    border-width: 1px;
    border-style: solid;
    border-bottom: 1px;
    border-right: 1px;
    border-top: 1px;
}

#person-detail .tag.matched {
    font-size: 14px;
    font-weight: bold;
}

#person-detail .tag .count {
    height: auto;
    border-radius: 0 190px 190px 0;
    border-left:1px solid; 
    background-color: #ffffff;
    border-top:0;
    border-right:0;
    border-bottom:0;
    width: 30px;
    text-align: center;
    margin: 0 0 0 5px;
    padding: 0 25px 0 7px;
}

#wrapper { 
    width:100%;
    border: solid 1px #999;
    text-align:center; 
    margin: 0 auto;
    background-color:#aaa;
}

#nr-1,#nr-2,#nr-3,#nr-4{ 
    display:inline-block; 
    border: solid 1px #999; 
    text-align:left; 
    margin: 0 auto; 
    background-color:#ccc; 
    width:100px; 
    height:100px;
}

.tags-search .tag-displayed
{
    margin-top: 0;
    height: 100%;
}

#person-detail .events-header {
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
}

#person-detail .event {
    border-top: 2px solid;
    position: relative;
}

#person-detail .event .event-time
{
    padding: 14px 0 10px 14px;
    width: calc(100% - 34px);
    font-weight: bold;
}

#person-detail .event .event-name
{
    font-weight: bold;
    padding: 0 0 10px 14px;
    width: calc(100% - 34px);
}

.person-info
{
    background-color:#ffffff;
}

/*------------------*/

.tags .go-mail-person,
.tags .calendar-person,
.tags .chat-person,
.tags .favorite-person,
.tags .lead-person
{
    margin: 0 auto;
    display: table-cell;
    text-decoration:none;
    font-size: 14px;
    text-align: center;
    width: 100px;
    vertical-align: bottom;
}

.actionbar {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


.actionbar i {
    margin-bottom: 4px;
}

#person-detail .tags
{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    display: table;
    border-color: #c8c7cc;
}

.matchmaking {
    margin: 0 auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.person-search,
.person-offer {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 35px;
    border-color: #c8c7cc;
}


.person-search {
    border-left: 1px solid;
}

.tags-toggle-wrapper, .tags-wrapper {
    width: 100%;
    display: block;
}

.tags-toggle-wrapper {
    height: 40px;
}

.tags-wrapper {
    height: auto;
}

.tags-toggle {
    border-bottom: 1px solid;
    border-top: none;
    padding-top: 1px;
    cursor: pointer;
}

.tags-toggle.person-offer.active {
    padding-top: 0;
    border-width: 1px;
    border-style: solid;
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    cursor: default !important;
}

.tags-toggle.person-search.active {
    padding-top: 0;
    border-width: 1px;
    border-style: solid;
    border-bottom: 1px;
    border-right: 1px;
    cursor: default !important;
}

.match-tag-offer {
    display: inline-block;
}

.table-match {
    position: relative;
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.tag-displayed {
    display: block;
    text-align: left;
    padding: 10px 15px 20px 15px;
    background-color: white;
    width: 100%;
    height: 100%;
    max-width: 100%;
    font-size: 11px;
    font-weight: bold;
}

.agenda-item {
    padding: 15px 0 15px 0;
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #c8c7cc;
    height: 110px;
}

.event-date {
    position: relative;
    text-align: center;
}

.event-date-left {
    height: 42px;
    text-align: center;
    border-right: 1px solid #c8c7cc;
    padding-right: 5px;
    width: 50%; 
}

.event-date-right {
    height: 42px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 10px;
    width: 75%;
}

.day-event-u {
    font-size: 20px;
    font-weight: bold;
}

.day-event-d {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
}

.event-time {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
}

.event-category-container {
    display: block;
    width: 100%
}

.event-location {
    text-align: center;
    padding-top: 5px;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    max-height: 30px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.progress-bar-event-time
{
    position: relative;
    width: 90%;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    margin: 7px 0 2px 2px;
}

.progress-bar-event-time .bg
{
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
}
.progress-bar-event {
    position: relative;
    width: 100%;
    height: 1px;
    border-radius: 1px;
    overflow: hidden;
    margin: 7px 0 4px 0;  
}

.progress-bar-event-time .bg2
{
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
}

.event-title
{
    line-height: 18px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 9px;
}


.event-data
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 120px;
    margin-top: 8px;
}


.speaker-container
{
    display: block;
    overflow: hidden;
    height: 30px;
    max-width: calc(100% - 120px);
    position: absolute;
    top: 54px;
    right: 15px;
}

.speaker-img 
{
    margin-left: 5px;
    height: 30px;
    width: 30px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-radius: 2px;
}

.speaker-lt 
{
    border-radius: 2px;
}

.speaker-lt span {
    line-height: 30px;
    text-align: center;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.speaker-count 
{
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
}

.speaker-counter0
{
    background-color: #FFFFFF;
    z-index: 1;
}

.speaker-counter1
{
    opacity: 0.25;
    z-index: 2;
}

.speaker-counter2
{
    line-height: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    z-index: 3;
}


.events-wrapper
{
    padding: 0 0 0 15px;
    background-color: #ffffff;
}

.event-left-side
{
    width: 90px;
    position: relative;
    left: 0;
    top: 1px;
    height: 100%;
}

.category-tag
{
    height: 14px;
    border-radius: 7px;
    padding: 0 6px 0 6px;
    line-height: 12px;
    width: 100%;
}

.category-tag-wrapper
{
    display: inline-block;
    padding-right: 5px;
}

.category-tag-text
{
    font-weight: bold;
    font-size: 11px;
    height: 14px;
    border-radius: 7px;
    
}

.category-container
{
    background-color: transparent !important;
}

.social-connect-xing-icon,
.social-connect-linkedin-icon {
    height: 25px;
    width: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.social-connect-linkedin-name {
    color: #0288d1;
}

.social-connect-xing-name {
    color: #006064;
}

.social-connect-xing-icon {
    background-image: url(../images/social/xing_logo.png);
}
.social-connect-linkedin-icon {
    background-image: url(../images/social/linkedin_logo.png);
}

@media
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (min-resolution: 1.5dppx) {
    .social-connect-xing-icon {
        background-image: url(../images/social/xing_logo@2x.png);
    }
    .social-connect-linkedin-icon {
        background-image: url(../images/social/linkedin_logo@2x.png);
    }
}
@media 
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
    .social-connect-xing-icon {
        background-image: url(../images/social/xing_logo@3x.png);
    }
    .social-connect-linkedin-icon {
        background-image: url(../images/social/linkedin_logo@3x.png);
    }
}

.person-profile,
.matchmaking ,
.events-header,
.events-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.person-profile .data,
.person-profile .SeparatorBC {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.person-profile .SeparatorBC .data {
    border-bottom-width: 0;
}

.person-profile .textblock .data p:not(:last-of-type) {
    margin-bottom: 10px;
}

.person-profile .textblock .data ul,
.person-profile .textblock .data ol
{
    padding: 15px 0 15px 25px;
}

.person-status-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 17px;
}

.checkin-wrapper {
    margin-right: 20px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.checkin-wrapper .icon-location {
    margin-right: 1px;
}

.checkin-wrapper .lng-html {
    font-weight: 500;
}

.person-online-status-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.person-online-status-indicator-label {
    font-weight: 500;
}

.person-online-status-indicator-online {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: rgb(118, 207, 103);
}

.person-online-status-indicator-offline {
    width: 8px;
    height: 8px;
    border-radius: 8px;
}

.person-online-status-indicator-unknown {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border-width: 1px;
    border-style: solid;
}

.scrollPersons .person,
.scrollPersons .letter-row {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    position: relative;
}

.scrollPersons .person .favorite {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.scrollPersons .person .table {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    position: relative;
    z-index: 2;
}

.scrollPersons .person-wrapper .person:last-of-type .table {
    border-bottom-width: 0;
}


#personsPage #persons-filter-wrapper {
    width: 100%;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 5;
    overflow: auto;
}

#personsPage .person-filter-label {
    height: 82px;
    line-height: 82px;
    width: 100%;
    text-align: center;
    display: none;
}

#personsPage .person-filters {
    max-width: 430px;
    margin: 0 auto;
}

#personsPage .person-filter-button {
    width: 220px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#personsPage .filter-button {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border-radius: 30px;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25);
}

#personsPage .filter-button-icon {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 13px;
    display: block;
}

#personsPage .filter-button-label {
    height: 14px;
    margin-top: 1px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: bold;
}

#personsPage .filter-button-counter {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    right: 17px;
    top: 8px;
    border-radius: 8px;
}

#personsPage .person-filter-header {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 48px;
    font-size: 15px;
    display: table;
    table-layout: fixed;
    line-height: 48px;
    text-align: center;
}

#personsPage .active-filters {
    width: 100%;
    height: 50px;
    max-height: 50px;
    padding-left: 10px;
    overflow: hidden;
}
#personsPage .filter-active-filters-wrapper {
    padding: 0 15px;
    margin: 30px auto 0 auto;
    max-width: 430px;
}

#personsPage .filter-active-filters-wrapper-label {
    height: 25px;
    line-height: 20px;
}
#personsPage .filter-active-filters {
    height: 50px;
    max-height: 50px;
    overflow: hidden;
}
#personsPage .active-filter-container {
    height: 70px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 10px;
}
#personsPage .person-filters .filter {
    font-size: 15px;
    cursor: pointer;
    padding-left: 15px;
}

#personsPage .person-filters .filter .table {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#personsPage .person-filters .filter .table-cell {
    vertical-align: middle;
}

#personsPage .person-filters .tag-divider {
    margin-top: 30px;
    height: 25px;
    line-height: 20px;
}

#personsPage .active-filter-tag {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 15px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    position: relative;
}

#personsPage .active-filter-tag .active-filter-tag-icon{
    position: absolute;
    top: 0px;
    left: 9px;
    line-height: 28px;
}
#personsPage .active-filter-tag .one_line {
    max-width: 180px;
    font-weight: bold;
    padding: 0 30px;
}
#personsPage .active-filter-tag .active-filter-tag-close{
    position: absolute;
    top: 0px;
    right: 9px;
    line-height: 28px;
}

#personsPage .active-filter-tag .table-cell {
    vertical-align: middle;
}

/* icon is now in person-image or placeholder to avoid resizing issues*/
#personsPage .person-chat-icon {
    position: absolute;
    right: 0;
    font-size: 11px;
    bottom: 0;
    width: 16px;
    height: 16px;
    padding-top: 3px;
    text-align: right;
    border-top-left-radius: 9px;
    overflow: hidden;
    z-index: 5;
}

@media (max-width: 1023px){
    #personsPage .person-filters .feature:last-of-type {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    #personsPage .person-filters .feature:last-of-type .table {
        border:none;
    }

    #personsPage .person-filters .tag:last-of-type {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    #personsPage .person-filters .tag:last-of-type .table {
        border:none;
    }
    #personsPage .person-filters .tag-divider {
        padding-left: 15px;
    }
}

@media (min-width: 1024px){
    #personsPage #persons-filter-wrapper {
        width: 278px;
    }
    #personsPage .person-filters {
        width: 248px;
    }
    #personsPage .scrollPersons {
        max-width: calc(100% - 278px);
    }
    #personsPage .filter-button {
        display: none;
    }
    #personsPage .person-filter-button.person-filter-apply {
        display: none;
    }
    #personsPage .person-filter-label {
         display: block;
    }
    #personsPage .active-filters {
        display: none;
    }
    #personsPage .filter-active-filters-wrapper{
        display: none;
    }
    #personsPage .person-filter-button {
        margin-bottom: 100px;
    }
    #personsPage .person-filters .filter {
        padding-left: 0px;
    }
}

.configure-matchmaking-button {
    padding: 5px 10px;
    border-radius: 2px;
    height: 27px;
    line-height: 17px;
}

.matchmaking-matches .matchmaking-match {
    background-size: contain;
    border-radius: 2px;
}

.matchmaking-dot {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    display: inline-block;
}

/*****************************/
/** jQuery mobile Override	**/
/*****************************/
.ui-btn-corner-all{
    border-radius: 0 !important;
}

.ui-btn-up-c{
    border: none;
    text-shadow: none;
}

.ui-btn{
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-icon{
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
}

.ui-btn-inner{
    border: none;
    font-size: 19px;
}

.ui-shadow{
    box-shadow: none;
}

.ui-select .ui-btn-icon-right .ui-icon {
    right: 14px !important;
}

.ui-body-c, .ui-overlay-c{
    text-shadow: none;
}

.ui-select .ui-btn select{
    height: 49px;
}

html.ui-mobile body.ui-mobile-viewport div#page.schedulePage div.ui-panel-content-wrap div.ui-content div#schedulePage.contentPage div.daysSelect div.scheduletagselect div.ui-select div.ui-btn.ui-btn-hover-c{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border: medium none;
    font-weight: normal;
    height: 49px;
    margin: 0;
    padding: 0;
}

.hour div
{
    position:relative;
    display:block;
}








.modal-overlay:not(.open) {
    display: none;
}

.modal-overlay {
    z-index: 9999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

.modal-overlay .modal-overlay-body {
    position: absolute;
    width: 100%;
    max-width: 512px;
    max-height: 90%;
    left: 50%;
    top: 50%;
    overflow-y: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.modal-overlay .modal-overlay-body.box-shadow {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.modal-overlay .modal-overlay-content {
    /*margin-bottom: 48px;*/
    height: calc(100% - 96px);
}

.modal-overlay .modal-overlay-content.inset-shadow {
    -webkit-box-shadow: inset 0 15px 15px -17px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 15px 15px -17px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 15px 15px -17px rgba(0, 0, 0, 0.6);
}

.modal-overlay .modal-overlay-body .modal-overlay-header {
    padding-left: 48px;
    padding-right: 48px;
}

.modal-overlay .modal-overlay-body .btn-modal-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    width: 48px;
}

.modal-overlay .modal-overlay-body .btn-modal-close::after {
    content: '\eb93';
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'icomoon';
    font-size: 17px;
    text-align: center;
    line-height: 48px;
    color: inherit;
}

.modal-overlay .modal-overlay-body .modal-overlay-header,
.modal-overlay .modal-overlay-body .modal-overlay-footer {
    height: 48px;
    line-height: 47px;
    width: 100%;
}

.modal-overlay .modal-overlay-body .modal-overlay-footer {
    /*position: absolute;*/
    bottom: 0;
    border-top-width: 1px;
    border-top-style: solid;
}

@media (max-width: 512px) {
    .modal-overlay .modal-overlay-body {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow-y: auto;
        max-height: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (min-width: 513px) {
    .modal-overlay:not(.open) .modal-overlay-body {
        -webkit-transform: translate(-50%, -55%);
        -moz-transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        -o-transform: translate(-50%, -55%);
        transform: translate(-50%, -55%);
    }
}

#poiPage .poi-page-container{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 48px;
    overflow: hidden;
}
#poiPage .poi-levels{
    height: 44px;
    overflow-y: hidden;
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.25);
    z-index: 5;
    position: relative;
}
#poiPage .poi-levels-container{
    overflow-y: hidden;
    overflow-x: scroll;
    height: 60px;
}
#poiPage .poi-levels-wrapper{
    display: inline-block;
    white-space: nowrap;
    height: 44px;
}
#poiPage .poi-level-button{
    height: 20px;
    font-weight: bold;
    margin: 12px 0px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    opacity: 0.5;
    font-size: 12px;
    border-right-width: 1px;
    border-right-style: solid;
}
#poiPage .active-level {
    opacity: 1;
}
#poiPage .active-level:after {
    content: ' ';
    margin-top: 8px;
    height: 4px;
    width: 100%;
    display: block;
}
#poiPage .poi-level-button:last-of-type{
    border-right: none;
}
#poiPage .poi-wrapper{
    position: absolute;
    left: 0px;
}
#poiPage .poi-image-wrapper{
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: white;
}

#poiPage .poi-image-wrapper img{
    position: absolute;
}

#poiPage .zoom-in,
#poiPage .zoom-out,
#poiPage .hide-poi-button,
#poiPage .reload-poi-button{
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.35);
    bottom: 60px;
    right: 15px;
    cursor: pointer;
}

#poiPage .reload-poi-button {
    top: 60px;
    border-radius: 22px;
    font-size: 24px;
}

#poiPage .zoom-divider {
    width: 44px;
    height: 1px;
    position: absolute;
    right: 15px;
    bottom: 170px;
}

#poiPage .zoom-in {
    bottom: 171px;
    font-size: 16px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}
#poiPage .zoom-out {
    bottom: 126px;
    font-size: 16px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}
#poiPage .hide-poi-button {
    bottom: 70px;
    border-radius: 22px;
    font-size: 20px;
}

@media screen and (min-width: 1024px) { 
    #poiPage .hide-poi-button,
    #poiPage .zoom-out,
    #poiPage .zoom-divider,
    #poiPage .zoom-in,
    #poiPage .reload-poi-button{
        right: 293px;
    }
    #poiPage .zoom-in{
        bottom: 121px;
    }
    #poiPage .zoom-divider {
        bottom: 120px;
    }#poiPage .zoom-out {
        bottom: 76px;
    }
    #poiPage .hide-poi-button {
        bottom: 20px;
    }
}

.zoom-icon-poi{
    height: 40px;
    width: 20px;
    margin-left: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/zoom.png);
}
@media only screen and (min-width: 320px) {
    .zoom-icon-poi{
        background-image: url(../images/zoom.png);
    }
}
@media 
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144pi),
  screen and (min-resolution: 1.5dppx) {
    .zoom-icon-poi{
        background-image: url(../images/zoom@2x.png);
    }
}
@media 
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
    .zoom-icon-poi{
        background-image: url(../images/zoom@3x.png);
    }
}


#poiPage .poi-image-wrapper .pois {
    position: absolute;
    backface-visibility: hidden;
}

#poiPage .poi-image-wrapper .poi-pin {
    position: absolute;
    transform-origin: bottom;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    cursor: pointer;
}

#poiPage .poi-image-wrapper .poi-pin .pin-body {
    position: relative;
    bottom: -2px;
    width: 32px;
    height: 32px;
    font-size: 14px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 16px;
    border-width: 2px;
    border-style: solid;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
}

#poiPage .poi-pin.active .pin-body .table{
    width: auto;
}

#poiPage .poi-image-wrapper .poi-pin .pin-body {
    line-height: 28px;
    width: 32px;
    overflow: hidden;
}

#poiPage .poi-image-wrapper .poi-pin.active {
    z-index: 2;
}

#poiPage .poi-image-wrapper .poi-pin.active .poi-pin-label{
    font-size: 14px !important;
}

#poiPage .poi-image-wrapper .poi-pin.active .pin-body.additional {
/*    height: 62px;*/
    height: auto;
}

#poiPage .poi-image-wrapper .poi-pin .poi-additional {
    height: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#poiPage .poi-image-wrapper .poi-pin.active .poi-additional {
    height: 30px;
    width: auto;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 100px;
    white-space: nowrap;
}

#poiPage .poi-arrow-icon {
    font-size: 10px;
}

#poiPage .poi-pin .poi-close-button {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
    line-height: 15px;
    font-size: 15px;
    height: 15px;
    width: 15px;
}

#poiPage .poi-pin.active .poi-close-button {
    display: block;
}

#poiPage .poi-name-wrapper {
    white-space: nowrap;
}

#poiPage .poi-image-wrapper .poi-pin.active .pin-body {
    width: auto;
    max-width: 300px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: auto;
}

#poiPage .poi-image-wrapper .poi-pin .poi-pin-label {
    width: 28px;
    height: 28px;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
}

#poiPage .poi-image-wrapper .poi-pin .poi-pin-name {
    width: 170px;
    height: 28px;
}

#poiPage .poi-image-wrapper .poi-pin.active .poi-pin-name {
    width: auto;
    padding-left: 10px;
    margin-right: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
    height: auto;
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
}

#poiPage .text-height-wrapper {
    
}

#poiPage .poi-image-wrapper .poi-pin .pin-needle {
    position: relative;
    top: 0;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-width: 22px;
    border-top-style: solid;
}

#poiPage .poi-pointlist-wrapper {
    position: absolute;
    bottom: 0px;
    height: 49px;
    width: 100%;
    z-index: 3;
}
#poiPage .poi-pointlist-legend {
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}
#poiPage .poi-pointlist-bar {
    width: 40px;
    height: 4px;
    position: absolute;
    top: 4px;
    left: calc(50% - 20px);
    border-radius: 2px;
}
#poiPage .poi-pointlist-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#poiPage .poi-pointlist-scroll {
    overflow-y: auto;
    overflow-x: visible;
}
#poiPage .poi-pointlist{
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
} 

#poiPage .poi-pointlist-item{
    height: 60px;
    padding: 0 16px;
    cursor: pointer;
}
#poiPage .poi-pointlist-item .table-cell {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
#poiPage .poi-pointlist-item-circle {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    border-width: 1px;
    border-style: solid;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 2;
} 
#poiPage .poi-pointlist-item-name {
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    position: relative;
    z-index: 2;
} 
#poiPage .text-height-wrapper {
}
    
#poiPage .poi-pointlist-overlay {
    position: absolute;
    left: -16px;
    width: calc(100% + 32px);
    height: 60px;
    z-index: 1;
    opacity: 0.3;
}

#poiPage .block-map {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.15);
}


.poiPage .modal-overlay .tutorial-modal{
    width: calc(100% - 100px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.poiPage .tutorial-modal .modal-overlay-footer {
    height: 45px !important;
    line-height: 45px !important;
    display: table !important;
}

.poiPage .tutorial-headline{
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}

.poiPage .tutorial-helper {
    width: 100%;
    padding: 15px 25px 20px 25px;
}

.poiPage .icon-zoom-moon {
    font-size: 32px;
}
.poiPage .icon-visibility-moon {
    font-size: 25px;
    padding-left: 5px;
}

.poiPage .table-cell {
    vertical-align: middle;
}

.poiPage .tutorial-btn-apply{
    border-right-width: 1px;
    border-right-style: solid;
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 100%;
}



@media screen and (max-width: 1023px) { 
    #poiPage .poi-pointlist-wrapper{
        transition: transform 0.5s; 
    }
    #poiPage .poi-pointlist-item:last-of-type .table-cell{
        border-bottom: none;
    } 
    #poiPage .poi-wrapper{
        bottom: 49px;
        right: 0px;
    }
}

@media screen and (min-width: 1024px) {
    #poiPage .poi-pointlist-wrapper {
        right: 0px;
        height: auto;
        width: 278px;
        top: 44px;
        transform: translateY(0px) !important;
        transition-duration: 0s !important;
    }
    .tablet-top0 {
        top: 0px !important;
    }
    #poiPage .poi-wrapper{
        bottom: 0px;
        right: 278px;
    }
    #poiPage .poi-pointlist-bar {
        opacity: 0;
        cursor: default;
        display: none;
    }
    #poiPage .poi-pointlist-legend {
        pointer-events: none;
    }
    #poiPage .poi-pointlist-scroll {
        height: calc(100% - 50px) !important;
    }
}

.poi-legend-toggle {
    position: absolute;
    top: 5px;
    left: -40px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border-width: 4px;
    border-style: solid;
    cursor: pointer;
    transition: left 500ms ease-in-out;
}
.legend-open .poi-legend-toggle {
    left: -22px;
}
.poi-legend-toggle-icon {
    transition: transform 500ms ease-in-out;
    font-size: 24px;
}
.legend-open .poi-legend-toggle-icon {
    transform: rotate(-180deg);
}

@media screen and (max-width: 1023px) {
    .poi-legend-toggle{
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    #poiPage .poi-pointlist-wrapper {
        right: -278px;
        transition: right 500ms ease-in-out !important;
    }
    #poiPage .legend-open .poi-pointlist-wrapper {
        right: 0;
    }
    #poiPage .poi-wrapper {
        right: 0;
        padding: 16px 16px 0 16px;
        transition: right 500ms ease-in-out, padding 500ms ease-in-out;
    }
    #poiPage .legend-open .poi-wrapper {
        right: 278px;
        padding: 16px 4px 0 16px;
    }
    #poiPage  .hide-poi-button, #poiPage .zoom-out, #poiPage .zoom-divider, #poiPage .zoom-in, #poiPage .reload-poi-button {
        right: 30px;
        transition: right 500ms ease-in-out;
    }
    #poiPage .legend-open .hide-poi-button, #poiPage .legend-open .zoom-out, #poiPage .legend-open .zoom-divider, #poiPage .legend-open .zoom-in, #poiPage .legend-open .reload-poi-button {
        right: 300px;
    }
    #poiPage .poi-pointlist-wrapper {
        margin-top: 16px;
    }
}
#poiPage .poi-image-wrapper .poi-pin .pin-body,
#poiPage .poi-image-wrapper .poi-pin .pin-needle {
    z-index: 2;
}
.poi-pin lottie-player {
    position: absolute;
    top: -27px;
    left: -29px;
    width: 89px;
    height: 89px;
    z-index: 1;
    pointer-events: none;
}
.poi-pin.active lottie-player{
    visibility: hidden;
}


.qr-ticket-container{
    width: 100%;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
}

.qr-event-info{
    line-height: 26px;
    padding: 30px 30px 20px 30px;
    z-index: 1;
    position: relative;
}

.qr-event-title{
    font-size: 22px;
    line-height: 28px;
}

.qr-event-date{
    font-size: 14px;
    line-height: 28px;
}

.qr-code{
    width: 220px;
    height: 220px;
    margin: 0 auto;
    position: relative;
}

.qr-code > img {
    width: 269px;
    position: absolute;
    left: -25px;
    right: 0;
    top: -43px;
    z-index: 0;
}

.qr-user-id{
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.qr-user-id > span {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: -30px;
}

.user-picture{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-position: center;
    background-size: contain;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
}

.qr-user-data{
    padding: 0 15px;
}

.qr-user-data > div{
    border-style: solid;
    border-width: 1px;
    border-bottom: 1px;
    border-right: 1px;
    border-left: 1px;
    text-align: left;
}

.qr-user-item{
    margin-top: 20px;
    padding: 14px 0 15px 0;
}

.qr-status{
    text-align: left;
    padding: 25px 0;
    font-weight: bold;
    font-size: 14px;
}

.user-data{
    padding-left: 10px;
    font-size: 14px;
}

.user-data .user-name > span{
    font-weight: bold;
}

.qr-status > span, .check-status > span{
    font-weight: bold;
    font-size: 14px;
}

.qr-status{
    float: left;
}

.qr-user-status{
    height: 67px;
}

.qr-user-data .check-status{
    float: left;
}

.check-status-info{
    margin: 15px 0 0 70px;
}

.status-icon{
    float: right;
    margin: 5px 9px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    vertical-align: top;
    text-align: center;
    padding-top: 3px;
    font-size: 12px;
    color: white;
    background-color: rgb( 118, 207, 103);
}

.check-date{
    float: left;
}

.check-status{
    color: rgb( 118, 207, 103);
}

.qr-user-item{
    min-height: 90px;
}

/*QUIZ LIST*/

.quiz-detail .table-cell {
    font-size: 12px;
    line-height: 18px;
}
.quiz-detail .table-cell:first-child {
    text-align: left !important;
}
.quiz-detail .table-cell:last-child {
    text-align: right;
}

.quizDetailScroll .end-ovl{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    opacity: 0;
    transition: 0.5s;
}
.quiz-container{
    width: 100%;
    height: auto;
    padding: 15px 10px 20px 10px;
    position: relative;
}
.next-question-button{
    height: 40px;
    width: 166px;
    background: rebeccapurple;
    position: absolute;
    text-align: center;
    bottom: 0;
    top: 490px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 40px;
    opacity: 0;
    transition: 0.250s;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 250ms cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition: all 250ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition: all 250ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition: all 250ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition: all 250ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630);  
}
.quiz-entry{
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    max-width: 450px;
}
.quiz-description{
    width: 100%;
    height: 135px;
    padding: 25px 15px 20px 15px;
}
.quiz-description .qn-cont{
    margin-bottom: 7px;
}
.quiz-description .desc-cont{
    max-height: 55px;
    overflow: hidden;
}

.quiz-description .quiz-name{
    font-weight: bold;
    font-size: 17px;
}
.quiz-description .quiz-description-text{
    font-size: 14px;
    line-height: 18px;
}
.quiz-detail{
    position: relative;
    width: 100%;
    height: 40px;
    padding: 10px 14px;
}
.quiz-detail > span{
    display: inline-block;
    margin: 0 0px;
    font-size: 12px;
    line-height: 18px;
}
.quiz-detail > span > i{
    margin-right: 6px;
}
.quiz-detail-bg{
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    opacity: 0.15;
    padding: 10px 25px;
}
.quiz-thumbnail{
    position: relative;
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.quiz-status/*[data-result="done"]*/{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 17px;
    font-weight: bold;
    padding-top: 40px;
}
.quiz-status.no-background-color {
    background-color: transparent;
}
.points-span{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top: 3px;
}
.quiz-start {
    width: 100%;
    height: 45px;
    padding: 12px 0;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}
.quiz-result{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    vertical-align: top;
    margin: 0 5px;
}
.quiz-result.false-answer{
    line-height: 19px;
}
.quiz-start .no-answer{
    opacity: 0.1;
}
/*QUIZ LIST*/
/**************/
/**************/
/*QUIZ RESULT*/
.quizResultScroll{
    height: 100%;
}
.quiz-result-container{
    padding: 20px 10px 20px 10px;
}
.result-header{
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-top: 1px;
    max-width: 450px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}
.contentPage .quiz-name-res{
    position: absolute;
    height: 44px;
    width: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 17px;
    font-weight: bold;
    z-index: 4;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.result-header .quiz-thumbnail{
    width: 100%;
    height: 128px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 8px 8px 0px 0px;
}
.result-header .quiz-answers{
    width: 100%;
    height: 80px;
    padding: 22px 32px 22px 32px;
}
.result-header .quiz-right{
    width: 50%;
    height: 55px;
    position: absolute;
    left: 0;
    bottom: 10px;
}
.result-header .quiz-false{
    width: 50%;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.result-header .txt-right{
    display: inline-block;
    width: 50%;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}
.result-header .quiz-false .txt-right,
.result-header .quiz-false .nr-left{
    color: rgb(221, 59, 65);
}
.result-header .quiz-right .nr-left,
.result-header .quiz-right .txt-right{
    color: rgb(118, 207, 103);
}
.result-header .nr-left{
    display: inline-block;
    width: 30%;
    font-size: 40px;
    font-weight: normal;
}
.gf-container{
    width: 100%;
    height: 75px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
    text-align: center;
    max-width: 450px;
    margin-top: 40px;
}
.gf-container > div{
    display: inline-block;
}
.gf-container .gf-star{
    width: 5%;
    height: 100%;
    vertical-align: top;
    margin-top: 20px;
}
.gf-container .activity-message{
    width: 90%;
}
.answer-container{
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 450px;
}
.answer-header{
    margin:  20px 0 10px 0;
    font-weight: bold;
    font-size: 14px;
}
.answer-header > span{
    font-weight: bold;
}
.answer-card{
    margin: 0 auto;
    width: 100%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.answer-card > span{
    position: absolute;
    top: 2px;
    right: 45px;
    font-size: 14px;
    line-height: 40px;
    color: rgb(118, 207, 103);
}
.answer-card > span[data-result="false"]{
    font-size: 0px;
}
.answer-title{
    padding: 16px 20px 10px 20px;
    width: 265px;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}
.answer-point{
    position: absolute;
    right: 16px;
    top: 10px;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    text-align: center;
    padding-top: 3px;
    font-size: 12px;
}

.answer-point[data-result="false"]{
    background-color: rgb(221, 59, 65);
}
.answer-point[data-result="true"]{
    background-color: rgb(118, 207, 103);
}
.answer-point > img{
    width: 13px;
    height: 13px;
    margin: 6.5px;
}
.answer-question{
    padding: 0 20px 10px 20px;
    width: 100%;
    height: 70px;
    font-weight: normal;
    font-size: 14px;
}
.answer-user{
    height: 80px;
    width: 100%;
    padding: 10px 20px 15px 20px;
    font-size: 14px;
    background-color: rgba(117, 207, 103, 0.15);
    color: rgb(118, 207, 103);
}

.answer-user[data-vote="false"]{
    height: 80px;
    width: 100%;
    padding: 10px 20px 15px 20px;
    font-size: 14px;
    background-color:rgba(221, 59, 65, 0.15); 
    color: rgb(221, 59, 65);
}
/*QUIZ RESULT*/
/**************/
/**************/
/*QUIZ DETAIL*/
.fade-out-q{
    opacity: 0;
}
.quizDetailScroll .time-container {
    width: 100%;
    height: 44px;
    text-align: center;
    padding: 15px 0 17px 0;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    opacity: 0;
    transition: 0.3s;
}
.time-container .icon-hour-glass{
    vertical-align: top;
    margin: 2px 10px 0 0;
    font-size: 14px;
}
.time-container .time-progress{
    display: inline-block;
    position: relative;
    height: 12px;
    width: 230px;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    overflow: hidden;
}
.time-container .time-progress-bar{
    position: absolute;
    width: 0%;
    height: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 7px 0px 0px 7px;
    z-index: 1;
}
.quiz-container .quest-card {
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    width: 100%;
    max-width: 450px;
    height: 358px;
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
    animation: quizCardAnimGrow 0.75s ease-in-out;
}
@keyframes quizCardAnimGrow {
    0% {
        transform: scale(0);
        height: 148px;
        margin-top: 140px;
    }
    50% {
        transform: scale(1);
        height: 148px;
        border-radius: 8px;
        margin-top: 140px;
    }
    51% {
        border-radius: 0px;
    }
    95% {
        border-radius: 0px;
        height: 358px;
        margin-top: 40px;
    }
    100% {
        transform: scale(1);
        margin-top: 40px;
        border-radius: 8px;
        height: 358px;
    }
}
.quiz-container .quiz-question{
    height: 145px;
    padding: 15px 20px 25px 20px;
}
.quiz-container .quiz-name-card{
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}
.quiz-container .quiz-question-card{
    width: 100%;
    height: 97px;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 10px 0 0 0; 
    overflow: hidden;
}
.quiz-container .answers{
    width: 100%;
    height: 210px;
}
.quiz-container .answer-s{
    width: calc(50% - 2px);
    height: 105px;
    float: left;
    margin-top: 2px;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
}
.quiz-container .answer-2,
.quiz-container .answer-4{
    width: calc(50% - 1px);
    margin-left: 1px;
}
.quiz-container .answer-1,
.quiz-container .answer-3{
    width: 50%;
}
.quiz-container .a-content{
    height: 105px;
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    padding: 0px 8px;
    display: table-cell;
    vertical-align: middle;
}

.quizDetailScroll .right-alert {
    font-size: 17px;
    font-weight: bold;
    color: rgb(118,207,103);
    top: 110px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    height: 20px;
    left: 0;
    right: 0;
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630);  
}
.quizDetailScroll .false-alert,
.quizDetailScroll .false-alert-timeout{
    font-size: 17px;
    font-weight: bold;
    color: rgb(221, 59, 65);
    top: 110px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    transform: scale(0);
    opacity: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition: all 500ms cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1);
    -webkit-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -moz-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    -o-transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630); 
    transition-timing-function: cubic-bezier(0.475, 0.395, 0.395, 1.630);    
}

.quizDetailScroll .right-alert.scale, 
.quizDetailScroll .false-alert.scale,
.quizDetailScroll .false-alert-an.false-alert-timeout.scale {
    transform: scale(1);
}

.quizDetailScroll .right-alert.right-alert-an, 
.quizDetailScroll .false-alert.false-alert-an,
.quizDetailScroll .false-alert-timeout.false-alert-an{
    opacity: 1;
}
.quiz-container .answer-s .icon-checkmark{
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    font-size: 150px;
    opacity: 0;
}
.quiz-container .answer-s .icon-plazz-modal-close{
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    font-size: 150px;
    opacity: 0;
}
.right-check-a{
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 150px;
}
.right-check-a-activate{
    opacity: 0;
    font-size: 150px;
    animation: rightCheck 1s; 
}
@keyframes rightCheck {
    0% {
        opacity: 0.25;
        font-size: 0px;
        top: 50%;
    }
    50% {
       opacity: 0.25;
    }
    100%{
        font-size: 150px;
        opacity: 0;
        top: -30;
    }
}
.false-check-a-activate{
    opacity: 0;
    font-size: 150px;
    animation: falseCheck 1s; 
}
@keyframes falseCheck {
    0% {
        opacity: 0.25;
        font-size: 0px;
        top: 50%;
    }
    50% {
       opacity: 0.25;
    }
    100%{
        font-size: 150px;
        opacity: 0;
        top: -30;
    }
}
.quiz-container .answer-s.show-right-answer{
    background-color: rgb(118, 207, 103);
    color:  green;
}
.show-right-answer{
    animation: showRight 0.75s;
    background-color: rgb(118, 207, 103);
}


.answer-circle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    vertical-align: top;
    text-align: center;
    padding-top: 3px;
    font-size: 12px;
}
.indicator-point .answer-circle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    padding-top: 6px;
}
.right-answer{
    background-color: rgb(118, 207, 103);
}
.result-container .right-answer{
    margin: 0 5px;
}
.false-answer{
    background-color: rgb(221, 59, 65);
}
.result-container .false-answer{
    margin: 0 5px;
}
.corp{
    position: absolute;
    height: 100%;
    width: 100%;
    max-height: 105px;
}
.a-d{
    max-height: 105px;
    display: block;
    overflow: hidden;
}
@keyframes showRight {
    0% {
        opacity: 0;
    }
    28.6% {
        opacity: 1;
    }
    57.2%{
       opacity: 0;
    }
    71.5%{
       opacity: 0;
    }
    100%{
       opacity: 1;
    }
}
.first-choice{
    background-color: rgb(0, 153, 219);
}
.quiz-container .right-choice{
    background-color: rgb(118, 207, 103);
    color: green;
}
.quiz-container .false-choice{
    background-color: rgb(221, 59, 65);
    color: green;
}
/*CLICK animation*/
/*INDIKATOR*/
.quiz-container .indicator-container{
    width: 100%;
    height: 27px;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
    z-index: 0;
    overflow: hidden;
    position: absolute;
    top: 433px;
    left: 0;
    right: 0;
}
.quiz-container .indicator-point[data-status="default"]{
    background-color: rgb(206, 206, 208);
    height: 8px;
    width: 8px;
    margin-top: 4px;
    vertical-align: middle;
}
.quiz-container .indicator-point.bigger-indicator {
    height: 24px;
    width: 24px;
    border-radius: 12px;
    margin-top: 0px;
}
.quiz-container .indicator-point{
    width: 24px;
    height: 24px;
    border-radius: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 0 5px;
    line-height: 24px;
    font-size: 12px;
    vertical-align: top;
}
.indicator-point .fa{
    font-size: 24px;
}

.mbutton-quiz{
    display: none;
}
/*SLIDERFOR INDICATOR*/

.result-container{
    width: 100%;
}
.result-translate-container{
    margin: 0 auto;
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0px);
}
.ic-container{
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transform: translateX(0px);
}

/*SLIDERFOR INDICATOR*/

@media screen and (max-width: 767px) {
    .mbutton-quiz{
        display: block;
    }
    .answer-container{
        padding: 0 15px;
    }
    .result-header{
        border-radius: 0;
        border-right: 1px;
        border-left: 1px;
    }
}

@media screen and (min-width: 768px) {
    .quiz-description{
        padding: 25px 40px 20px 40px;
    }
    .quiz-detail{
        padding: 11px 28px;
    }
    .quiz-result-container .quiz-name{
        left: 254px;
    }
}
@media screen and (max-width: 497px) {
    .result-header .quiz-thumbnail{
        border-radius: 0;
    }
    .quiz-result-container{
        padding: 0 0 20px 0;
    }
}
@media screen and (max-width: 320px) {
    .quiz-container .quest-card{
        margin-top: 40px;
    }
}

.search-wrapper {
    position: absolute;
    left:100%;
    margin-left: -50px;
    width: 100%;
    height:48px;
    top:0;
    z-index: 6;
}

.search-wrapper.in {
    margin-left: 0;
    left: 0;
}

.search-wrapper.in .search-icon{
    display: none;
}

.search-content {
    display: block;
    position: absolute;
    top:0;
    left:50px;
    right:50px;
    height:48px;
    padding: 0 60px 0 0;
}

.search-wrapper.in .search-content {
    left: 10px;
}

.search-content input {
    border: none;
    border-radius: 3px;
    -webkit-box-shadow:none;
    display: block;
    margin-top: 6px;
    height:36px;
    padding: 8px;
    width: 100%;
}
.search-content .search-button {
    position: absolute;
    right:0;
    top:6px;
    width:60px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}


.search-content input:focus {
    outline: none;
}

.search-icon, .search-close {
    position: absolute;
    top:0;
    width: 50px;
    height:48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}

.search-icon {
    left:0;
}

.search-close {
    right: 0;
}

.userSettings input, .scrollSetup input, .onboarding input, .scrollMemberAccess input
{
    border:none;
    border-radius: 0;
    box-sizing: border-box;
    display:block;
    padding:10px;
    width:100%;
    margin-top:10px;
}

.setupWrapper{
    max-width: 400px;
    margin: auto;
    padding: 0 15px;
}
.scrollSetup .form_header{
    text-align:left;
    text-transform: none !important;
    margin-left: 0;
}
.scrollSetup .setupButton
{
    text-align:center;
    font-size:14px;
    height: 46px;
    line-height: 23px;
    font-weight: bold;
    padding:10px;
    width: 100%;
    max-width: 500px;
    margin:auto;
    margin-top:20px;
    border-radius: 4px;
}

#signupInputError #okay,
#signupMailError #okay,
#registrationPasswordMismatch #okay,
#registrationPasswordMiss #okay,
#tagPopup #okay,
#tagPopupNotEnough #okay,
#tagPopupQuestion #okay,
#settingLoginPopup #okay,
#settingLoginError #okay,
#memberAccessPopup #okay,
#profileSuccess #okay,
#profileInputError #okay,
#profileMailError #okay,
#settingsLoginError #okay
{
    left:0;
    width:100%;
    text-align: center;
}
/*mobile*/
@media (max-width: 799px) {
    #splashscreenPage .splashscreen-mobile {
        width: 100%;
        height: 100%;
    }
    #page #splashscreenPage #splashscreenBackground {
        position: relative;
        height: 100%;
        width: 100%;
        background-size: cover;
        overflow: hidden;
        cursor: pointer;
    }

    #page #splashscreenPage #splashscreenBackground.in {
        cursor: initial;
    }

    #page #splashscreenPage #splashscreenBackground .overlay {
        background-color: rgba(0,0,0,0);
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom: 0;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground.in .overlay {
        background-color: rgba(0,0,0,0.5);
    }

    #page #splashscreenPage #splashscreenBackground .close {
        position: absolute;
        top:-50px;
        left:0;
        width:50px;
        height:50px;
        background-image: url('../images/splashscreen/close_icon@3x.png');
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 10px 16px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground.in .close {
        top:0px !important;
    }

    #page #splashscreenPage #splashscreenBackground .mea {
        position: absolute;
        top:-50px;
        right:0px;
        left: 0;
        margin: 0 auto;
        width:41px;
        height:50px;
        background-image: url('../images/splashscreen/mea_icon@3x.png');
        background-repeat: no-repeat;
        background-size: 41px 23px;
        background-position: 0px 10px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground .lang-flag-head {
        top: 15px;
        right: 30px;
        background-repeat: no-repeat;
        background-image: url(../images/asset_flags/placeholder@4.png);
        background-size: contain;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
    }

    #page #splashscreenPage #splashscreenBackground .lang-flag-letter {
        top: 13px;
        right: 10px;
    }

    #page #splashscreenPage #splashscreenBackground .lang-flag-head,
    #page #splashscreenPage #splashscreenBackground .lang-flag-letter {
        position: absolute;
        width: 15px;
        height: 15px;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground .lang-header {
        position: absolute;
        right: 10px;
        height: 40px;
        width: 55px;
        top: -50px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer !important;
    }

    #page #splashscreenPage #splashscreenBackground.in .mea{
        top:0;
    }

    #page #splashscreenPage #splashscreenBackground.in .lang-header {
        top: 0;
    }

    #page #splashscreenPage #splashscreenBackground .header {
        position: absolute;
        width:100%;
        left:0;
        top:-5000px;
        overflow: hidden;
        height: 0;
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: top 0.7s;
        -moz-transition: top 0.7s;
        -o-transition: top 0.7s;
        transition: top 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground.in .header {
        top:0 !important;

    }

    #page #splashscreenPage #splashscreenBackground .button-container {
        position: absolute;
        bottom: -1000px;
        height: 0;
        border-top: 1px solid #c8c7cc;
        background-color: #ffffff;
        width: 100%;
        left:0;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page #splashscreenPage #splashscreenBackground.in .button-container {
        bottom: 0 !important;
    }

    #page #splashscreenPage #splashscreenBackground .button-wrapper {
        width:100%;
        margin: 0 auto;
        max-width: 320px;
        padding: 5px 20px 25px;
    }
    #page #splashscreenPage #splashscreenBackground .button-wrapper .button {
        border-radius: 2px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin-top:20px;
        cursor: pointer;
    }


    #page #splashscreenPage #splashscreenBackground .button-footer {
        position: absolute;
        height:45px;
        bottom: 0;
        left:0;
        width: 100%;
        border-width: 1px;
        border-style: solid;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 1px;
    }

    #page #splashscreenPage #splashscreenBackground .button-footer div {
        float:left;
        height: 100%;
        line-height:44px;
        cursor: pointer;
    }

    #page #splashscreenPage #splashscreenBackground .button-footer .right {
        padding-right: 15px;
        text-align: right;
        float:right;
    }

    #page #splashscreenPage #splashscreenBackground .button-footer .middle {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    #page #splashscreenPage #splashscreenBackground .button-footer .left {
        padding-left: 15px;
    }

    #page #splashscreenPage #gettingStartedWrapper {
        position: absolute;
        bottom: 0;
        height: 80px;
        width: 100%;
        padding: 5px 0;
        margin: 0 auto;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
        opacity: 0;
    }
    #login-button{
        cursor: pointer;
    }
    .start-now{
        color: #FFF !important;
        margin-top: 50px;
        text-align: center;
        font-weight: bold;
    }

    /* Menu-Button */
    #page #splashscreenPage .moreButton i,
    #page #splashscreenPage .moreButton i:before
    {
        color: #000000 !important;
    }

    #page #splashscreenPage .moreButton,
    #splashscreenPage .moreButton{
        color: #000000 !important;
        font-size: 12px !important;
        background-color: #ffffff;
        box-shadow: -0.684px 1.879px 6px 0px rgb(19,20,19);
        position: absolute;
        font-weight: bold;
        right: 0px;
        top: 17px;
        width: 68px;
        height: 36px;
        line-height: 35px;
        padding: 0px 10px 0px 9px;
    }

    #page #splashscreenPage span{
        font-size: 12px;
        font-weight: bold;
        line-height: 35px;
    }

    #splashscreenPage .provider-button {
        width: 100%;
        margin-left: 10px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 2px;
        height: 45px;
        text-align: center;
        cursor: pointer;
        vertical-align: top;
        overflow: hidden;
        white-space: initial;
    }

    #splashscreenPage .provider-image {
        height: calc(100% - 10px);
        margin: 5px;
        width: calc(100% - 10px);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #splashscreenPage .two-buttons {
        width: calc(50% - 7px);
    }
    #splashscreenPage .three-buttons {
        width: calc(33% - 8px);
    }

    #splashscreenPage .provider-button:first-of-type {
        margin-left: 0;
    }

    #splashscreenPage .privder-wrapper {
        overflow: hidden;
        margin-top: 20px;
    }

    #splashscreenPage .provider {
        white-space: nowrap;
        overflow: auto;
    }

    .mh36 {
        max-height: 36px;
    }
}

/*desktop*/
@media (min-width: 800px) {
    .splashscreen-desktop {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    .sd-wrapper {
        display: flex;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        width: 1024px;
        max-width: calc(100% - 40px);
    }
    .sd-image {
        max-width: 100%;
    }
    .sd-login-wrapper {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        max-width: 596px;
        margin: 56px 0;
        flex-shrink: 0;
    }
    .sd-login-container1 {
        max-width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: center;
    }
    .sd-button-container1 {
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 2px;
        width: 280px;
        margin-right: 36px;
        cursor: pointer;
        font-weight: 500;
        padding: 0 10px;
    }
    .sd-hover-underline:hover {
        text-decoration: underline;
    }
    .sd-button-container1:last-of-type {
        margin-right: 0;
    }
    .sd-login-separator-wrapper {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        margin: 24px 0;
    }
    .sd-login-separator {
        height: 1px;
        width: 100%;
    }
    .sd-login-separator-text {
        flex-shrink: 0;
        margin: 0 12px;
        font-weight: 500;
    }
    .sd-login-container2 {
        max-width: 100%;
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
    }
    .sd-button-container2 {
        height: 45px;
        line-height: 45px;
        width: 182px;
        border-radius: 2px;
        cursor: pointer;
        margin-right: 25px;
        padding: 0 10px;
        text-align: center;
        font-weight: 500;
    }
    .sd-button-container2.sd-container2-few-buttons {
        width: 280px;
        margin-right: 36px;
    }
    .sd-button-container2-flex {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    .sd-button-container2:nth-child(n+4) {
        margin-top: 20px !important;
    }
    .sd-button-container2:nth-child(3n) {
        margin-right: 0 !important;;
    }
    .sd-button-container2:last-of-type {
        margin-right: 0 !important;;
    }
    .sd-button-image {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

}



    .sd-footer-wrapper {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: space-between;
        height: 45px;
        width: 100%;
        border-top-width: 1px;
        border-top-style: solid;
        flex-shrink: 0;
    }
    .sd-button-register {
        visibility: hidden;
        cursor: pointer;
        font-weight: 500;
    }
    .sd-button-imprint {
        cursor: pointer;
        font-weight: 500;
    }
    .ai-button-language {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-left: 32px;
    }
    .ai-button-language-flag {
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-image: url(../images/asset_flags/placeholder@4.png);
        background-size: contain;
        border-radius: 8px;
    }
    .ai-button-language-letter {
        font-weight: 500;
        margin-left: 3px;
    }
    #lang-menu {
        position: fixed;
    }

    .visible {
        visibility: visible !important;
    }
}


















/* Animation: Fade in */
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
    
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* Animation: pulsate Text */
@-webkit-keyframes pulse {
    0% { color:rgba(255,255,255,1.0); }
    50% { color:rgba(255,255,255,0.5); }
    100% { color:rgba(255,255,255,1.0); }
}

@-moz-keyframes pulse {
    0% { color:rgba(255,255,255,1.0); }
    50% { color:rgba(255,255,255,0.5); }
    100% { color:rgba(255,255,255,1.0); }
}

@-o-keyframes pulse {
    0% { color:rgba(255,255,255,1.0); }
    50% { color:rgba(255,255,255,0.5); }
    100% { color:rgba(255,255,255,1.0); }
}

@keyframes pulse {
    0% { color:rgba(255,255,255,1.0); }
    50% { color:rgba(255,255,255,0.5); }
    100% { color:rgba(255,255,255,1.0); }
}

.pulsate {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-delay: 6s;
}

/*modal*/
.provider-modal-headline {
    font-size: 16px;
    margin-top: 15px;
}
.provider-modal-helper {
    padding: 20px;
}
.provider-modal-text {
    padding-bottom: 10px;
}
.provider-modal-continue {
    border-right: 1px solid;
}

.splashscreen .modal-overlay .provider-modal {
    width: calc(100% - 30px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.splashscreen .old-browser-hint {
    position: relative;
    width: 80%;
    max-width: 512px;
    text-align: center;
    color: black;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    margin: 50px auto 0 auto;
}



/*#scrollSponsors .sponsor{
    margin: 10px 0 0 10px;
	background-color: #ffffff;
	display: table;
	table-layout: fixed;
	float: left;
	overflow: hidden;
}

#scrollSponsors a {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
}*/

.sponsors-tabs {
    height: 52px;
    display: inline-block;
    position: relative;
    z-index: 10;
}
.sponsors-tabs-wrapper {
    height: 52px;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.sponsors-tabs-container {
    height: 72px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.sponsors-tab {
    float: left;
    display: inline-block;
    height: 36px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
    margin: 0 auto;
    margin-top: 9px;
    color: #7f7f7f;
    padding: 0px 15px 0px 15px;
    vertical-align: middle;
    cursor: pointer;
}

.sponsors-tab *{
    font-weight: bold;
    line-height: 36px;
}

.sponsors-tab:last-of-type {
    border-right: 0px;
}
.sponsors-tab-name {
    line-height: 20px;
}

#sponsorsPage .tab-title {
    font-size: 13px;
}

.sponsors-tab.active-tab::after {
    content: ' ';
    height: 4px;
    width: calc(100% + 30px);
    display: block;
    margin-top: 3px;
    margin-left: -15px;
}

.scrollSponsors {
    top: 0px;
}

.sponsors-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transform: translate(0, 0);
}
.sponsors {
    white-space: nowrap;
    height: 100%;
}
.sponsors-category-scroll {
    display: block;
    float:left;
    height: 100%;
    overflow-x: hidden;
}
.sponsors-category {
    overflow-y: scroll;
}

.sponsors-placeholder-image {
    position: relative;
    top: 26%;
    width: 100%;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sponsors-placeholder-text {
    position: relative;
    top: 33%;
    width: 100%;
    height: auto;
    padding: 0% 15% 0% 15%;
    text-align: center;
}

.sponsors-placeholder-text > p {
    font-style: italic;
    text-align: center;
    word-break: keep-all;
    white-space: pre-line;
}

#sponsorsPage .img-container {
    cursor: pointer;
    display: table;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 3px;
}


.scrollSponsors:hover > .swipeBtn-left, .scrollSponsors:hover > .swipeBtn-right {
    opacity: 0.6;
}

#sponsorsPage .active-tab
{
    opacity: 1;
}

#sponsorsPage .ico{
    text-align: center;
    font-size: 90px;
}



#page{
    border-radius: inherit;
}

#page #mainPage #mainBackground {
    position: relative;
    height: 100%;
    width: 100%;
}

.ui-body-c, .ui-overlay-c{
    text-shadow: none;
}

.noLS,.noJS
{
    display:block;
    z-index:1000;
    position: absolute;
    top:50%;
    left:50%;
    width:240px;
    height:150px;
    margin-left:-120px;
    margin-top:-75px;
    background:#FFFFFF;
    padding:10px;
    border-radius: 5px;
    text-align: center;

}

#page #mainPage {
    background-color: #ffffff !important;
}


#page #mainPage .moreButton i,
#page #mainPage .moreButton i:before
{
    color: #000000 !important;
}

#page #mainPage .moreButton {
    color: #000000 !important;
    font-size: 12px !important;
    background-color: #ffffff;
    box-shadow: -0.684px 1.879px 6px 0px rgb(19,20,19);
    position: absolute;
    font-weight: bold;
    right: 0px;
    top: 17px;
    width: 68px;
    height: 36px;
    line-height: 35px;
    padding: 0px 10px 0px 9px;
}

#page #mainPage span{
    color: #000000 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
}

#mainPage .headlineClaim, .dashboardPage .headline{
    background-repeat:no-repeat;
    height: 100%;
    margin: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background-size: cover;
    z-index: -1;
}

#popupLStorage
{
    max-height: 400px;
    text-align: center;
}

#popupLStorage p:nth-of-type(2) {
    opacity: 0.6;
}


#mainPage .logo1 {
    background-repeat: no-repeat;
    background-position:center top;
    top:60px;
    left:0px;
    height:175px;
    right:0px;
    background-size: 235px 175px;
    background-position: center center;
    position: absolute;
}

#mainPage .logo2 {
    background: url("../images/client/home/mea_logo.png") no-repeat scroll left bottom transparent;
    height: 27px;
    width:139px;
    left: 50%;
    margin-left:-69.5px;
    bottom:20px;
    background-size: 100% auto;
    position: absolute;
}

.lightbox_blackbackground {
    width: 4000px;
    height: 4000px;
    position: absolute;
    background: hsla(0,0%,0%,.6);
    top: -1000px;
    left: -1000px;
    z-index: -100;
}

/*
button
{
    border-right: 2px solid !important;
    border-bottom: 2px solid !important;
}
*/

.mea_swipe_active_color{
    position: absolute;
    width:0;
    height:0;
    margin:0;
    padding:0;
    display: hidden;
    background-color: #22ae22;
    box-sizing: content-box;
}            
.mea_swipe_disabled_color{
    background-color:transparent;
}

.mea_swipe{

    width: 50px;
    height: 25px;
    position: absolute;
    top:50%;
    right: 10px;
    margin-top: -14px;
    border-radius:25px;
    border: 1px #aaa solid;
    transition: background-color 0.33s;
    box-sizing: content-box;
    display: inline-block;
    float:right;
    cursor:pointer;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;      
}
.mea_swipe .mea_circle{
    position: absolute;
    height: 0px;
    width: 0px;
    top: -1px;
    left: -1px;
    border-radius: 25px;
    box-sizing: content-box;
    border-width: 1px;
    border-style: solid;
}
.mea_swipe .mea_circle:after{
    position: absolute;
    content: " ";
    height: 100%;
    width: 100%;
    top: -1px;
    left: -1px;
    box-sizing: content-box;
    border-radius: 25px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}
.mea_swipe .mea_circle .mea_circle_background{
    width:0px;
    height: 100%;
    background-color:#21ea13;
    position:static;
    content: " ";
    left: 0px;
    box-sizing: content-box;
}

.mea_swipe_click_area{

    position:relative;
    height: 220%;
    width: 100%;
    margin-top: -30%;

}

.tweetBubble {
    padding: 10px;
    margin: 0 10px 15px;
    position: relative;
    border-radius: 5px;
}

.tweetBubble:nth-of-type(1) {
    margin: 15px 10px 15px;
}

.tweetBubble p, .tweetBubble a{
    font-weight: bold;
}

.tweetBubble a {
    text-decoration: underline;
}

.tweetBubble p span {
    text-transform: uppercase;
    font-weight: bold;
}

/* Dreieck */
.tweetBubble:before {
    content: ' ';
    position: absolute;
    left: 14px;
    top: 100%;
    height: 0;
    width: 0;
    border: 10px solid;
    border-color: #ffffff transparent transparent transparent;
}

.tweetBubble:nth-of-type(2n):before {
    margin-left: auto;
    right: 14px;
}

.tweetInfo {
    margin: 0 16px;
    position: relative;
}

.tweetInfo p {
    font-weight: bold;
    padding: 7px 0 0;
}

.tweetAvatar {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    float: left;
    background: #888;
    margin: 0 10px 14px 0;
    border: 1px solid;
    background-size: contain;
}

.tweetInfo:nth-of-type(6n-1) .tweetAvatar {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.tweetInfo:nth-of-type(6n-1) p {
    float: right;

}

.twitter-header {
    margin-top:2px;
    height:28px;
    text-align: center;
    line-height:24px;
    border-width: 1px;
    border-style: solid;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
}
@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{display:none}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{flex:auto;display:block}.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0;background:0 0}.video-js .vjs-menu :focus:not(:focus-visible),.video-js :focus:not(:focus-visible){outline:0;background:0 0}
.divScrollVoting {
  margin: 0 16px;
  padding: 0 0 96px;
}

.divQuestionNumber {
  font-size: 13px;
  margin: 8px 0 10px;
  font-weight: bold;
}

.divQuestion h4 {
  margin: 0 0 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}

.txtVoting {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin:0;
	padding:0;
	border:0;
	box-shadow: none;
	height:150px;
	max-height: 150px;
	min-height: 150px;
	resize: none;
	border-radius:0; 
}

.divAnswer {
  margin: 0 0 12px;
  clear: both;
}

.divAnswer label {
    cursor: pointer;
}

.divAnswer .divRadio,
.divAnswer .divCheckbox {
    display: none;
}

label:last-of-type {
  margin: 0 0 36px;
}

label {
  float: left;
  line-height: 24px;
  margin: 0 11px 0 0;
  font-size: 16px;
}

label:first-child {
  font-size: 13px;
  font-weight: bold;
  margin-top: 2px;
}

.divRadio {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid;
  float: left;
}

.divCheckbox {
  width: 29px;
  height: 29px;
  border: 1px solid;
  float: left;
}

.divRadio + label,
.divCheckbox + label
{
    margin: 5px 0 5px 16px;
    width: calc(100% - 70px);
    line-height: 18px;
}

.linkContainer {
  /*position: fixed;*/
  height: 48px;
  margin-top: 24px;
  width: 100%;
}

#scrollVoting .linkWrapper > div {
    font-size: 18px;
    line-height: 48px;
}

#scrollVoting .linkContainer div.linkColor:nth-of-type(1) {
  right: 50%;
  margin-right: 1px;
  left: 0;
}

#scrollVoting .linkContainer div.linkColor:nth-of-type(2) {
  left: 50%;
  margin-left: 1px;
  right: 0;
}

#question_req {
    padding-left: 10px;
    padding-top: 15px;
}

.exitButton {
    display: block;
    position: absolute;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
    right: 50%;
    margin-right: 1px;
    left: 0;
}


.surveyPage .modal-overlay .timeout-modal {
    width: calc(100% - 100px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.surveyPage .timeout-modal .modal-overlay-footer {
    height: 45px !important;
    line-height: 45px !important;
    display: table !important;
}

.surveyPage .timeout-modal-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}

.surveyPage .timeout-modal-helper {
    width: 100%;
    padding: 15px 25px 20px 25px;
}

.surveyPage .timeout-modal-text {
    text-align: center;
}

.surveyPage .timeout-modal-btn-reload {
    border-right-width: 1px;
    border-right-style: solid;
}

.surveyPage .timeout-modal-btn-reload, .surveyPage .timeout-modal-btn-cancel
{
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 50%;
}

#surveyPage .divQuestionNumber {
    font-size: 13px;
    margin: 8px 10px 10px 10px;
    font-weight: bold;
}

#surveyPage .divQuestion h4 {
    margin: 0 10px 28px 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

#surveyPage .inner_wrapper {
    padding: 8px;
}

#surveyPage .divAnswer {
    padding: 8px 10px;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    width: 100%;
    clear: both;
    cursor: pointer;
    position: relative;
}

#surveyPage .divAnswer .voting-answer-check {
    position: absolute;
    right: 5px;
    top: calc(50% - 12px);
}

.spacer
{
    clear:left;
}

#surveyPage .linkContainer {
    position: relative;
    display:block;
    float:left;
    height: 48px;
    width: 100%;
}

#surveyPage .linkContainer:after
{
    clear: both;
}

.linkWrapper {
    width: 100%;
    left: 0;
    right: 0;
}

.participated
{
    text-align: center;
    font-size:18px;
    margin:20px;

}
#surveyPage .inputdiv
{
    margin: 0 auto;
    text-align: left;
    width: 100%;
    height: 45px;
    line-height: 22px;
    padding-left: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
    border-style: dashed;
    border-width: 1px;
}

.content-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding: 24px 8px;
}

.content-container .column-right,
.content-container .column-left {
    padding: 0 8px;
}

.content-container .column-left {
    width: 67.7%;
    position: relative;
}

.content-container .column-right {
    width: 33.3%;
}


.content-container .section {
    margin-bottom: 32px;
}

.virtual .vr-speaker-headline span {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.38px;
}
.virtual .speaker  {

}


.content-container .speaker-content,
.content-container .file-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.content-container .file-content {
    height: 38px;
    width: 100%;
}

.content-container .file-content:not(:last-of-type)  {
    margin-bottom: 16px;
}


.content-container .speaker-content .speaker-image {
    border-radius: 4px;
    width: 48px;
    height: 48px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.content-container .file-content .file-image {
    font-size: 38px;
    width: auto;
    margin-right: 8px;
}

.content-container .file-content .file-name {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.content-container .file-content .file-description {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    margin-top: 4px;
}

.content-container .vr-desc-headline {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.38px;
}

.content-container .speaker-content .speaker-image .person-image-placeholder {
    width: 48px;
    height: 48px;
}

.content-container .speaker-content .speaker-image .person-image-placeholder .icon-plazz-profil-placeholder {
    left: 3px;
    font-size: 45px
}

.content-container .speaker-content .speaker-info {
    max-width: calc(100% - 58px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.content-container .speaker-wrapper {
    padding-top: 24px;
}

.content-container .column-right-mobile .speaker-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
    align-items: baseline;
}

.content-container .speaker-wrapper .speaker-content:not(:last-of-type) {
    margin-bottom: 16px;
}

.content-container .speaker-wrapper .speaker-name,
.content-container .speaker-wrapper .speaker-primary {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.25px;
    width: 100%;
}
.content-container .speaker-wrapper .speaker-name {
    font-weight: bold;
}
.content-container .speaker-wrapper .speaker-primary {
    margin-top: 4px;
}

.content-container .column-right-mobile .speaker-wrapper .speaker-content {
    width: 100%;
}


.content-container .file-content .file-info {
    max-width: 100%;
    overflow: hidden;
}

.content-container .file-content .file-description {
    text-transform: uppercase;
}

.content-container .actions.section {
    display: inline-block;
    position: relative;
    max-width: 100%;
    height: 44px;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.content-container .actions .tablist {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    position: relative;
}

.tablist-scroll-wrapper {
    asddisplay: table;
    white-space: nowrap;
}

.tablist-scroll-wrapper button:not(:last-of-type) .vr-action-name {
    border-right-width: 1px;
    border-right-style: solid;
}

.tablist-scroll-right,
.tablist-scroll-left {
    position: absolute;
    top: 0;
    height: 42px;
    font-size: 18px;
    padding: 0 15px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;

}
.tablist-scroll-left {
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 90%);
}
.tablist-scroll-right {
    right: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 90%);
}

.content-container .actions .tablist button {
    width: auto;
    height: 44px;
    padding: 0;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    background: #ffffff;
    white-space: nowrap;
}
.content-container .actions .tablist button:not(.active) {
    border-color: white;
}

.content-container .actions .tablist button .vr-action-icon {
    margin-right: 10px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: text-bottom;
    margin-left: 18px;
}

.content-container .actions .tablist button .vr-action-name{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    height: 24px;
    display: inline-block;
    letter-spacing: 0.25px;
    padding-right: 16px;
}

.content-container .action-content {
    position: relative;
}

.content-container .action-content .tabpanel {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.content-container .description-text {
    word-break: break-word;
    padding-top: 24px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
}

.content-container .vr-info {
    margin-bottom: 16px;
}

.content-container .vr-event-title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.38px;
}

.content-container .vr-info-wrapper {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.content-container .vr-info-date-container {
    display: flex;
    flex-flow: wrap;
    line-height: 32px;
    margin-bottom: 6px;
}

.content-container .vr-event-date-icon {
    font-size: 14px;
    margin-right: 8px;
}
.content-container .vr-event-date {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.25px;
}
.content-container .vr-event-date-icon,
.content-container .vr-event-date {
    line-height: 32px;
}

.content-container .vr-user-event-date {
    font-size: 12px;
    margin-left: 24px;
    color: #e17b47;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.ie-error-message {
    display: flex;
    flex-direction: column;
    color: #e17b47;
}
.ie-error-message p {
    margin-bottom: 15px;
}

.content-container .vr-user-event-date b{
    display: contents;
    font-weight: bold;
}

.content-container .vr-event-info-actions {
    display: flex;
}

.content-container .vr-my-planner,
.content-container .vr-notes-button,
.content-container .vr-reminder-button,
.content-container .vr-star-voting,
.content-container .vr-booking-button {
    line-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    font-size: 18px;
}
.content-container .vr-event-info-actions .vr-info-action:not(:last-of-type) {
    margin-right: 8px;
}

.content-container .vr-my-planner.hover::before,
.content-container .vr-notes-button.hover::before,
.content-container .vr-reminder-button.hover::before,
.content-container .vr-booking-button.hover::before,
.vr-star-voting.hover .vr-star-number,
.vr-star-voting.hover .icon-star-full,
.vr-woi-post-likes .vr-woi-like-action.hover,
.vr-woi-post-comments.hover .vr-woi-answers-icon{
    opacity: 0.5;
}
.content-container .vr-my-planner::before,
.content-container .vr-notes-button::before,
.content-container .vr-reminder-button::before,
.content-container .vr-booking-button::before,
.vr-star-voting .vr-star-number,
.vr-star-voting .icon-star-full {
    transition: 0.3s;
}

.vr-woi-post-comments.hover .vr-woi-answers-counter {
    text-decoration: underline;
}

.vr-woi-post-likes .vr-woi-like-list:hover {
    text-decoration: underline;
}

.content-container .vr-star-number {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    margin-right: 2px;
}

.content-container .vr-star-voting {
    width: auto;
    padding: 0 8px;
}

.content-container .vr-star {
    cursor: pointer;
    line-height: 32px;
    vertical-align: bottom;
}

.content-container .vr-star.active.icon-star-full {
    color: #eed034;
}

.mea-swipe-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 26px;
    width: auto;
    user-select: none;
}

.vr-post-anonym-label {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.swipe-limit-wrapper {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.mea-swipe-container label {
    cursor: pointer;
    margin: 0;
}

.mea-swipe-container input[type="checkbox"] {
    display: none;
    visibility: hidden;
}

.mea-swipe-container .mea-swipe {
    position: relative;
    height: 16px;
    min-width: 40px;
    border-radius: 8px;
    box-shadow: inset 0 0 3px -1px rgba(0, 0, 0, 0.4);
    transition: all .15s ease-in-out;
}

.mea-swipe-container .mea-swipe-handler {
    position: absolute;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    left: -3px;
    top: -5px;
    transition: all .15s ease-in-out;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    box-shadow: inset -2px -3px 8px -2px rgba(0, 0, 0, 0.5), 1px 1px 3px -2px rgba(0, 0, 0, 0.7);
}

.mea-swipe-container input[type="checkbox"]:not(:checked) ~ .mea-swipe {
    background-color: #7e7e7e;
}

.mea-swipe-container input[type="checkbox"]:not(:checked) ~ .mea-swipe .mea-swipe-handler {
    border-color: #7e7e7e;
}

.mea-swipe-container input[type="checkbox"]:checked ~ .mea-swipe .mea-swipe-handler {
    left: calc(100% - 21px);
}

.content-container .input-area-container {
    display: flex;
    flex-flow: column nowrap;
    min-height: 44px;
}

.vr-woi-post-footer .input-area-container {
    margin-top: 24px;
}

.content-container .input-area-container .mea-swipe-container {
    margin: 0 0 0 55px;
}

.content-container .input-area-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

.content-container .input-area-wrapper .self-image {
    align-self: flex-start;
}


.content-container .input-area-wrapper .self-image-wrapper {
    background-color: white;
    padding: 2px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    top: 0;
}


.content-container .input-area-wrapper button,
.content-container .input-area-wrapper textarea {
    margin: 0;
}
.content-container .input-area-wrapper textarea {
    margin-left: 42px;
}
.content-container .input-area-wrapper textarea:focus {
    outline: none;
}
.content-container .input-area-wrapper textarea.auto-grow {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    box-shadow: none;
    border: none;
    line-height: 1.5;
    min-height: 44px;
    height: 44px;
    resize: none;
    flex-grow: 1;
}

.content-container .text-limiter {
    margin-left: 55px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0.25px;
}
.content-container .input-area-container .vr-image-preview {
    width: calc(100% - 140px);
    height: 200px;
    margin: 0 0 5px 50px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e7e7e7;
    background-origin: content-box;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    border-radius: 4px;
}

.content-container .input-area-container .vr-image-preview-remove {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 18px;
    cursor: pointer;
}


.content-container .input-area-wrapper .emoji-toggle-wrapper {
    width: 0;
    transform: translateX(-40px);
    position: relative;
}

.content-container .input-area-wrapper .vr-upload-picture-wrapper {
    width: 0;
    transform: translateX(-75px);
    position: relative;
}

.content-container .input-area-wrapper .vr-upload-picture-wrapper .vr-upload-picture-button {
    display: block;
    opacity: 0.6;
    transition: opacity .3s ease-in-out;
}
.content-container .input-area-wrapper .vr-upload-picture-wrapper .vr-upload-picture-button:hover {
    opacity: 1;
}

.content-container .input-area-wrapper .emoji-toggle-wrapper .emoji-toggle,
.content-container .input-area-wrapper .vr-upload-picture-wrapper .vr-upload-picture-button {
    text-align: center;
    width: 40px;
    height: 44px;
    font-size: 18px;
    line-height: 44px;
    cursor: pointer;
}

.content-container .input-area-wrapper .self-image {
    width: 40px;
    min-width: 40px;
    flex-shrink: 0;
    height: 40px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-container .input-area-wrapper .self-image .person-image-placeholder {
    height: 40px;
    width: 40px;
}

.content-container .input-area-wrapper button {
    height: 44px;
    font-size: 16px;
    font-weight: normal;
    width: auto;
    padding: 0 16px;
    outline: none;
    box-shadow: none !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
}
.content-container .vr-subsession-headline {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.38px;
}

.content-container .subsession-items {
    padding-top: 24px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.content-container .subsession-card {
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.content-container .subsession-card:not(:last-of-type) {
    margin-bottom: 16px;
}

.content-container .subsession-card > div {
    display: flex;
}

.content-container .subsession-card .subsession-info {
    width: 100%;
    justify-content: flex-start;
    flex-flow: column nowrap;
    align-items: flex-start;
    padding: 16px;
}

.content-container .subsession-card .subsession-info .subsession-time {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    margin-bottom: 8px;
    letter-spacing: 0.25px;
}

.content-container .subsession-card .subsession-info .subsession-name {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}



.content-container .subsession-card .subsession-info > div {
    max-width: 100%;
}

.content-container .subsession-card .subsession-info .subsession-speaker,
.content-container .subsession-card .subsession-info .subsession-location {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.content-container .subsession-card .subsession-info .subsession-speaker {
    margin-top: 8px;
}
.content-container .subsession-card .subsession-info .subsession-location {
    margin-top: 4px;
}

.content-container .subsession-card .subsession-category {
    width: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.content-container .files-headline {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.38px;
}

.content-container .files-wrapper {
    padding-top: 24px;
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
    align-items: baseline;
}

.vr-woi-header {
    margin-top: 16px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.vr-woi-header-shadow {
    position: relative;
    z-index: 1;
    width: calc(100% - 20px);
    height: 16px;
    margin-left: 15px;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    margin-top: -16px;
}

.vr-woi-post {
    margin-top: 50px;
    margin-bottom: 20px;
    position: relative;
}
.vr-woi-post:first-of-type {
    margin-top: 24px;
}

.vr-woi-comment-container .vr-woi-post {
    margin-top: 24px;
    margin-bottom: 0;
}

.vr-woi-post-header {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    pointer-events: none;
}

.vr-woi-post-content {
    padding-top: 25px;
}

.vr-woi-post-author-name {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    cursor: pointer;
    pointer-events: auto;
}

.vr-woi-post-time {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.vr-woi-post-header-left {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.vr-woi-post-author-img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
}

.vr-woi-post-author-img .person-image, .vr-woi-post-author-img .person-image-placeholder {
    width: 40px;
    height: 40px;
}

img.vr-woi-post-author-img {
    cursor: pointer;
    pointer-events: auto;
}

.vr-woi-post-img,
.vr-woi-post-text,
.vr-woi-likes-comments,
.vr-woi-post-footer {
    padding-left: 55px;
}
.vr-woi-post-text {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
    margin-bottom: 8px;
    word-break: break-word;
}
.vr-woi-likes-comments {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vr-woi-post-likes {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 34px;
}
.vr-woi-like-action {
    font-size: 20px;
    margin-right: 8px;
}
.vr-woi-like-list {

}
.vr-woi-like-list .counter {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.vr-woi-post-comments {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.vr-woi-answers-icon {
    font-size: 20px;
    margin-right: 8px;
}
.vr-woi-answers-counter {
}

.vr-woi-post-img {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 8px;
}

.vr-woi-comment-container {
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
}

.vr-woi-comment-container.closed {
    height: 0;
    opacity: 0;
}

#vr-woi-sort {
    cursor: pointer;
    display: inline;
    border: none;
    background: none;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: right;
    direction: rtl;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.25px;
}

.icon-sort-amount-desc {
    margin-left: 8px;
}

#vr-woi-sort option {
    direction: ltr;
}

.vr-woi-comment-container .input-area-wrapper {
    position: relative;
}

.vr-woi-header-counter {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.vr-category-wrapper {
    display: flex;
    justify-content: start;
    flex-flow: wrap;
    margin-bottom: 8px;
}

.vr-category {
    display: flex;
    justify-content: start;
    flex-flow: nowrap;
    cursor: pointer;
    line-height: 18px;
}
.vr-category:not(:last-of-type) {
    margin-right: 16px;
}

.vr-category-dot {
    margin-top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-right: 8px;
}

.vr-category-name {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.25px;
}

.vr-category:hover .vr-category-name.CorporateLinkCO {
    text-decoration: underline;
}

.vr-location-wrapper {
    display: flex;
    justify-content: start;
    flex-flow: nowrap;
    margin-top: 5px;
}

.vr-location-items {
    display: flex;
    justify-content: start;
    flex-flow: wrap;
}

.vr-event-location-icon {
    line-height: 18px;
    font-size: 13px;
    margin-right: 12px;
}
.vr-location-icon {
    line-height: 18px;
    font-size: 15px;
    margin-right: 2px;
}
.vr-location-name {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.25px;
}

.vr-location {
    line-height: 18px;
    margin-right: 16px;
}
.vr-location.CorporateLinkCO:hover .vr-location-name {
    text-decoration: underline;
}

.vr-stream-button-wrapper {
    margin-bottom: 16px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.stream-link-button {
    display: flex;
    align-items: center;
    flex-flow: row;
    height: 40px;
    margin: 0 auto;
    min-width: 140px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 30px;
    overflow: hidden;
}

.vr-video video {
    width: 100%;
    height: auto;
    margin-left: 0;
}

.vr-show-more-posts {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    box-shadow: 0 -10px 8px -10px rgba(0,0,0,0.2);
    user-select: none;
    cursor: pointer;
}
.vr-show-more-posts:hover {
    text-decoration: underline;
}

#detail-helper-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#detail-helper-popup-text{
    z-index: 9999;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 20px;
    max-width: 512px;
    border-radius: 5px;
    margin: 0 20px;
    text-align: center;
    color: white;
    background: rgba(0,0,0,0.75);
    font-weight: bold;
}

.vr-stream-video {
    width: 100%;
    margin: 0 auto;
}

.vr-stream-video video {
    margin: 0 auto;
}

.vr-stream-error {
    color: white;
    position: relative;
    width: 100%;
    padding: 0 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    background: linear-gradient(to bottom, #777777 0%,#000000 100%);
    background-position: center center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#plazz-pip .vr-stream-error {
    height: 100% !important;
}
.vr-stream-error .vr-stream-error-icon1 {
    font-size: 80px;
    opacity: 0.15;
}
.vr-stream-error .vr-stream-error-message {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    margin-top: 32px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#plazz-pip .vr-stream-error-icon1 {
    font-size: 60px;
}
#plazz-pip .vr-stream-error-message {
    font-size: 18px;
}
/*.vr-stream-error .vr-error-retry-wrapper {*/
/*    width: auto;*/
/*    padding: 0 16px 0 18px;*/
/*    line-height: 30px;*/
/*    border-radius: 4px;*/
/*    border: solid 1px #ffffff;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    cursor: pointer;*/
/*    margin-top: 16px;*/
/*}*/
/*.vr-stream-error .vr-stream-error-icon2 {*/
/*    font-size: 16px;*/
/*    margin-right: 9px;*/
/*}*/
/*.vr-stream-error .vr-error-retry-label {*/
/*    font-size: 16px;*/
/*    font-weight: normal;*/
/*    font-stretch: normal;*/
/*    font-style: normal;*/
/*    letter-spacing: 0.25px;*/
/*}*/

.input-area-wrapper .emojionearea {
    margin-left: 42px;
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.no-comments-possible-error {
    position: absolute;
    top: 0;
    left: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    background-color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 15px 0 11px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
}

.input-area-wrapper .emojionearea.focused {
    border: none !important;
    outline: none;
}
.input-area-wrapper .emojionearea:focus {
    border: none !important;
    outline: none;
}

.question-container .input-area-wrapper .emojionearea-button,
.woi-container .input-area-wrapper .emojionearea-button {
    position: absolute;
    right: 11px;
    top: auto;
    bottom: 8px;
}
/*.question-container .emojionearea,*/
/*.woi-container .emojionearea {*/
/*    max-width: calc(100% - 140px);*/
/*}*/

.question-container .emojionearea-editor,
.woi-container .input-area-container .emojionearea-editor {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
}
.vr-woi-comment-container .input-area-container .emojionearea-editor {
    padding-right: 30px;
}

.emojionearea-editor::before{
    font-style: italic;
}
.vr-woi-header-sort {
    cursor: pointer;
}
.vr-woi-header-sort:hover #vr-woi-sort {
    text-decoration: underline;
}

#pip-placeholder {
    background-color: black;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

#stream-in-pip-wrapper {
    display: none;
    width: 100%;
}

#plazz-pip {
    position: absolute;
    z-index: 2500;
    top: 80px;
    right: 16px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
    #plazz-pip {
        z-index: 1000;
    }
}

#plazz-pip .plazz-increase-pip {
    display: block;
}
#plazz-pip .plazz-decrease-pip {
    display: block;
}
@media screen and (max-width: 500px) {
    #plazz-pip .plazz-increase-pip {
        display: none;
    }
    #plazz-pip .plazz-decrease-pip {
        display: none;
    }
}
#plazz-pip .plazz-move-pip {
    display: block;
}
#plazz-pip .plazz-start-pip {
    display: none;
}
#plazz-pip .plazz-end-pip {
    display: block;
}
#plazz-pip .wide-video-button {
    display: none;
}

.general-video-wrapper {
    margin-top: 40px;
}

.vr-jitsi-video-conference {
    width: 100%;
    height: 100%;
}

#stream-wrapper {
    position: relative;
}
#stream-wrapper.wide-active {
    width: 150%;
}
#stream-wrapper .plazz-increase-pip {
    display: none;
}
#stream-wrapper .plazz-decrease-pip {
    display: none;
}
#stream-wrapper .plazz-move-pip {
    display: none;
}
#stream-wrapper .plazz-start-pip {
    display: block;
}
#stream-wrapper .plazz-end-pip {
    display: none;
}
#stream-wrapper .wide-video-button {
    display: block;
}

#stream-wrapper.jitsi .plazz-start-pip {
    display: none;
}

.plazz-pip-controls {
    position: absolute;
    width: 100%;
    height: 30px;
    top: -30px;
    right: 0;
    color: white;
    font-size: 16px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.plazz-pip-controls .pip-control-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: none;
    margin-left: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    background-color: white;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.plazz-pip-controls .wide-video-button:before {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 500px) {
    .content-container .column-right-mobile .speaker-wrapper .speaker-content {
        width: 50%;
    }
    .content-container .column-right-mobile .file-content {
        width: 50%;
    }
    .vr-location-wrapper.mobile {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .vr-stream-error .vr-stream-error-icon1 {
        font-size: 45px;
        margin-top: 0;
    }
    .vr-stream-error .vr-stream-error-message {
        font-size: 16px;
        margin-top: 18px;
    }
    .content-container .vr-info-wrapper {
        display: flex;
        justify-content: flex-start;
        flex-flow: column;
    }
    .vr-event-info-actions {
        margin-top: 16px;
    }
    .vr-location-wrapper.desktop {
        display: none;
    }
    .vr-woi-post-header {
        flex-flow: column;
    }
    .vr-woi-post-content {
        padding-top: 40px;
    }
    .vr-woi-post-time {
        position: absolute;
        top: 20px;
        left: 55px;
    }
    .vr-woi-likes-comments {
        flex-flow: wrap;
        align-items: flex-start;
    }
    .vr-woi-answers-counter:not(.hidden) {
        line-height: 30px;
    }
}

/*.next-session-modal .modal-overlay-content {*/
/*    padding: 15px 40px;*/
/*}*/

/*.next-session-modal .modal-headline {*/
/*    font-size: 18px;*/
/*    border-bottom-width: 1px;*/
/*    border-bottom-style: solid;*/
/*    padding-bottom: 15px;*/
/*}*/

/*.next-session-modal .next-session-item {*/
/*    height: 72px;*/
/*    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
/*    border-radius: 4px;*/
/*    border-style: solid;*/
/*    border-width: 1px;*/
/*    margin-bottom: 8px;*/
/*}*/

#eventDetailPage .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
    top: auto;
}

#eventDetailPage .emojionearea .emojionearea-button.active+.emojionearea-picker-position-bottom {
    margin-top: 10px;
    margin-right: 7px;
}


#weatherPage .weather-header {
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: calc(1 / (21 / 9) * 100%);
}

#weatherPage .weather-header .weather-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/sponsors_image_placeholder.png');
}

#weatherPage .weather-header .weather-image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
}

#weatherPage .weather-header .weather-header-info {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 480px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#weatherPage .weather-header .weather-header-info > table {
    margin: 0 auto;
}

#weatherPage .weather-header .weather-header-info div {
    text-shadow: -2px 2px rgba(0,0,0,.3);
}

#weatherPage .precipitation-icon {
    background: url('../images/weather/Regenschirm@2x.png') no-repeat;
    background-size: contain;
}

#weatherPage .weather-tab-container {
    min-width: 100%;
}

#weatherPage .weather-content {
    padding: 0 15px;
    margin: 0 auto;
}

#weatherPage .weather-content .weather-date {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.weather-icon-container-backrop {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.15;
}
.city-width-helper {
    opacity: 0;
}

#weatherPage .powered-by {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 480px;
    text-align: right;
    z-index: 2;
    right: 0;
    padding: 15px;
}

.weather-icon {
    background: no-repeat center;
    background-size: contain;
    z-index: 2;
}
.weather-fs12 {
    font-size: 12px;
}

@media screen and (min-width: 480px) {
    #weatherPage .weather-content {
        -webkit-box-shadow: 0 0 15px -7px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 15px -7px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px -7px rgba(0,0,0,0.1);
    }
}

@media screen and (min-width:600px) {
    .weather-fs12 {
        font-size: 14px;
    }
}

@media screen and (min-width:1000px) {
    .weather-fs12 {
        font-size: 15px;
    }
}

.weather-icon-sonnig        {background-image: url('../images/weather/sonnig.png');}
.weather-icon-mondschein    {background-image: url('../images/weather/mondschein.png');}
.weather-icon-bewoelkt      {background-image: url('../images/weather/bewoelkt.png');}
.weather-icon-bewoelktn     {background-image: url('../images/weather/bewoelktn.png');}
.weather-icon-wolkig        {background-image: url('../images/weather/wolkig.png');}
.weather-icon-wolkign       {background-image: url('../images/weather/wolkign.png');}
.weather-icon-sehrwolkig    {background-image: url('../images/weather/sehrwolkig.png');}
.weather-icon-sehrwolkign   {background-image: url('../images/weather/sehrwolkign.png');}
.weather-icon-regen         {background-image: url('../images/weather/regen.png');}
.weather-icon-regenn        {background-image: url('../images/weather/regenn.png');}
.weather-icon-gewitter      {background-image: url('../images/weather/gewitter.png');}
.weather-icon-gewittern     {background-image: url('../images/weather/gewittern.png');}
.weather-icon-schnee        {background-image: url('../images/weather/schnee.png');}
.weather-icon-schneen       {background-image: url('../images/weather/schneen.png');}
.weather-icon-nebel         {background-image: url('../images/weather/nebel.png');}

@media 
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) { 
    .weather-icon-sonnig        {background-image: url('../images/weather/sonnig@2x.png');}
    .weather-icon-mondschein    {background-image: url('../images/weather/mondschein@2x.png');}
    .weather-icon-bewoelkt      {background-image: url('../images/weather/bewoelkt@2x.png');}
    .weather-icon-bewoelktn     {background-image: url('../images/weather/bewoelktn@2x.png');}
    .weather-icon-wolkig        {background-image: url('../images/weather/wolkig@2x.png');}
    .weather-icon-wolkign       {background-image: url('../images/weather/wolkign@2x.png');}
    .weather-icon-sehrwolkig    {background-image: url('../images/weather/sehrwolkig@2x.png');}
    .weather-icon-sehrwolkign   {background-image: url('../images/weather/sehrwolkign@2x.png');}
    .weather-icon-regen         {background-image: url('../images/weather/regen@2x.png');}
    .weather-icon-regenn        {background-image: url('../images/weather/regenn@2x.png');}
    .weather-icon-gewitter      {background-image: url('../images/weather/gewitter@2x.png');}
    .weather-icon-gewittern     {background-image: url('../images/weather/gewittern@2x.png');}
    .weather-icon-schnee        {background-image: url('../images/weather/schnee@2x.png');}
    .weather-icon-schneen       {background-image: url('../images/weather/schneen@2x.png');}
    .weather-icon-nebel         {background-image: url('../images/weather/nebel@2x.png');}
}

@media
  screen and (min-width:600px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width:600px) and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
    .weather-icon-sonnig        {background-image: url('../images/weather/sonnig@3x.png');}
    .weather-icon-mondschein    {background-image: url('../images/weather/mondschein@3x.png');}
    .weather-icon-bewoelkt      {background-image: url('../images/weather/bewoelkt@3x.png');}
    .weather-icon-bewoelktn     {background-image: url('../images/weather/bewoelktn@3x.png');}
    .weather-icon-wolkig        {background-image: url('../images/weather/wolkig@3x.png');}
    .weather-icon-wolkign       {background-image: url('../images/weather/wolkign@3x.png');}
    .weather-icon-sehrwolkig    {background-image: url('../images/weather/sehrwolkig@3x.png');}
    .weather-icon-sehrwolkign   {background-image: url('../images/weather/sehrwolkign@3x.png');}
    .weather-icon-regen         {background-image: url('../images/weather/regen@3x.png');}
    .weather-icon-regenn        {background-image: url('../images/weather/regenn@3x.png');}
    .weather-icon-gewitter      {background-image: url('../images/weather/gewitter@3x.png');}
    .weather-icon-gewittern     {background-image: url('../images/weather/gewittern@3x.png');}
    .weather-icon-schnee        {background-image: url('../images/weather/schnee@3x.png');}
    .weather-icon-schneen       {background-image: url('../images/weather/schneen@3x.png');}
    .weather-icon-nebel         {background-image: url('../images/weather/nebel@3x.png');}
}

@media
  screen and (min-width:1000px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width:1000px) and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
    .weather-icon-sonnig        {background-image: url('../images/weather/sonnig@4x.png');}
    .weather-icon-mondschein    {background-image: url('../images/weather/mondschein@4x.png');}
    .weather-icon-bewoelkt      {background-image: url('../images/weather/bewoelkt@4x.png');}
    .weather-icon-bewoelktn     {background-image: url('../images/weather/bewoelktn@4x.png');}
    .weather-icon-wolkig        {background-image: url('../images/weather/wolkig@4x.png');}
    .weather-icon-wolkign       {background-image: url('../images/weather/wolkign@4x.png');}
    .weather-icon-sehrwolkig    {background-image: url('../images/weather/sehrwolkig@4x.png');}
    .weather-icon-sehrwolkign   {background-image: url('../images/weather/sehrwolkign@4x.png');}
    .weather-icon-regen         {background-image: url('../images/weather/regen@4x.png');}
    .weather-icon-regenn        {background-image: url('../images/weather/regenn@4x.png');}
    .weather-icon-gewitter      {background-image: url('../images/weather/gewitter@4x.png');}
    .weather-icon-gewittern     {background-image: url('../images/weather/gewittern@4x.png');}
    .weather-icon-schnee        {background-image: url('../images/weather/schnee@4x.png');}
    .weather-icon-schneen       {background-image: url('../images/weather/schneen@4x.png');}
    .weather-icon-nebel         {background-image: url('../images/weather/nebel@4x.png');}
}

/*general*/
.transparent-with-border {
    background-color: white !important;
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
}
@keyframes loading-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#video-manager .pw-button:hover,
#video-manager .pw-control-button:hover {
    opacity: 0.8;
}
#video-manager .section-wrapper {
    max-width: 100%;
    padding: 0 10px;
    text-align: center;
}

    /*join page*/
#video-manager .pw-join-page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
}

#video-manager .pw-meeting-name {
    font-size: 28px;
    font-weight: bold;
}
#video-manager .pw-meeting-time,
#video-manager .pw-user-name-title {
    font-size: 20px;
}
#video-manager .pw-user-name {
    font-size: 18px;
}


#video-manager .pw-join-media-title {
    font-size: 20px;
    font-weight: bold;
}
#video-manager .pw-join-selections-wrapper {
    display: inline-block;
}
#video-manager .pw-join-select-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
#video-manager .pw-join-media-select-label {
    font-size: 16px;
    font-weight: normal;
    border: none;
    margin: 0 10px 0 0;
}
#video-manager .pw-join-media-select {
    font-size: 16px;
    font-weight: normal;
    -moz-appearance: revert;
    -webkit-appearance: revert;
    appearance: revert;
    border: none;
    width: auto;
    height: auto;
    line-height: inherit;
    padding: 0;
    cursor: pointer;
}
#video-manager #pw-microphone-select {

}
#video-manager #pw-camera-select {

}


#video-manager .pw-join-button {
font-size: 16px;
text-align: center;
cursor: pointer;
height: 36px;
padding: 0 22px;
border-radius: 24px;
min-width: 200px;
margin-bottom: 5px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
#video-manager .pw-join-button.loading {
pointer-events: none;
opacity: 0.6;
}
#video-manager .pw-join-button .pw-join-button-text {
display: block;
}
#video-manager .pw-join-button.loading .pw-join-button-text {
display: none;
}
#video-manager .pw-join-button .pw-join-button-loading {
display: none;
}
#video-manager .pw-join-button.loading .pw-join-button-loading {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
#video-manager .pw-join-button.loading .pw-join-button-loading-text {
display: inline-block;
}
#video-manager .pw-join-button.loading .pw-join-button-loading-icon {
display: inline-block;
animation: loading-spin 1.2s linear infinite;
}

#video-manager .pw-use-native-app {
font-size: 14px;
text-decoration: none;
}
#video-manager .pw-use-native-app:hover {
text-decoration: underline;
}

/*new meeting*/
#video-manager .pw-meeting-page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
#video-manager .pw-meeting-page video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    z-index: -1;
}

#video-manager .pw-meeting-page video#local-video,
#video-manager .pw-meeting-page video#local-screenshare {
    width: 25%;
    height: 25%;
    top: -25%;
    transition: top 300ms;
}
#video-manager .pw-meeting-page video#local-video {
    left: 20px;
}
#video-manager .pw-meeting-page video#local-screenshare {
    right: 20px;
    left: auto;
}
#video-manager .pw-meeting-page video.active {
    z-index: 2;
}

#video-manager:hover .pw-meeting-page video#local-video.active,
#video-manager:hover .pw-meeting-page video#local-screenshare.active {
    top: 20px;
}

#video-manager .pw-meeting-page video.focused {
    z-index: 1;
}

/*meeting controls*/
#video-manager .pw-controls-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    display: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
#video-manager:hover .pw-controls-wrapper {
    display: flex;
}
#video-manager .pw-controls-wrapper.timely-visible {
    display: flex;
}
#video-manager .pw-controls {
    height: 60px;
    padding: 15px;
    border-radius: 30px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0, 0.8);
}
#video-manager .pw-controls .pw-control-button {
    height: 40px;
    width: 40px;
    margin: 0 5px;
    border-radius: 20px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: darkslategrey;
    cursor: pointer;
}
#video-manager .pw-controls .pw-control-button.pw-end-call {
    color: white;
    background-color: orangered;
}





/*max width 500*/
@media (max-width: 500px) {
    #video-manager .pw-meeting-name {
        font-size: 16px;
    }
    #video-manager .pw-meeting-time,
    #video-manager .pw-user-name-title {
        font-size: 14px;
    }
    #video-manager .pw-user-name {
        font-size: 12px;
    }
    #video-manager .pw-join-button {
        font-size: 14px;
        height: 30px;
    }
    #video-manager .pw-use-native-app{
        font-size: 12px;
    }
    #video-manager .pw-join-media-title {
        font-size: 14px;
    }
    #video-manager .pw-join-media-select-label {
        font-size: 12px;
    }
    #video-manager .pw-join-media-select {
        font-size: 12px;
    }
    #video-manager .pw-controls {
        height: 40px;
        border-radius: 20px;
    }
    #video-manager .pw-controls .pw-control-button {
        height: 30px;
        width: 30px;
        font-size: 20px;
        border-radius: 15px;
    }
}

#video-manager.pip .pw-meeting-name {
        font-size: 16px;
    }
#video-manager.pip .pw-meeting-time,
#video-manager.pip .pw-user-name-title {
    font-size: 14px;
}
#video-manager.pip .pw-user-name {
    font-size: 12px;
}
#video-manager.pip .pw-join-button {
    font-size: 14px;
    height: 30px;
}
#video-manager.pip .pw-use-native-app{
    font-size: 12px;
}
#video-manager.pip .pw-join-media-title {
    font-size: 14px;
}
#video-manager.pip .pw-join-media-select-label {
    font-size: 12px;
}
#video-manager.pip .pw-join-media-select {
    font-size: 12px;
}
#video-manager.pip .pw-controls {
    height: 40px;
    border-radius: 20px;
}
#video-manager.pip .pw-controls .pw-control-button {
    height: 30px;
    width: 30px;
    font-size: 20px;
    border-radius: 15px;
}

.woi-entry-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.woi-sort-section {
    height: 60px;
    width: calc(100% - 20px);
    text-align: right;
    line-height: 60px;
    margin: 0 auto;
}

.woi-post-sort {
    position: relative;
    right: 0;
    width: 160px;
}

.modal-overlay-body textarea#new-post {
    background: transparent;
}

.WOIPage .modal-overlay .info-modal {
    width: calc(100% - 100px);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WOIPage .info-modal .modal-overlay-footer {
    height: 45px !important;
    line-height: 45px !important;
    display: table !important;
}

.WOIPage .info-headline {
    text-align: center;
    width: 100%;
    line-height: 20px;
    font-size: 17px;
    padding-top: 15px;
}

.WOIPage .info-helper {
    width: 100%;
    padding: 15px 25px 20px 25px;
}

.WOIPage .info-btn-apply{
    border-right-width: 1px;
    border-right-style: solid;
    display: table-cell;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.likeModal {
    border-radius: 10px !important;
    overflow-y: hidden !important;
}

.likeModal .liked-person-list {
    overflow-y: auto;
    padding: 0;
}

.likeModal .like-list-separator {
    height: 1px;
    width: calc(100% - 30px);
    margin-left: 15px;
    display: block;
}

.likeModal .like-list-fw-separator {
    height: 1px;
    width: 100%;
    display: block;
}

@media screen and (max-width: 512px) {
    .likeModal .btn-modal-close::after {
        content: '\ebbc' !important;
    }
    .likeModal {
        border-radius: 0 !important;
    }
}

@media screen and (min-width: 513px) {
    .likeModal .liked-person-list {
        height: 500px !important;
    }
}


select#woi-sort {
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -10px;
    right: 0;
    height: 20px;
    border: none;
    background: none;
    border: none;
    opacity: 0;
}

.WOIPage .sort-label{
    font-weight: bold;
}

.WOIPage .open-dropdown {
    margin-left: 3px;
}

.woi-post-wrapper {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 488px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.woi-post-header {
    width: 100%;
    padding: 15px 15px 0 15px;
    margin: 0 auto;
}

.WOIPage .separator,
.WOI-postPage .separator{
    height: 1px;
    width: 100%;
    display: block;
}

.woi-post-body {
    padding: 10px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.woi-post-footer .woi-post-action {
    cursor: pointer;
}

.woi-post-footer .woi-post-action .btn-like,
.woi-post-footer .woi-post-action .btn-comment {
    position: relative;
}

.woi-post-footer .woi-post-action .btn-like::before,
.woi-post-footer .woi-post-action .btn-comment::before {
    font-family: 'icomoon';
    font-size: 16px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: -3px;
}

.woi-post-footer .woi-post-action .btn-like::before {
    content: '\eb45';
}

.woi-post-footer .woi-post-action .btn-comment::before {
    content: '\ea3d';
}

.woi-post-body .woi-post-text {
    word-break: break-word;
    font-size: 14px;
    line-height: 18px;
}

.woi-post-body .woi-post-status .woi-post-likes,
.woi-post-body .woi-post-status .woi-post-comments {
    padding-top: 10px;
}

.woi-post-comments-like-list {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 12px;
}

.woi-author-name,
.woi-time-ago {
    letter-spacing: -0.3px;
}
.emojiPicker {
    box-shadow: none !important;
    overflow: hidden;
}
.emojiPicker nav .tab .emoji{
    font-size: inherit;
}
.emojiPicker .search {
   display: none;
}
.emojiPicker .shortcode {
   display: none;
}
.emojiPicker .sections {
   overflow-x: hidden;
}
.emojiPicker section {
    padding-left: 10px;
    padding-right: 10px;
}

.emoji {
    font-style: normal;
    font-size: 30px;
}
.emojiPicker span.emoji {
    width: 1em !important;
    height: 1em !important;
    text-indent: initial !important;
}
.emojiPicker section em {
    padding: 1% !important;
}

    

.woi-post-author-img {
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    background-image: url('../images/client/icons/anonymous_150.png');
}

.WOIPage .two-col-layout-left,
.WOIPage .two-col-layout-right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.WOIPage .two-col-layout-left {
    padding: 0 5px 0 10px;
}

.WOIPage .two-col-layout-right {
    padding: 0 10px 0 5px;
}

.woi-post-image,
.woi-image-preview {
    position: relative;
    width: 100%;
    padding-top: 66%;
    margin-top: 15px;
    bottom: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.woi-post-image {
    cursor: pointer;
}

.woi-image-preview {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e7e7e7;
    border-width: 1px;
    border-style: solid;
}

.woi-post-image-preview {
    opacity: 0.3;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: rgba(255,255,255, 0.8);
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.woi-post-image:hover .woi-post-image-preview {
    opacity: 1;
}

.woi-post-image.loading {
    background: linear-gradient(360deg, #eaeaea, #f1f1f1 100%);
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    font-size: 20px;
}

.woi-post-image.loading:before {
    font-family: 'icomoon';
    color: #FFFFFF;
    content: '\ea4f';
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    text-align: center;
    position: absolute;
    animation: anim-rotate 2s infinite linear;
}

.modal-overlay-body textarea {
    background-color: #FFFFFF;
    border: 0;
    resize: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn-post-anonym {
    position: relative;
    padding-left: 30px;
}

.btn-post-anonym:after {
    line-height: 20px;
    font-size: 20px;
    font-family: 'icomoon';
    content: '\eb1d';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-post-anonym.anonym::after {
    content: '\eb20';
}

#WOI-postPage .woi-post-wrapper {
    margin-bottom: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#woi-comments {
    background: rgba(255,255,255, 0.5);
    width: 100%;
    margin: 0 auto;
    max-width: 488px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.woi-comment-wrapper {
    width: 100%;
}

.woi-comment {
    position: relative;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.woi-comment-text {
    word-break: break-word;
}

.empty-wall-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.emojiPicker nav div.tab {
    margin-top: 4px;
    padding-top: 12px;
    padding-bottom: 3px;
}


.emojiPicker nav div.tab .emoji {
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
}
.emojiPicker nav div.tab .emoji-tab-recent {
    background-image: url("../images/emojitabicons/recent.png");
}
.emojiPicker nav div.tab .emoji-tab-people {
    background-image: url("../images/emojitabicons/people.png");
}
.emojiPicker nav div.tab .emoji-tab-nature {
    background-image: url("../images/emojitabicons/nature.png");
}
.emojiPicker nav div.tab .emoji-tab-food {
    background-image: url("../images/emojitabicons/food.png");
}
.emojiPicker nav div.tab .emoji-tab-activity {
    background-image: url("../images/emojitabicons/activity.png");
}
.emojiPicker nav div.tab .emoji-tab-travel {
    background-image: url("../images/emojitabicons/travel.png");
}
.emojiPicker nav div.tab .emoji-tab-object {
    background-image: url("../images/emojitabicons/object.png");
}
.emojiPicker nav div.tab .emoji-tab-symbol {
    background-image: url("../images/emojitabicons/symbol.png");
}
.emojiPicker nav div.tab .emoji-tab-flag {
    background-image: url("../images/emojitabicons/flag.png");
}

.not-published-opaque .lower-opacity{
    opacity: 0.5;
}

@media (min-width: 768px){
    body {
        background: #fafafa !important;
    }
    #page {
        max-width: 1280px;
        width: 100%;
        margin:0 auto !important;
        position: relative !important;
        transition: box-shadow 1s linear;
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0);
    }
    #page.box-shadow {
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    }

    #page .menu-content .contentPage {
        left:256px;
        right:0;
        width: auto;
    }

    #page .morePanel {
        transform: translate3d(0,0,0) !important;
        visibility: visible;
        width: 256px;
        clip: auto;
    }
    #page .moreButton {
        display:none !important;
    }

    .ui-panel-dismiss {
        display:none !important;
    }

    .ui-loader.blocking {
        max-width: 1280px;
        left:50%;
    }
}