.ebel-members-only
{
    display:none!important;
}
.ebel-visitors-only
{
    display:flex!important;
}


div.banner-photo-credit
{
    position: absolute;
    right: 5px;
    bottom: 5px;
    opacity: 0.2;

}
div.banner-photo-credit:hover
{

    opacity: 1;

}
div.banner-photo-credit a
{
    background-color:black;
    color:white;
    text-decoration:none;
    padding:4px 6px;
    font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:1.2;
    display:inline-block;
    border-radius:3px;
}


#navbar-collapse-1
{
}

#logo
{
    position:absolute;
    z-index:1000;

}
#logo-mobile
{
    position:absolute;
    z-index:1000;
    top:10px;

}
#logo-mobile img
{
    height:75px;

}

#logo img
{
    max-width: unset;

}

.parallax {
    background-position: 0 0;
    background-attachment: fixed;
}


.logo-font {
    font-family: "Dosis", sans-serif;
}


.bannerPlayerContainer
{

    width:100%;
    margin-top:8px;

}

.bannerPlayer .btnPause
{
    display:none;


}
.bannerPlayer.playing .btnPause
{
    display:inline;


}
.bannerPlayer .btnPlay
{

    display:inline;

}
.bannerPlayer.playing .btnPlay
{
    display:none;


}


.bannerPlayerControls
{
    text-align: center;
    vertical-align: middle;
    display:inline;

}
.bannerPlayerControlsBelowPlay
{
    font-size:16px;

    position:absolute;

    display:block;
    bottom:-5px;
    margin-bottom: 5px;
}
.bannerPlayerControlsBelowPlay a
{



}
.bannerPlayerSquareProgressBar {
    position:relative;

    display: inline-block;
}
.bannerPlayerSquareProgressBar .progressbar{
     position:absolute;
     top:0;
     left:0;
    z-index:2;
cursor: pointer;
 }


.bannerPlayerThumbnail img{
z-index:1;
    opacity: 0.8;
    display:inline;
   height:44px;
    width:44px;
    margin-top:5px;
    margin-left:5px;
    border-radius: 44px;
    -webkit-animation:spin 12s linear infinite;
    -moz-animation:spin 12s linear infinite;
    animation:spin 12s linear infinite;
    animation-play-state: paused;
    transition-duration: 4s;
}

.bannerPlayerThumbnailRewind img{

    animation-duration: 0.5s;
    animation-direction: reverse;
}
.bannerPlayer.playing .bannerPlayerThumbnail img{

    animation-play-state: running;

}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.bannerPlayerControlsBelowPlay a:hover
{

    color:#fff;


}
.bannerPlayerPlayButton
{
    z-index:3;
    position:absolute;
    height:27px;
    width:27px;


}
.bannerPlayerPlayButton a
{


    font-size:30px;
    color: rgba(255,255,255,0.1);

}


.bannerPlayerPlayButton a:hover
{

    color: rgba(255,255,255,1);

}
.PlayerWhatsPlaying
{

    position:relative;
    width:calc(100% - 60px);
    height:60px;
    padding-left:10px;
    display:inline-block;

}
.PlayerWhatsPlaying a
{


}
.PlayerWhatsPlaying a:hover
{
text-decoration: none;
}
.PlayerPlayingBar
{
    background-color:#a0a0a0;


    width:100%;
    height:1px;
    position:relative;
}
.PlayerPlayingPosition
{
    height:8px;
    width:8px;
    left:20px;
    top:-3px;
    position:absolute;
    background-color:#0c9ec7;
    border-radius: 10px;
    display:block;
}

.PlayerPlayingPlayedBar
{
    background-color:#00A8FF;
    display:block;
    position:absolute;


    height:1px;
    width:20px;
}
#bannerPlayerMoreDropdown
{
    overflow-y:auto;
    height:400px;
}

#bannerPlayerMoreDropdown li img
{
    width: 100%;
    height:auto;
}

#bannerPlayerMoreDropdown li
{
    width:450px;
    cursor: pointer;
    margin-bottom:5px;
    opacity: 0.8;
    padding:5px 10px 5px 10px;


}
#bannerPlayerMoreDropdown li.active
{
 background-color: rgba(12, 158, 199, 0.29);
opacity: 1;

}
#bannerPlayerMoreDropdown li.active:hover
{
    background-color: rgba(14, 181, 231, 0.29);


}
#bannerPlayerMoreDropdown li:hover
{
    background-color:#333;
opacity: 1;
}
#bannerPlayerMoreDropdown li .Delete
{
    display:none;
    cursor: pointer;
    height:100%;
}
#bannerPlayerMoreDropdown li:hover .Delete
{
   display:inline-block;
}
#bannerPlayerMoreDropdown li .Title
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:90%;
    font-size:0.9em;
    margin-left:1em;
}

#bannerPlayerMoreDropdown li .Duration
{
    font-size:0.86em;
    text-align: right;
    vertical-align: middle;
    height:100%;
}
#bannerPlayerMoreDropdown li .Artist
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:90%;
    font-size:0.9em;
    font-weight: bold;
    margin-left:0.6em;


}

.PlayerPlayingTitleContainer
{
    overflow: hidden;

    /* To make the width of the container exact. */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.overflowing {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.PlayerPlayingArtist
{

    font-size: 0.7em;
    padding-left:3px;
}


#contentROOT {
    min-height: 100vh;
}

.LoadingSpinner {

    visibility: hidden;

}
.hourglass{

    background:#394245;

    width:10px;
    height:auto;
    box-shadow:
            inset #394245 0 0 0 0,
            inset #dad8d2 0 2em 0 0,
            inset #394245 0 0 4em 0;
    animation:hourglass 1s linear infinite;
}

.hourglass .outer{
    fill:#dad8d2;
}

.hourglass .middle{
    fill:#394245;
}

@keyframes hourglass{
    0%{
        transform:rotate(0deg);
        box-shadow:
                inset #394245 0 0 0 0,
                inset #dad8d2 0 2em 0 0,
                inset #394245 0 4em 0 0,
                inset #dad8d2 0 4em 0 0;
    }
    80%{
        transform:rotate(0deg);
        box-shadow:
                inset #394245 0 2em 0 0,
                inset #dad8d2 0 2em 0 0,
                inset #394245 0 2em 0 0,
                inset #dad8d2 0 4em 0 0;
    }
    100%{
        transform:rotate(180deg);
        box-shadow:
                inset #394245 0 2em 0 0,
                inset #dad8d2 0 2em 0 0,
                inset #394245 0 2em 0 0,
                inset #dad8d2 0 4em 0 0;
    }
}



.songCommentLiked {
    position: absolute;
    top: -2px;
    right: -3px;
    line-height: 14px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
    font-size: 20px;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/* Pager
---------------------------------- */
ul.pagination,
ul.pager {
    margin: 20px 0 40px;
    text-align: left;
}

ul.pagination .page-item {
    padding: 0;
    margin: 0 10px 0 0;
    border-bottom: none;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

ul.pagination .page-item:last-child {
    margin: 0;
}

ul.pagination .page-item .page-link,
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link,
ul.pager .page-item .page-link {
    text-align: center;
    padding: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #aaa;
    line-height: 24px;

    color: #777777;
    display: inline-block;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    border-radius: 20%;
}

ul.pagination .page-item .page-link:hover,
ul.pagination .page-item .page-link:focus {
    background-color: #09afdf;
    color: #fff;
}

ul.pagination .page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
    color: #0056b3;
}

.comment .close
{
    display:none;
}
.comment:hover .close
{
    display:unset;
}

.select2-selection--multiple .select2-selection__choice
{
    background-color: #09afdf !important; ;
    color:#fff  !important; ;
    border-color:#0C9EC7 !important;;
}

.select2-selection--multiple  .select2-selection__choice__remove
{
    color:#fff  !important; ;
}

.noscroll
{
    overflow: hidden;
}

#header .header-nav-main nav > ul > li > a
{
    color: #afafaf;
}