:root {
    --main-color-body:          #00EE00;
    --main-color-body-font:     #000000;
    --main-color-header:        #008B00;
    --main-color-header-border: #000000;
    --main-color-header-font:   #FFFFFF;
    --main-color-footer:        #01bc46;
    --main-color-footer-border: #000000;
    --main-color-footer-font:   #000000;
    --main-color-font:          #000000;
    --main-color-background:    #e01b24;
    
    --main-color-toggler:       #FFFFFF;
    --main-color-toggler-font:  #FFFF99;
    
    --main-color-dropdown:              #FFFFFF;
    --main-color-dropdown-font:         #008B00;
    --main-color-dropdown-font-active : #FFFFFF;
    
    --main-color-content-header:      #00EE00;
    --main-color-content-header-font: #000000;
    
    --main-color-submenu:       #000000;
    --main-color-submenu-font:  #000000;
    
    --main-color-product-font:  #000000;
    
    --main-color-card-default:             #000000;
    --main-color-card-default-border:      #FFFFFF;
    --main-color-card-default-header:      #e01b24;
    --main-color-card-default-header-font: #FFFFFF;
    --main-color-card-default-body:        #FFFFFF;
    --main-color-card-default-body-font:   #000000;
    --main-color-card-default-footer:      #CCCCCC;
    --main-color-card-default-footer-font: #000000;

    --main-color-card01:             #000000;
    --main-color-card01-border:      #043a11;
    --main-color-card01-header:      #043a11;
    --main-color-card01-header-font: #FFFFFF;
    --main-color-card01-body:        #043a11;
    --main-color-card01-body-font:   #FFFFFF;
    --main-color-card01-footer:      #043a11;
    --main-color-card01-footer-font: #FFFFFF;

    --main-color-card02:             #000000;
    --main-color-card02-border:      #043a11;
    --main-color-card02-header:      #043a11;
    --main-color-card02-header-font: #FFFFFF;
    --main-color-card02-body:        #043a11;
    --main-color-card02-body-font:   #FFFFFF;
    --main-color-card02-footer:      #043a11;
    --main-color-card02-footer-font: #FFFFFF;

    --main-color-card03:             #000000;
    --main-color-card03-border:      #FFFFFF;
    --main-color-card03-header:      #04B404;
    --main-color-card03-header-font: #FFFFFF;
    --main-color-card03-body:        #FFFFFF;
    --main-color-card03-body-font:   #000000;
    --main-color-card03-footer:      #CCCCCC;
    --main-color-card03-footer-font: #000000;

    --main-color-card04:             #000000;
    --main-color-card04-border:      #043a11;
    --main-color-card04-header:      #54e576;
    --main-color-card04-header-font: #000000;
    --main-color-card04-body:        #54e576;
    --main-color-card04-body-font:   #000000;
    --main-color-card04-footer:      #54e576;
    --main-color-card04-footer-font: #000000;

    --main-color-card05:             #000000;
    --main-color-card05-border:      #FFFFFF;
    --main-color-card05-header:      #D7DF01;
    --main-color-card05-header-font: #000000;
    --main-color-card05-body:        #FFFFFF;
    --main-color-card05-body-font:   #000000;
    --main-color-card05-footer:      #CCCCCC;
    --main-color-card05-footer-font: #000000;

    --main-color-card06:             #000000;
    --main-color-card06-border:      #FFFFFF;
    --main-color-card06-header:      #00BFFF;
    --main-color-card06-header-font: #FFFFFF;
    --main-color-card06-body:        #FFFFFF;
    --main-color-card06-body-font:   #000000;
    --main-color-card06-footer:      #CCCCCC;
    --main-color-card06-footer-font: #000000;

    --main-color-modal01:             #000000;
    --main-color-modal01-border:      #047a20;
    --main-color-modal01-header:      #01290a;
    --main-color-modal01-header-font: #000000;
    --main-color-modal01-body:        #047a20;
    --main-color-modal01-body-font:   #000000;
    --main-color-modal01-footer:      #047a20;
    --main-color-modal01-footer-font: #000000;

    --main-color-modal02:             #000000;
    --main-color-modal02-border:      #047a20;
    --main-color-modal02-header:      #01290a;
    --main-color-modal02-header-font: #FFFFFF;
    --main-color-modal02-body:        #047a20;
    --main-color-modal02-body-font:   #000000;
    --main-color-modal02-footer:      #047a20;
    --main-color-modal02-footer-font: #000000;
    
    --bt-warning-color-font:          #212529;
}



body {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
/*
    gruen  : #00EE00; // Hintergrund 
    gruen2 : #008B00; // Top Hintergrund
    weiss  : #FFFFFF; // Footer
    weiss  : #FFFFFF; // Top Schrift
*/

.tj-header {
    background-color: #008B00 !important;
    border-bottom: 5px solid #FFFFFF;
    color: #FFFFFF !important;
}
.tj-header a {
    color: #FFFFFF !important;
}
.tj-body {
    background-color: #00EE00 !important;
    padding-bottom: 44px;
}
.tj-toggler {
    color: #FFFFFF !important;
    background-color: #00EE00 !important;
}
.tj-content {
    /* padding-top: 60px  !important; */
}
.tj-content-header {
    font-size: larger;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color:  #00EE00;
}
.tj_sticky {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 990;
}
.tj_pagetitle {
    top: 59px;
    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:  #00EE00;
    padding-bottom:10px;
}

.tj-dropdown {
}
.tj-dropdown-menu {
    color: #008B00  !important;
}
.tj-dropdown-menu a {
    color: #008B00 !important;
}
.tj-dropdown-menu a:active {
    background-color: #008B00 !important;
    color: #FFFFFF !important;
}

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

.tj-filter-list {
    color: #000000 !important;
    background-color: #CCCCCC !important;
    border-color: #FFFFFF !important;
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    margin-right: 3px;
}
.tj-filter-list a {
    position:relative;
    text-decoration: none;
    right:-10px;
    top:-10px;
}

.tj-pagination {
    clear: both;
    font-size: 8px;
}

.tj-modal-style-01 .modal-header {
    color: #FFFFFF !important;
    background-color: #008B00 !important;
}
.tj-modal-style-01 .modal-body {
    color: #000000 !important;
    background-color: #00EE00 !important;
}
.tj-modal-style-01 .modal-footer {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.tj-modal-style-02 .modal-header {
    color: #FFFFFF !important;
    background-color: #008B00 !important;
}
.tj-modal-style-02 .modal-body {
    color: #000000 !important;
    background-color: #00EE00 !important;
}
.tj-modal-style-02 .modal-footer {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.tj-modal-style-03 .modal-header {
    color: #FFFFFF !important;
    background-color: #008B00 !important;
}
.tj-modal-style-03 .modal-body {
    color: #000000 !important;
    background-color: #00EE00 !important;
}
.tj-modal-style-03 .modal-footer {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.tj-card-style-01 .card-header {
    color: #FFFFFF !important;
    background-color: #0099CC!important;
}
.tj-card-style-01 .card-body {
    color: #000000 !important;
    background-color: #FFFFFF!important;
}
.tj-card-style-01 .card-footer {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.tj-header-style-01 {
    color: #FFFFFF !important;
    background-color: #0099CC!important;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
.tj-columns{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}

.tj-ticker-card-01 {
    background-color: #FFFFFF!important;
    border: 2px solid #000000;
    border-radius: 10px 0px 0px 0px;
}


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


.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: #008B00;
    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: #008B00;
    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;
    display:block;
    color: #008B00 !important;
}
.tj-list-group-item a:hover {
    color: #FFFFFF !important;
    background-color: #008B00 !important;
}

.tj-footer {
    background: rgba(255, 255, 255, 0.9);
    height:86px;
    color: #000000 !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;
}
.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-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;
}

.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;
}

.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);
}

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

.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-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-right:20px;
}
.chat-box-friend {
    border-color: rgb(0, 255, 0);
    background: rgba(255, 255, 255, 0.2);
}
.chat-box-friend-space {
    margin-left:20px;
}
.chat-uploader-preview-img {
    min-height: 230px;
    max-height: 230px;
}
@media (max-width: 575px) {
    /* SX */
    .chat-message-box {
        max-height: calc(100vh - 350px);
        min-height: calc(100vh - 350px);
    }
    .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 - 490px);
        min-height: calc(100vh - 490px);
    }
    .main-content {
        max-height: calc(100vh - 150px);
        min-height: calc(100vh - 150px);
    }
    .tj-body {
        padding-bottom: 86px;
    }
    .tj-map {
        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 - 490px);
        min-height: calc(100vh - 490px);
    }
    .main-content {
        max-height: calc(100vh - 150px);
        min-height: calc(100vh - 150px);
    }
    .tj-body {
        padding-bottom: 86px;
    }
    .tj-map {
        bottom:90px;
    }
    .tj-footer {
        height:86px;
    }
    .tj-fontlist {
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    /* LG */
    .chat-message-box {
        max-height: calc(100vh - 400px);
        min-height: calc(100vh - 400px);
    }
	.main-content {
        max-height: calc(100vh - 105px);
        min-height: calc(100vh - 105px);
    }
    .tj-body {
        padding-bottom: 44px;
    }
    .tj-map {
        bottom:50px;
    }
    .tj-footer {
        height:44px;
    }
    .tj-fontlist {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    /* XL */
    .chat-message-box {
        max-height: calc(100vh - 400px);
        min-height: calc(100vh - 400px);
    }
    .main-content {
        max-height: calc(100vh - 105px);
        min-height: calc(100vh - 105px);
    }
    .tj-body {
        padding-bottom: 44px;
    }
    .tj-map {
        bottom:50px;
    }
    .tj-footer {
        height:44px;
    }
    .tj-fontlist {
        font-size: 18px;
    }
}