body {
    font-family: "Nunito", sans-serif;
    background-color: var(--main-color-body);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color: var(--main-color-body-font);
}

a {
    color: var(--main-color-font) !important;
}

.btn-warning {
    color: var(--bt-warning-color-font) !important;
}

/*
    gelb  : #FFFF99;
    blau  : #0099CC;
    grau  : #CCCCCC;
    weiss : #FFFFFF;
*/

.tj-header {
    background-color:  var(--main-color-header) !important;
    border-bottom: 5px solid var(--main-color-header-border);
    color: var(--main-color-header-font) !important;
}
.tj-header a {
    color: var(--main-color-header-font) !important;
}
.tj-body {
    background-color:  var(--main-color-body) !important;
    padding-bottom: 44px;
}
.tj-toggler {
    color: var(--main-color-toggler-font) !important;
    background-color: var(--main-color-toggler) !important;
}
.tj-content {
    /* padding-top: 60px  !important; */
}
.tj-content-header {
    font-size: larger;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--main-color-content-header) !important;
    color: var(--main-color-content-header-font) !important;
}
.tj_pagetitle {
    top: 59px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 990;
}
.tj_sticky {
    top: 65px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 990;
}

.tj_pagesubtitle {
    top: 100px;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 995;
    background-color:  #FFFF99;
    padding-bottom:10px;
}

.tj-dropdown {
    background-color:  none !important;
}
.tj-dropdown-menu {
    color: var(--main-color-dropdown-font) !important;
}
.tj-dropdown-menu a {
    color: var(--main-color-dropdown-font) !important;
}
.tj-dropdown-menu a:active {
    background-color:  var(--main-color-background) !important;
    color: var(--main-color-dropdown-font-active) !important;
}

.tj-submenu {
    color: var(--main-color-submenu-font) !important;
    font-size:small;
}
.tj-submenu .nav-link {
    color: var(--main-color-submenu-font) !important;
}
.tj-submenu .nav-link a {
    color: var(--main-color-submenu-font) !important;
}
.tj-submenu .active_border {
    border-bottom:0px solid #000000;
}

.tj-spinner-show {
    visibility:visible !important;
}
.tj-spinner {
    visibility:hidden;
}

.tj-product-link,
.tj-product-link :link,
.tj-product-link :visited,
.tj-product-link :active {
    color: var(--main-color-product-font) !important;
}
.tj-product-link :hover {
    color: var(--main-color-product-font) !important;
}


.card {
    border: 1px solid var(--main-color-card-default-border);
}
.card .card-header {
    color: var(--main-color-card-default-header-font) !important;
    background-color:  var(--main-color-card-default-header)!important;
}
.card .card-body {
    color: var(--main-color-card-default-body-font) !important;
    background-color: var(--main-color-card-default-body) !important;
}
.card .card-footer {
    color: var(--main-color-card-default-footer-font) !important;
    background-color: var(--main-color-card-default-footer) !important;
}

.tj-card-style-setcard {
    border: 1px solid var(--main-color-card-setcard-border);
}
.tj-card-style-setcard .card-header {
    color: var(--main-color-card-setcard-header-font) !important;
    background-color:  var(--main-color-card-setcard-header)!important;
}
.tj-card-style-setcard .card-body {
    color: var(--main-color-card-setcard-body-font) !important;
    background-color: var(--main-color-card-setcard-body) !important;
}
.tj-card-style-setcard .card-footer {
    color: var(--main-color-card-setcard-footer-font) !important;
    background-color: var(--main-color-card-setcard-footer) !important;
}


.tj-card-style-01 {
    border: 1px solid var(--main-color-card01-border);
}
.tj-card-style-01 .card-header {
    color: var(--main-color-card01-header-font) !important;
    background-color:  var(--main-color-card01-header)!important;
}
.tj-card-style-01 .card-body {
    color: var(--main-color-card01-body-font) !important;
    background-color: var(--main-color-card01-body) !important;
}
.tj-card-style-01 .card-footer {
    color: var(--main-color-card01-footer-font) !important;
    background-color: var(--main-color-card01-footer) !important;
}

.tj-card-style-02 {
    border: 1px solid var(--main-color-card02-border);
}
.tj-card-style-02 .card-header {
    color: var(--main-color-card02-header-font) !important;
    background-color:  var(--main-color-card02-header)!important;
}
.tj-card-style-02 .card-body {
    color: var(--main-color-card02-body-font) !important;
    background-color: var(--main-color-card02-body) !important;
}
.tj-card-style-02 .card-footer {
    color: var(--main-color-card02-footer-font) !important;
    background-color: var(--main-color-card02-footer) !important;
}

.tj-card-style-03 {
    border: 1px solid var(--main-color-card03-border);
}
.tj-card-style-03 .card-header {
    color: var(--main-color-card03-header-font) !important;
    background-color:  var(--main-color-card03-header)!important;
}
.tj-card-style-03 .card-body {
    color: var(--main-color-card03-body-font) !important;
    background-color: var(--main-color-card03-body) !important;
}
.tj-card-style-03 .card-footer {
    color: var(--main-color-card03-footer-font) !important;
    background-color: var(--main-color-card03-footer) !important;
}

.tj-card-style-04 {
    border: 1px solid var(--main-color-card04-border);
}
.tj-card-style-04 .card-header {
    color: var(--main-color-card04-header-font) !important;
    background-color:  var(--main-color-card04-header)!important;
}
.tj-card-style-04 .card-body {
    color: var(--main-color-card04-body-font) !important;
    background-color: var(--main-color-card04-body) !important;
}
.tj-card-style-04 .card-footer {
    color: var(--main-color-card04-footer-font) !important;
    background-color: var(--main-color-card04-footer) !important;
}

.tj-card-style-05 {
    border: 1px solid var(--main-color-card05-border);
}
.tj-card-style-05 .card-header {
    color: var(--main-color-card05-header-font) !important;
    background-color:  var(--main-color-card05-header)!important;
}
.tj-card-style-05 .card-body {
    color: var(--main-color-card05-body-font) !important;
    background-color: var(--main-color-card05-body) !important;
}
.tj-card-style-05 .card-footer {
    color: var(--main-color-card05-footer-font) !important;
    background-color: var(--main-color-card05-footer) !important;
}

.tj-card-style-06 {
    border: 1px solid var(--main-color-card06-border);
}
.tj-card-style-06 .card-header {
    color: var(--main-color-card06-header-font) !important;
    background-color:  var(--main-color-card06-header)!important;
}
.tj-card-style-06 .card-body {
    color: var(--main-color-card06-body-font) !important;
    background-color: var(--main-color-card06-body) !important;
}
.tj-card-style-06 .card-footer {
    color: var(--main-color-card06-footer-font) !important;
    background-color: var(--main-color-card06-footer) !important;
}

.tj-card-style-golf {
    border: 1px solid var(--main-color-cardgolf-border);
}
.tj-card-style-golf .card-header {
    color: var(--main-color-cardgolf-header-font) !important;
    background-color:  var(--main-color-cardgolf-header)!important;
}
.tj-card-style-golf .card-body {
    color: var(--main-color-cardgolf-body-font) !important;
    background-color: var(--main-color-cardgolf-body) !important;
}
.tj-card-style-golf .card-footer {
    color: var(--main-color-cardgolf-footer-font) !important;
    background-color: var(--main-color-cardgolf-footer) !important;
}

.tj-style-topright {
    border: 1px solid var(--main-color-style-topright-border);
    color: var(--main-color-style-topright-font) !important;
    background-color: var(--main-color-style-topright-body) !important;
    padding: 25px;
    border-radius: 20px 0px 20px 20px;
}
.tj-style-topright .myIcon {
    color: var(--main-color-style-topright-icon) !important;
    position: absolute;
    padding: 0px;
    top: 10px;
    right: 25px;
}

.tj-modal-style-01 .modal-header {
    color: var(--main-color-modal01-header-font) !important;
    background-color:  var(--main-color-modal01-header) !important;
}
.tj-modal-style-01 .modal-body {
    color: var(--main-color-modal01-body-font) !important;
    background-color: var(--main-color-modal01-body) !important;
}
.tj-modal-style-01 .modal-footer {
    color: var(--main-color-modal01-footer-font) !important;
    background-color: var(--main-color-modal01-footer) !important;
}

.tj-modal-style-02 .modal-header {
    color: var(--main-color-modal02-header-font) !important;
    background-color:  var(--main-color-modal02-header) !important;
}
.tj-modal-style-02 .modal-body {
    color: var(--main-color-modal02-body-font) !important;
    background-color: var(--main-color-modal02-body) !important;
}
.tj-modal-style-02 .modal-footer {
    color: var(--main-color-modal02-footer-font) !important;
    background-color: var(--main-color-modal02-footer) !important;
}




.tj-modal-style-03 .modal-header {
    color: var(--main-color-font) !important;
    background-color:  var(--main-color-background) !important;
}
.tj-modal-style-03 .modal-body {
    color: var(--main-color-body-font) !important;
    background-color:  var(--main-color-body) !important;
}
.tj-modal-style-03 .modal-footer {
    color: #000000 !important;
    background-color: #CCCCCC !important;
}

.tj-header-style-01 {
    color: var(--main-color-font) !important;
    background-color:  var(--main-color-background)!important;
    border: 1px solid var(--main-color-header-border);
    border-radius: 5px 5px 5px 5px;
}
.tj-columns{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}

@media screen and (min-width: 992px){
    .tj-columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
    }
}


.tj-text-black {
    color: #000000!important;
}

.tj-right-down {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.tj-searchplace {
    position: relative;
}

.tj-searchplacebox {
    position: absolute;
    top:26px;
    left:0px;
    right:0px;
    background-color: #FFFFFF;
    color: #0099CC;
    z-index: 15000 !important;
    border-radius: 0px 5px 5px 5px;
}
.tj-searchplacetop {
    width:100%;
}
.tj-searchplacecities {
    position: absolute;
    top:30px;
    left:0px;
    right:0px;
    background-color: #FFFFFF;
    color: #0099CC;
    z-index: 15000 !important;
}

.tj-list-group {
    width:100%;
    list-style-type: none;
    margin: 0px;
    padding: 5px;
}
.tj-list-group-item {
}
.tj-list-group-item a,
.tj-list-group-item a:link,
.tj-list-group-item a:visited,
.tj-list-group-item a:active {
    padding-left: 5px;
    text-decoration: none;
    color: #0099CC !important;
}
.tj-list-group-item a:hover {
    color: var(--main-color-font) !important;
    background-color:  var(--main-color-background) !important;
}

.tj-mobile {
    font-size:small;
    border: 1px solid #000000;
    background: rgba(255, 255, 255, 0.9);
    color: #000000 !important;
    padding: 5px;
    width: 300px;
    margin: 0 auto;
    border-radius: 0px 5px 5px 5px;
    margin-bottom:90px;
}

.tj-footer {
    height:86px;
    background-color:  var(--main-color-footer) !important;
    border-top: 2px solid var(--main-color-footer-border);
    color: var(--main-color-footer-font) !important;
}
.tj-footer span {
    padding:10px !important;
}
.tj-footer a {
    color: #000000 !important;
    padding:10px !important;
}

.tj-map {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 50px;
    z-index:1000;
}
.tj-sticker {
    min-height:100px;
    border:1px solid green;

}
.tj-fontlist {
    font-size: 14px;
    word-break: break-all;
}
.tj-cursor-pointer {
    cursor: pointer;
}
.issticky {
    position:sticky;
}

.border-title {
    border-bottom:1px solid black;
    top:0;
    /* background-color:#FFF; */
}

.border-item {
    border-bottom:1px dashed black;
    margin-top:2px;
    padding-bottom:2px;
}

.row-space {
    margin-top:5px;
    /* padding-bottom:5px; */
}

.smallfont {
    font-size: smaller;
}

.div-scroll-max-300 {
    max-height: 300px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-150 {
    max-height: 150px;
    min-height: 150px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-100 {
    max-height: 100px;
    min-height: 100px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-180 {
    max-height: 180px;
    min-height: 180px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-200 {
    max-height: 200px;
    min-height: 200px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-250 {
    max-height: 250px;
    min-height: 250px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.div-scroll-300 {
    max-height: 300px;
    min-height: 300px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.div-scroll-400 {
    max-height: 400px;
    min-height: 400px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.inputs {
    display: none;
}

.playgroup-listitem {
    border-bottom:1px solid #000000;
    margin-bottom: 5px;
}

.golfclubs-listitem,
.users-listitem,
.userrights-listitem,
.botcommands-listitem {
    border:1px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
    border-radius: 5px;
}

.drugclubs-listitem {
    border:1px solid #FFFFFF;
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
    border-radius: 5px;
}

.user-golf-scorecard-listitem {
    border-radius: 5px;
/*
    border:1px solid #FFFFFF;
    margin-top:2px;
    padding-top:5px;
    padding-bottom:5px;
*/
    margin-bottom: 5px;
    background: rgba(255, 255, 255, 0.4);
}
.user-golf-scorecard-listitem div:hover {
/*
	border:1px solid #FFFFFF;
*/
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.9);
}

.active_border {
    border-bottom:2px solid blue;
}

.page-navbar {
    z-index: 15000 !important;
}
.main-content {
    max-height: calc(100vh - 150px);
    min-height: calc(100vh - 150px);
    overflow-y:scroll;
}

.admin-tab-navbar .nav-link {
    background: rgba(105, 56, 56, 0.5);
    color: #fff !important;
}
.admin-tab-navbar .nav-link.active {
    background: red !important;
    color: #fff !important;
}

.admin-card  {
    background: rgba(105, 56, 56, 0.5);
    color: #fff !important;
}
.admin-card > .card-header {
    background-color: red !important;
    color: #fff !important;
}
.admin-card > .card-header > span > ul > li > a {
    color: #fff;
}
.admin-card .active_border {
    border-bottom:2px solid white;
}


.pages-card  {
    background: rgba(255, 255, 255, 0.5);
    color: rgb(0, 0, 0) !important;
}
.pages-card > .card-header {
    background-color: rgb(56, 56, 56) !important;
    color: #fff !important;
}
.pages-card > .card-header > span > ul > li > a {
    color: #fff;
}
.pages-card .active_border {
    border-bottom:2px solid white;
}
.pages-card .card {
    background-color: rgb(255, 255, 255, 0.5) !important;
}


.profiles-card  {
    background: rgba(255, 255, 255, 0.5);
    color: rgb(0, 0, 0) !important;
}
.profiles-card > .card-header {
    background-color: rgb(100, 1, 1) !important;
    color: #fff !important;
}
.profiles-active > .card-header {
    background-color: rgb(1, 100, 1) !important;
    color: #fff !important;
}
.profiles-active-public > .card-header {
    background-color: rgb(51, 209, 122) !important;
    color: #fff !important;
}
.profiles-card > .card-header > span > ul > li > a {
    color: #fff;
}
.profiles-card .active_border {
    border-bottom:2px solid white;
}
.profiles-card .card {
    background-color: rgb(255, 255, 255, 0.5) !important;
}
.profiles-card > .card-header a {
    color: rgb(255, 255, 255) !important;
}

.charging-card  {
    background: rgba(255, 255, 255, 0.5);
    color: rgb(0, 0, 0) !important;
}
.charging-card > .card-header {
    background-color: rgb(72, 116, 72) !important;
    color: #fff !important;
}


.chat-message-box {
    overflow-y: scroll;
    padding:20px;
}
.chat-box {
    border-width: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 5px;
}
.chat-box-user {
    border-color: rgb(255, 00, 0);
    background: rgba(255, 255, 255, 0.2);
}
.chat-box-user-space {
    margin-left:20px;
}
.chat-box-friend {
    border-color: rgb(0, 255, 0);
    background: rgba(255, 255, 255, 0.2);
}
.chat-box-friend-space {
    margin-right:20px;
}
.chat-uploader-preview-img {
    min-height: 230px;
    max-height: 230px;
}
@media (max-width: 575px) {
    /* SX */
    .chat-message-box {
        max-height: calc(100vh - 305px);
        min-height: calc(100vh - 305px);
    }
    .tj-body {
        padding-bottom: 86px;
    }
    .tj-map {
        bottom:90px;
    }
    .tj-footer {
        font-size: smaller;
    }
    .tj-footer span {
        font-size: smaller;
    }
    .tj-footer a {
        font-size: smaller;
    }
    .tj-fontlist {
        font-size: 14px;
    }
    .tj_pagesubtitle {
        top: 59px;
    }
    .tj-sticker {
        min-height:50px;
    }
}
@media (min-width: 576px) {
    /* SM */
    .chat-message-box {
        max-height: calc(100vh - 300px);
        min-height: calc(100vh - 300px);
    }
    .main-content {
        max-height: calc(100vh - 150px);
        min-height: calc(100vh - 150px);
    }
    .tj-body {
        padding-bottom: 86px;
    }
    .tj-map {
        bottom:90px;
    }
    .tj-mobile {
        margin-bottom:90px;
    }
    .tj-footer {
        height:86px;
    }
    .tj-fontlist {
        font-size: 14px;
    }
    .tj-sticker {
        min-height:50px;
    }
}
@media (min-width: 768px) {
    /* MD */
    .chat-message-box {
        max-height: calc(100vh - 275px);
        min-height: calc(100vh - 275px);
    }
    .main-content {
        max-height: calc(100vh - 150px);
        min-height: calc(100vh - 150px);
    }
    .tj-body {
        padding-bottom: 86px;
    }
    .tj-map {
        bottom:90px;
    }
    .tj-mobile {
        margin-bottom:90px;
        display: none;
    }
    .tj-footer {
        height:86px;
    }
    .tj-fontlist {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    /* LG */
    .chat-message-box {
        max-height: calc(100vh - 230px);
        min-height: calc(100vh - 230px);
    }
	.main-content {
        max-height: calc(100vh - 105px);
        min-height: calc(100vh - 105px);
    }
    .tj-body {
        padding-bottom: 44px;
    }
    .tj-map {
        bottom:50px;
    }
    .tj-mobile {
        margin-bottom:50px;
    }
    .tj-footer {
        height:44px;
    }
    .tj-fontlist {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    /* XL */
    .chat-message-box {
        max-height: calc(100vh - 230px);
        min-height: calc(100vh - 230px);
    }
    .main-content {
        max-height: calc(100vh - 105px);
        min-height: calc(100vh - 105px);
    }
    .tj-body {
        padding-bottom: 44px;
    }
    .tj-map {
        bottom:50px;
    }
    .tj-mobile {
        margin-bottom:50px;
    }
    .tj-footer {
        height:44px;
    }
    .tj-fontlist {
        font-size: 18px;
    }
}