/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

@font-face {
    font-family: "Roboto";
    src: url("../_assets/fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "Montserrat";
    src: url("../_assets/fonts/Montserrat-Light.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Montserrat";
    src: url("../_assets/fonts/Montserrat-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("../_assets/fonts/Montserrat-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: "Montserrat";
    src: url("../_assets/fonts/Montserrat-SemiBold.ttf");
    font-weight: 600;
}

html, body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    /*background-color:#E4E4E4;
    background-image:linear-gradient(to bottom, #A7A7A7 0%, #E4E4E4 51%);*/
    /*background: #FAFAFA;*/
    /*color: #212322;*/
    color: #39383b;
    font-family: 'Montserrat', system-ui, -apple-system, -apple-system-font, 'Segoe UI', sans-serif;
    /*font-size: 16px;*/
    font-size: 14px;
    width: 100vw;
    height: 100vh;
    overflow: hidden; /* DISABLES DRAGGING OF VIEW UP AND DOWN on iPhone !!!! */
    margin: 0px;
    padding: 0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */ /* canceled - used below */
    /*padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);*/
}

body {
    /*padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);    */
}

* {
    box-sizing: border-box;
}

iframe {
    background: #FFFFFF;
}

/*html {
    background: #0000FF;
}
body {
    display: block;
    background: #00FFFF;
}
*/

body {
    display: block;
}


.hide {
    display: none !important;
    height: 1px;
    oveflow: hidden;
}

img {
    max-width: 100%;
}

/*.svg-icon {
    width: 64px;
}

.icon-info {
    width: 32px;
    height: 32px;
    opacity: 0.5;
}*/

section {
    /*padding: 20px;*/
    /*min-width: 100vw;
    min-height: 100vh;
    width: 100%;
    height: 100%;*/
}

.dump {
    width: auto;
    /*position: absolute;*/
    z-index: 10000;
    background: #000000;
}
.dump .dumpitem {
    padding: 5px;
    color: #FFFFFF;
    font-size: 10px;
    border-top: 1px solid #FFFFFF;
    white-space: wrap;
    word-wrap: break-word;
}
.dump .dumpitem:first-child {
    border-top: 0px;
}


/*
.loading img {
    position: absolute;
    width: 90vw;
    height: 90vw;
    top: 50%;
    margin-top: -45vw;
    left: 50%;
    margin-left: -45vw;
    opacity: 0.2;
}
*/

.loading img {
    position: absolute;
    width: 50vw;
    height: 50vw;
    bottom: 70px;
    right: 15px;
    opacity: 0.9;
    z-index: 1000001;
    /*border: 1px solid #000000;*/
}

/*
.page .xycenter {
    position: fixed;
    max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #FF0000;
}
*/
.page .xycenter {
    /*display: table;
    width: 100%;
    height: 100%;*/
    /*background: #FF0000;*/
}

.page .xycenterrow {
    /*display: table-row;*/
}

.page .xycenterblock {
    /*display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
     */
    /*background: #00FF00;*/
}
.page .xycenterother {
    /*display: table-cell;
    vertical-align: middle;
    text-align: center;*/
}

.page .buttons {
    display: none !important;
}

section {
    /*
    padding-top: 48px;
    padding-bottom: 48px;*/
    /*background: #EEEEEE;*/
}

header img, footer img {
    vertical-align: middle;
    margin-top: -3px;
}

header .logo {
    margin-right: 10px;
}

.menu-container {
    width: 1;
}
header .menu-icon {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -60px;
}

header .menu-icon img {
    width: 24px;
}

#AppHeader_MenuItem_Languages {
    text-align: left;
    white-space: nowrap;
    display: inline-block;
}

header .menu .language-item {
    margin-right: 10px;
    border: 1px solid #EEEEEE;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}

header img {
    height: 32px;
}

.xycenter {
    text-align: center;
    /*width: 400px;*/
    max-width: 100%;
    margin: 0px auto;
    padding: 20px;
    position: relative;
}
/*form > * {
    padding: 5px;
    margin: 20px;
}*/
/*
button {
    color: #FFFFFF;
    background: #d82430;
    margin: 5px;
    padding: 15px 30px;
    text-transform: uppercase;
    border: 0px solid #d82430;
    font-size: 22px;
    font-weight: bold;
}
button:hover {
    background: #d82430;
}
button.blue {
    color: #FFFFFF;
    background: #5FA8DA;
}
button.blue:hover {
    background: #1F588A;
}
button.green {
    color: #FFFFFF;
    background: #8DC640;
}
button.green:hover {
    background: #4D8610;
}
button.gray {
    color: #FFFFFF;
    background: #888888;
}
button.green:hover {
    background: #444444;
}

button.small {
    padding: 5px 10px;
    font-size: 16px;    
}
*/


.buttons {
/*    text-align: center;*/
/*    margin-top: 40px;*/
}

#AppPageLogin {
    background: url("../_img/bg.png") center center no-repeat, #FFFFFF; /* !!! ../ kvuli iPhone!!! */
    background-size: cover;
}

#AppPageLogin input {
    text-align: center;
}

#AppPageLogin .logo img {
    /*width: 100px;*/
    /*height: 20vh;*/
    height: 18vh;
    /*margin-bottom: 50px;*/
    /*margin-top: -100px;*/
}

#AppPageLogin .note {
    font-size: 11px;
    font-style: italic;
    color: #AAAAAA;
    font-weight: normal;
    padding: 6px;
    background: transparent; /*rgba(0,0,0,0.3);*/
    margin-top: 20px;
    display: none;
}

/*
#AppPageLogin .button {
    margin: 20px 0px;
}

#AppPageLogin .login-buttons {
    position: relative;
}

#AppPageLogin .login-buttons .social {
    margin-top: 10px;
}

#AppPageLogin .login-buttons .label {
    font-size: 80%;
    opacity: 0.5;
}

#AppPageLogin .login-buttons .icon {
    display: inline-block;
    margin: 10px;
    width: 48px;
    height: 48px;
    line-height: 28px;
    padding: 5px;
    border: 1px solid #EEEEEE;
    text-align: center;
    vertical-align: middle;
}

#AppPageLogin .login-buttons img {
    width: 100%;
    vertical-align: middle;
}

#AppPageLogin .other {
    margin-top: 10px;
}

#AppPageLogin .language-item {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    margin-top: 10px;
    margin-top: calc(env(safe-area-inset-top, 0px) + 10px);
    margin-right: calc(env(safe-area-inset-right, 0px) + 10px);
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255,255,255,0.5);
}

#AppPageLogin .language-item img {
    width: 28px;
}

#AppPageLogin .eu_sk {
    display: block;
    margin-top: 10px;
    border-top: 1px solid #AAAAAA;
    padding-top: 10px;

}

#AppPageLogin .eu_sk .left {
    text-align: center;
}

#AppPageLogin .eu_sk .left img {
    height: 30px;
}

#AppPageLogin .eu_sk .right {
    flex: 1;
    font-size: 7px;
    margin-top: 2px;
    text-align: center;
}
*/

#AppPageAlert, #AppPageConfirm, #AppPageUpdate, #AppPageMessage {
    text-align: center;
    /*position: absolute;*/
    /*z-index: 110;*/
    /*padding-left: 10px;
    padding-right: 10px;*/
}

/*#AppPageAlert .buttons, #AppPageConfirm .buttons {
    padding: 40px 10px;
}*/

#AppPageAlert .note, #AppPageConfirm .note, #AppPageUpdate .note, #AppPageMessage .note {
    margin-top: 10px;
    /*font-size: 20px;*/
    /*font-style: italic;*/
}

#AppPageAlert .icon, #AppPageConfirm .icon, #AppPageUpdate .icon, #AppPageMessage .icon {
    width: 200px;
    height: 200px;
    margin-bottom: 40px;
    opacity: 0.2;
}

#AppPageCommunities {
    /*display: block;
    flex-direction: column;
    width: 100%;
    height: 100%;*/

    /*padding: 60px 0px 70px 0px;*/
}
/*
#AppPageCommunities_Header {
    padding: 20px;
    background: #5FA8DB;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
}
#AppPageCommunities_HeaderTitle {
    flex: 1;
    font-weight: bold;
}
#AppPageCommunities_HeaderDebug {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    color: #666666;
    font-size: 50px;
}
#AppPageCommunities_HeaderDebug svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: -8px;
    margin-left: -2px;
}
*/

/*
#AppPageCommunities_Grid {
    flex: 1;
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    padding-bottom: 5px;
}
#AppPageCommunities_Grid .item {
    display: flex;
    position: relative;
    font-size: 14px;
    background: #FFFFFF;
    margin: 5px;
    padding: 4px;
    margin-bottom: 0px;
}
#AppPageCommunities_Grid .item:hover {
}

#AppPageCommunities_Grid .item .icon {
    margin-right: 5px;
}

#AppPageCommunities_Grid .item .icon.distance {
    margin-right: 7px;
}

#AppPageCommunities_Grid .item .image {
    width: 20px;
    padding: 10px;
    text-transform: uppercase;
}

#AppPageCommunities_Grid .item .title2 {
    flex: 1;
}

#AppPageCommunities_Grid .item .title {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}

#AppPageCommunities_Grid .item .info {
    font-style: italic;
    opacity: 0.5;
    margin-bottom: 4px;
    font-size: 80%;
    margin-right: 10px;
}

#AppPageCommunities_Grid img {
    width: 80px;
    border-radius: 5px;    
}

#AppPageCommunities_Grid .item .title2 {
    vertical-align: middle;
    flex: 1;
    padding: 10px;
}
#AppPageCommunities_Grid .item .count {
    opacity: 0.5;
}

#AppPageCommunities_Grid .item.own {
    background: #EEEEEE;
    border-radius: 5px;
}

#AppPageCommunities_Grid .icons {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 0px;

}

#AppPageCommunities_Grid .icon {
    min-width: initial;
    width: 16px;
}
*/

/*
#AppPageCommunityInfo_Grid {
    display: block;
}

#AppPageCommunityInfo_Grid .item {
    display: flex;    
    margin: 10px;
    padding: 8px;
    display: flex;
    font-size: 14px;
}

#AppPageCommunityInfo_Grid img {
    margin-right: 10px;
    width: 100px;
    min-width: 100px;
    border-radius: 5px;
}

#AppPageCommunityInfo_Grid .date {
    opacity: 0.5;
    margin-bottom: 4px;
}

#AppPageCommunityInfo_Grid .title {
    font-weight: bold;
    margin-bottom: 4px;
}

#AppPageCommunityInfo_Grid .info {
    font-style: italic;
    opacity: 0.5;
}

#AppPageCommunityInfo_Container #AppPageCommunityInfo_Grid .name {
    font-size: 100%;
    margin-bottom: 5px;
}

#AppPageCommunityInfo_Grid .item .right {
    padding-top: 5px;
}

#AppPageCommunityInfo_Grid .item.own {
    background: #EEEEEE;
    border-radius: 5px;    
}

#AppPageCommunityInfo_Grid .item .right {
    flex: 1;
    position: relative;
}

#AppPageCommunityInfo_Grid .item .right .icon {
    min-width: initial;
    width: 16px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 0px;
}
*/

/*
#AppPageCommunityEventReservations_Grid {
    display: block;
}
#AppPageCommunityEventReservations_Grid .item {
    display: flex;    
    margin: 10px;
    padding: 8px;
    display: flex;
    font-size: 14px;
}

#AppPageCommunityEventReservations_Grid .middle {
    flex: 1;
}

#AppPageCommunityEventReservations_Grid .name {
    flex: font-weight: bold;
    margin-bottom: 4px;
}

#AppPageCommunityEventReservations_Grid .info {
    font-style: italic;
    font-size: 80%;
    opacity: 0.5;
}

#AppPageCommunityEventReservations_Grid .left img {
    border-radius: 100%;
    margin-right: 10px;
    width: 40px;
    vertical-align: middle;
}

#AppPageCommunityEventReservations_Grid .right img {
    margin-top: 10px;
    margin-left: 10px;
    height: 20px;
    opacity: 0.5;
    vertical-align: middle;
}

*/

.hidden {
    display: none !important;
    visibility: hidden !important;
}
#AppPageReservations {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    /*padding: 120px 0px 70px 0px;*/
    /*padding-top: 60px;*/
}
#AppPageReservations.full {
    padding-top: 0px;
    /*padding: 60px 0px 70px 0px;*/
}

.offline-course-label {
    margin-top: 40px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
}

.offline-course-notice {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 20px;
}

.phone {
    font-size: 30px;
    margin-top: 20px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

/*
#AppPageReservations_Header {
    padding: 20px;
    background: #FFFFFF;
    color: #000000;
    display: flex;
    flex-direction: row;
}
#AppPageReservations_HeaderTitle {
    flex: 1;
    font-weight: bold;
}
#AppPageReservations_HeaderBack {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    color: #666666;
    font-size: 50px;
}
*/
/*
#AppPageReservations_DateFilter {
    width: 100%;
    padding: 4px;
    color: #000000;
    border-bottom: 1px solid #BBBBBB;
    background: #EEEEEE;
    overflow: scroll;
    z-index: 110;
}
#AppPageReservations_DateFilter.collapsed {
    height: 58px;
}
#AppPageReservations_DateFilter_Grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-right: 40px;
}

#AppPageReservations_DateFilter a {
    display: inline-block;
    border: 1px solid #DDDDDD;
    padding: 4px;
    background: #EEEEEE;
    color: #000000;
    margin: 4px;
    text-align: center;
}
#AppPageReservations_DateFilter a {
    background: #FFFFFF;
}

#AppPageReservations_DateFilter a.workday {
    background: #FFFFFF;
}

#AppPageReservations_DateFilter a.weekend {
    background: #CCCCCC;
}

#AppPageReservations_DateFilter a.active {
    border: 1px solid #5FA8DA;
    color: #FFFFFF;
    font-weight: bold;
    background: #5FA8DA;
}
#AppPageReservations_DateFilter .weekday {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    padding: 20px 0px 6px 0px;
}
#AppPageReservations_DateFilter .day {
    font-size: 18px;
    font-weight: bold;
}
#AppPageReservations_DateFilter .month {
    font-size: 10px;
    opacity: 0.5;
}
/*
#AppPageReservations_HeaderBack svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: -8px;
    margin-left: -2px;
}
#AppPageReservations_DateFilterButton {
    margin-right: 18px;
    margin-top: 20px;
    z-index: 120;
    display: block;
    width: 16px;
    height: 16px;
}

#AppPageReservations_DateFilterButton img {
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    vertical-align: middle;
    margin-top: -1px;
}

#AppPageReservations_DateFilterButton.collapsed img.down {
    display: inline-block;
}
#AppPageReservations_DateFilterButton.expanded img.up {
    margin-top: -8px;
    display: inline-block;
}

#AppPageReservations_Grid {
    flex: 1;
    overflow: auto;
    padding: 1px;
}

/*
#AppPageReservations_Grid .date {
    background: #333333;
    color: #FFFFFF;
    padding: 20px;
    font-weight: bold;
    grid-gap: 5px;
}
#AppPageReservations_Grid .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1px;
}
#AppPageReservations_Grid .item {
    background: #EEEEEE;
    padding: 10px;
    display: flex;
    font-size: 14px;
}
#AppPageReservations_Grid .item img {
    height: 24px;
}
#AppPageReservations_Grid .item .left {
    flex: 1;
}
#AppPageReservations_Grid .item .right {
    display: flex;
}
#AppPageReservations_Grid .item.own {
}
#AppPageReservations_Grid .item .name {
}
#AppPageReservations_Grid .item.free {
    font-style: italic;
    color: #000000;
    background: #8DC640;
}
#AppPageReservations_Grid .item.waiting {
    font-style: italic;
    color: #000000;
    background: #D6D6D6;
}
#AppPageReservations_Grid .item.free .name {
    font-weight: normal;
}
#AppPageReservations_Grid .item.used {
    background: #5FA8DA;
}
#AppPageReservations_Grid .item.canceled {
    text-decoration: line-through;
    background: #FFAAAA;
}
#AppPageReservations_Grid .group {
    margin-bottom: 0px;
}
#AppPageReservations_Grid .icon {
    display: inline-block;
    margin: 3px 0px 0px 10px;
}
#AppPageReservations_Grid .item .date, #AppPageReservations_Grid .item .time, #AppPageReservations_Grid .item .price {
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
}

#AppPageReservations_Grid .item .price {
    margin-left: 5px;
    font-size: 8px;
}
*/

#AppPageReservation, #AppPageReservationEdit {
    /*position: absolute;*/
    z-index: 100;
    text-align: center;
}

#AppPageReservation .flex, #AppPageReservationEdit .flex {
    display: flex;
    flex-direction: column;
    /*position: relative;*/
    width: 100%;
    height: 100%;
}

#AppPageReservation .flex .top, #AppPageReservationEdit .flex .top {
    flex: 1;
}

/*#AppPageReservation .buttons, #AppPageReservationEdit .buttons {
    padding: 20px 0px;
}*/
#AppPageReservation .time, #AppPageReservationEdit .time {
    padding: 40px 0px;
}

/*
#AppFooter_Global {
    display: none;
}
*/

#AppPageProfile h1 {
    font-size: 28px;
    margin-bottom: 10px;
    text-align: center;
}
#AppPageProfile h2 {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
}
#AppPageProfile p {
    margin-bottom: 8px;
    text-align: center;
}
#AppPageProfile .icon {
    text-align: center;
    margin-bottom: 50px;
}
#AppPageProfile .icon img {
    width: 100px;
    height: 100px;
    opacity: 0.2;
    margin-left: auto;
    margin-right: auto;
}
#AppPageProfile table {
    margin-left: auto;
    margin-right: auto;
}

#AppPageProfile td {
    font-size: 12px;
}

#AppPageProfile table.list td:first-child {
    font-weight: bold;
}

#AppPageProfile table.stats tr:first-child td {
    font-weight: bold;
}

#AppPageProfile table.stats td {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
#AppPageProfile table.stats td:first-child {
    text-align: left;
}

#AppPageReservations_Notes {
    text-align: center;
    font-size: 12px;
    padding: 10px 0px 6px 0px;
    border-bottom: 1px solid #CCCCCC;
    font-style: italic;
    background: #F6F6F6;
}
#AppPageReservation .time .label, #AppPageReservationEdit .time .label {
    margin-bottom: 5px;
}

.app_icon {
    transform: scale(0.8);
}

/*
#AppPageRaces_Grid {
    flex: 1;
    overflow: auto;
    display: block;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    padding: 10px;
}
#AppPageRaces_Grid .item {
    display: flex;
    text-align: center;
    border-top: 1px solid #EEEEEE;
    font-size: 14px;
    background: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 20px;
}

#AppPageRaces_Grid .item:first-child {
    border-top: 0px;
    padding-top: 0px;
}

#AppPageRaces_Grid .item .name {
    font-weight: bold;
    margin-top: 5px;
}

#AppPageRaces_Grid .item .date {
    font-style: italic;
    opacity: 0.7;
    margin-top: 5px;
}
*/



#AppPageArticles_Grid {
    flex: 1;
    overflow: auto;
    display: block;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    /*display: none;*/
    padding: 10px;
}
#AppPageArticles_Grid .item {
    display: flex;
    /*flex-direction: column;*/
    text-align: center;
    border-top: 1px solid #EEEEEE;
    font-size: 14px;
    background: #FFFFFF;
    /*padding: 4px;*/
    padding-top: 10px;
    padding-bottom: 20px;
}

#AppPageArticles_Grid .item:first-child {
    border-top: 0px;
    padding-top: 0px;
}

#AppPageArticles_Grid .item .name {
    font-weight: bold;
    margin-top: 5px;
}

#AppPageArticles_Grid .item .date {
    font-style: italic;
    opacity: 0.7;
    margin-top: 5px;
}


/*
#AppFooter_Global_Reservations, #AppFooter_Global_WaitingList, #AppHeader_MenuItem_Languages, #AppPageLogin_LanguageCS, #AppPageLogin_LanguageEN {
    display: none !important;
}
*/
/*
.tabs a img {
    height: 20px;
}*/

.page.active.full {
    display: flex;
    flex-direction: column;
}
.main {
    display: flex;
    flex-direction: column;
}

/*
#AppPageCommunityEventComments_Grid {
    flex: 1;
    overflow: auto;
}
#AppPageCommunityEventComments_MessageBar {
    display: block;
    border-top: 1px solid #EEEEEE;
}
#AppPageCommunityEventComments_MessageBar .top, #AppPageCommunityEventComments_MessageBar .input, #AppPageCommunityEventComments_MessageBar .bottom, #AppPageCommunityEventComments_MessageBar .media {
    padding: 5px 10px;
}
#AppPageCommunityEventComments_MessageBar .input {
    padding-top: 10px;
}
#AppPageCommunityEventComments_MessageBar .top {
    padding-bottom: 0px;
    font-size: 80%;
    padding-top: 10px;
}
#AppPageCommunityEventComments_MessageBar .top span {
    opacity: 0.5;
}
#AppPageCommunityEventComments_MessageBar .top img {
    width: 16px;
    opacity: 0.8;
    margin-left: 6px;
    vertical-align: middle;
}
#AppPageCommunityEventComments_MessageBar .bottom {
    display: flex;
}
#AppPageCommunityEventComments_MessageBar .left {
    flex: 1;
}
#AppPageCommunityEventComments_MessageBar .right {
    text-align: right;
}
#AppPageCommunityEventComments_MessageBar .bottom img {
    width: 32px;
    opacity: 0.5;
}

#AppPageCommunityEventComments_MessageBar .bottom .left img {
    margin-right: 6px;
}

#AppPageCommunityEventComments_MessageBar .bottom #AppPageCommunityEventComments_Send img {
    opacity: 0.8;
}

#AppPageCommunityEventComments_Input {
    width: 100%;
}
#AppPageCommunityEventComments_Grid .actions img {
    height: 20px;
}
#AppPageCommunityEventComments_Panel_Emoticons {
    flex: 1;
    overflow: auto;
}
#AppPageCommunityEventComments_Panel_Emoticons .emoticon {
    font-size: 32px;
    margin: 2px;
}
#AppPageCommunityEventComments_Panel_Emoticons .emoticons_group {
    margin-bottom: 30px;
    text-align: justify;
    overflow-wrap: break-word;
}

#AppPageCommunityEventComments_MessageBar .media .item {
    display: inline-block;
    background-size: cover;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;    
    border: 1px solid #DDDDDD;
    position: relative;
    text-align: center;
    background: #EEEEEE;
}

#AppPageCommunityEventComments_MessageBar .media .item .image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
}

#AppPageCommunityEventComments_MessageBar .media .item .icon {
    position: absolute;
    width: 24px;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
}
*/

/*
#AppTabs_Global img {
    display: none;
}

#AppTabs_Global .tabs {
    display: flex;    
}

#AppTabs_Global .tabs a {
    flex: 1;    
    text-align: center;
    background: #DDDDDD;
    padding: 5px;
}

#AppTabs_Global .tabs a.active {
    background: #d82430;
    color: #FFFFFF;
}
*/

/*
#AppPageCommunityEventComments_Grid .item {
    margin: 10px;
    background: #EEEEEE;
    padding: 8px;
    font-size: 80%;
    display: flex;
    border-radius: 4px;
}
#AppPageCommunityEventComments_Grid .item.indent {
    margin-left: 40px;    
}
#AppPageCommunityEventComments_Grid .item .actions {
    text-align: right;
}
#AppPageCommunityEventComments_Grid .item .actions a {
    opacity: 0.5;
    margin-left: 10px;
}
#AppPageCommunityEventComments_Grid .item .left {
    margin-right: 8px;
}
#AppPageCommunityEventComments_Grid .item .right {
    flex: 1;
}
#AppPageCommunityEventComments_Grid .item .name {
    font-weight: bold;
    margin-bottom: 3px;
}
#AppPageCommunityEventComments_Grid .item .image img {
    border-radius: 100%;
    width: 40px;
}

#AppPageCommunityEventComments_Grid .item .date, #AppPageCommunityEventComments_Grid .item .time {
    display: inline-block;
    font-size: 80%;
    font-style: italic;
    margin-bottom: 6px;
    margin-right: 6px;
    opacity: 0.5;
}

#AppPageCommunityEventComments_Grid .item .media img {
   width: 80px;
   max-height: 80px;
   margin: 5px;
}
*/

/*
#AppPageCommunityEventInfo_Container {

}

#AppPageCommunityEventInfo_Container .image img {
    max-width: 100%;
}

#AppPageCommunityEventInfo_Container .block {
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

#AppPageCommunityEventInfo_Container .date {
    opacity: 0.5;    
    margin-bottom: 5px;
}

#AppPageCommunityEventInfo_Container .name {
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 10px;
}

#AppPageCommunityEventInfo_Container .info {
    font-style: italic;
    opacity: 0.5;    
    font-size: 80%;
    margin-bottom: 5px;
}

#AppPageCommunityEventInfo_Container .label {
    font-size: 80%;
    margin-bottom: 5px;
}

#AppPageCommunityEventInfo_Container .reservations img {
    width: 30px;
    border-radius: 100%;
    margin-right: 4px;
    margin-bottom: 4px;
}

#AppPageCommunityEventInfo_Container .map {
    display: block;
    position: relative;
    height: 300px;
    background-position: center center;
}

#AppPageCommunityEventInfo_Container .map .marker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    margin-top: -50px;
}
#AppPageProfile_TestOutput {
    text-align: center;
    margin-top: 20px;
}
*/

/*
#AppPageCommunityInfo_Container {

}

#AppPageCommunityInfo_Container .image img {
    max-width: 100%;
}

#AppPageCommunityInfo_Container .block {
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}

#AppPageCommunityInfo_Container .name {
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 10px;
}

#AppPageCommunityInfo_Container .info {
    font-style: italic;
    opacity: 0.5;    
    font-size: 80%;
    margin-bottom: 5px;
}

#AppPageCommunityInfo_Container .label {
    font-size: 80%;
    margin-bottom: 5px;    
}

#AppPageCommunityInfo_Grid .item {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
#AppPageCommunityInfo_Grid .item:first-child {
    padding-top: 0px;
    margin-top: 0px;
}
*/

/*
#AppPageCommunityEventEdit_Container .block, #AppPageProfileEdit_Container .block, #AppPageGeoEdit_Container .block {
    padding: 10px;
}
*/
.block {
    padding: 10px 0px;
}

.columns_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

/*
#AppPageLogin .login-buttons .social {
    display: none;
}
*/

#AppPageProfileEdit_Input_locations img {
    width: 32px;
}


#AppPageProfileEdit_Input_locations .item img {
    width: 24px;
    margin-left: 8px;
}

#AppPageProfileEdit_Input_locations .item .icons {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 4px;
    margin-right: 4px;
}