/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

code {
    color: #E01A76;
}

[href="/canli-radyo"] {
  display: none !important;
}
.likeSvg{transition: fill 0.5s ease}
.breakText{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* div[data-type="player"] {
    max-height: calc((100vw - 48px)/1.7778 );
}
.video-js{padding: 0 !important;
    min-height:calc((100vw - 48px)/1.778 );
    max-height: calc((100vw - 48px)/1.7778 );
} */


 .radio-slider, .swiper-slide:hover{
    overscroll-behavior: none;
    touch-action: none;
}
input[type="range"] {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    width: 100%;
    cursor: pointer;
    height: 6px !important;
    outline: none;
    /*  slider progress trick  */
    overflow: hidden;
    border-radius: 16px;
  }
 
  
  /* Track: webkit browsers */
  input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    background: #ffffff;

  }
  
  /* Track: Mozilla Firefox */
  input[type="range"]::-moz-range-track {
    height: 15px;
    background: #ccc;
    border-radius: 16px;
  }
  
  /* Thumb: webkit */
  input[type="range"]::-webkit-slider-thumb {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    height: 8px;
    width: 8px;
margin-top: -1px;
    background-color: #cbcbcb;
    border-radius: 50%;
border: 2px solid #cbcbcb;
    /*  slider progress trick  */
    box-shadow: -407px 0 0 400px #013E61;
  }
 
 
  
  /* Thumb: Firefox */
  input[type="range"]::-moz-range-thumb {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;

    /*  slider progress trick  */
    box-shadow: -407px 0 0 400px #013E61;
  }
  

.header-user .login{margin-top: 0px !important;}
.info_like svg path{fill:white}
.info_like.likedChannel  svg path{fill:red}
.channel-like svg path{fill:#50525E}
.channel-like.likedChannel  svg path{fill:red}
.info_like.likedChannel span{display: none;}
.info_like.likedChannel span:after{content: "Beğenme";}
.container-fluid,
.main {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
    width: 100%;
    overflow-y: hidden;
    height: 100%;
}
.scrollModal {
    max-height: 100vh;
 /* Kaydırılabilir div'in istediğiniz yüksekliği */
    overflow-y: auto; /* Yalnızca dikey yönde kaydırma yapılabilir */
    scrollbar-width: thin; /* Kaydırma çubuğunun kalınlığı */
    scrollbar-color: transparent transparent; /* Kaydırma çubuğunun rengi */
  }
  
  /* Kaydırma çubuğunu gizlemek için */
  .scrollModal::-webkit-scrollbar {
    width: 0.5em; /* Kaydırma çubuğu genişliği */
    background-color: transparent; /* Kaydırma çubuğunun arka plan rengi */
  }
  .user-drop.active{
    height: auto !important;
  }
  
  .scrollModal::-webkit-scrollbar-thumb {
    background-color: transparent; /* Kaydırma çubuğunun dolgu rengi */
  }
.single-line {
    white-space: nowrap;
    overflow: hidden;
    min-width: fit-content !important;
    text-overflow: ellipsis; /* Optional: adds an ellipsis (...) at the end if the text overflows */
  }
.tooltip {
    position: relative;

  }
  .playerlive{height: 100% !important; width: 100% !important;}
  .tooltip .tooltiptext {
    visibility: hidden;

    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 4;
    bottom: 60%;
    left: 50%;
    margin-left: -60px;
     padding: 10px;
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
.streaming-category-left-content .active{color:black; background-color: #fff;}
.swipper {
    display: flex !important;
    float: left;
}

.padding-bottom {
    padding-bottom: 200px !important;
}

a {
    cursor: pointer !important;
}

.detail-list {
    display: flex;
    width: 100%;
    padding-top: 5em;
}


.hola_position_marker_player {
    height: 3px !important;
}

.slider-card .img-holder img {
    object-fit: cover;
}

/* 
.preview-modal-image img {
    height: auto;
    width: 100%;
    object-fit: contain;
}

.preview-modal-image {
    height: 100%;
} */

@media (max-width:768px) {
    .searchTitle {
        padding-top: 5rem;
    }
    /* .player-social-content {
        left: 50%;
     
        transform: translate(-50%,-50%);
    } */
    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }
}


/* @media (min-width:568px) {
   

    div[data-type="player"] {
        max-height:calc((516px)/1.7778 );
    }
    .video-js{padding: 0 !important;
        min-height:calc((516px)/1.778 );
        max-height: calc((516px)/1.7778 );
    }
    

} */
@media (min-width:768px) {
    .seo-arae {
        margin-bottom: -100px !important;
    }

    /* div[data-type="player"] {
        max-height:calc((720px)/1.7778 );
    }
    .video-js{padding: 0 !important;
        min-height:calc((720px)/1.778 );
        max-height: calc((720px)/1.7778 );
    } */
    

}

/* @media(min-width:992px){
    div[data-type="player"] {
        max-height: calc((960- 300px - 24px)/1.7778 );
    }
    .video-js{padding: 0 !important;
        min-height: calc((960 - 300px - 24px)/1.7778 );
        max-height: calc((960 - 300px - 24px)/1.7778 );
    }

} */


.discover-category-buttons .active {
    background-color: #0794d6 !important;
    color: white !important;
}

a:hover {
    text-decoration: none !important;
}

h2,
h1,
p,
h6,
h4,
h3,
.slider-card-title,
.preview-modal-text-content,
.preview-modal-text-title,
.slider-title,
.discover-active-category {
    cursor: default !important;
}

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

._724IzleSvg {
    width: 25%;
    margin: 0 auto;
}

.Timer {
    height: 90vh;
    width: 100%;
    display: none;
    background-color: #15182a;
}

.timerFlex {
    display: flex !important;
}

.componentNone {
    display: none;
}

.slider-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
    padding-right: 4%;
}

.slider-link {
    font-size: 18px;
    font-weight: 600;
    color: white;
    display: flex;
    justify-content: center;
    text-decoration: none !important;
}

.slider-link svg {
    margin-left: 5px;
    fill: white
}

.slider-link:hover {
    color: #0794d6;
}

.slider-link:hover svg {
    fill: #0794d6
}

.fadeOutCard {
    animation: fadeOut 500ms;
    -webkit-animation: fadeOut 500ms;
    -moz-animation: fadeOut 500ms;
    -o-animation: fadeOut 500ms;
    -ms-animation: fadeOut 500ms;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeinCard {
    animation: fadeins 300ms;
    -webkit-animation: fadeins 300ms;

}

.innerSnack {
    padding: 18px;
    background-color: rgba(65, 69, 99, 0.85);
    margin: 15px
}

#snackbar {

    width: inherit;
    margin-left: -125px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    bottom: 50px;
}




/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadeins {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeins {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.episodeBorder {
    background-color: rgba(46, 48, 67, 0.7);
}

.episodeBorder .img-holder {
    border-radius: 3px;
}

.albumHeader {
    padding-bottom: 10px;
    word-break: break-all;
    white-space: normal;
}

.albumSeason {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.albumHeaderLeft {
    margin-bottom: 10px;
    padding-right: 10px;
}

.seasonSelect {
    min-height: 50%;
    background-color: rgb(35, 43, 59);
    padding: 10px 20px;
    margin-bottom: 10px;
    color: white;
}



.text-center {
    justify-content: center;
}

.share-button-area {
    position: relative;
}
.similar-box{display:flex !important; flex-direction: column !important;  }



/*
    .live-page-bg{
    width:450px; height:120px;
}
.main-video-container {
    max-width: 100vw !important;
    max-height: 100vh;
    overflow: hidden !important;
}
.hola_share_player_btn_wrapper, .hola_top_element {

    width:0 !important;
    height:0 !important;
}
.hola_share_player_btn {
  background: url('https://player.h-cdn.com/svc/cdn/pub/img/share_player_btn.svg') rgba(28,28,28,0.9) no-repeat center !important;  background-size: 24px 24px !important; 
}
    .hola_share_player_btn_wrapper, .hola_top_element div {
        background: white;
    }
video.vjs-tech{object-fit:cover;}
.vjs-control-bar {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

#root .hidden {
    display: block !important;
    visibility: visible !important;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
#player video.vjs-tech {
    height: 100vh !important;
    object-fit: contain;
}
#player .video-js.vjs-16-9 {
    padding-top: 100vh !important;
}
video.vjs-tech{height:100vh !important; object-fit:contain;}
.live-broadcast-player > * {
   
    max-height: 100vh !important;
}
.rmp-container{width:100% !important;}
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid
 {
    padding-top: 100vh !important;
}
.vjs-poster{background-size:cover !important; background-position:top !important;}
@media (min-width:768px) {
    .preview-modal-image .img-holder picture img, #modal-player iframe{
        height: 592px;
        
       
    }}
.rmp-container {
    width: 100% !important;
    height: 100vh !important;
}

.main-header.sticky {
    background-color: rgba(21, 24, 42, 0.97);
}

.live-broadcast-player {
    height: 100vh !important;
    width: 100vw !important;
}

video.vjs-tech {
    height: 100vh !important;
    width: 100vw !important;
    top:0 !important;
}

.live-broadcast-player > * {
    height: 100vh !important;
}

#v_00000000-0000-0000-0000-000000000002_html5_api {
    height: 100vh !important;
    top: 0 !important;
}

#player video.vjs-tech {
    height: 100vh !important;
    object-fit: contain;
}

.vjs-text-track-display,
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
    padding-top: 100vh !important;
}
#player, video.vjs-tech {
    height: 100vh !important;
    object-fit: contain;
}

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


        .container-fluid, .main {
            min-height: 100vh !important;
        }

        .live-broadcast-player {
            height: 100vw !important;
            width: 100vh !important;
        }

        video.vjs-tech {
            height: 100vw !important;
            width: 100vh !important;
            top: 12vh !important;
        }

        .live-broadcast-player > div {
            height: 100vw !important;
        }

        #v_00000000-0000-0000-0000-000000000002_html5_api {
            height: 100vw !important;
            top: 0 !important;
        }

        #player video.vjs-tech {
            height: 100vw !important;
            object-fit: contain;
        }

        video-js, vjs-16-9, vjs-default-skin,
        .vjs-text-track-display,
        .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
            padding-top: 100vw !important;
        }

        #live00000000-0000-0000-0000-000000000002-26, .vjs-playing {
            height: 100vw !important;
        }
    }*/


    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% {  transform: rotate(359deg); }
    }
    #star {
        animation: spin 2s linear infinite;
    
    }