/* swiper css */
.divider {border: 1px solid #ccc;}
/*img {width:100%;}*/

button, input, input .form-check-input, .btn{
    box-shadow: none !important;
}

.swiper-container {
width: 100%;
height: 100%;
}
.btn-close{
    opacity:100 !important;
}

.swiper-slide {
    /* width: 13rem !important; */
background: #1e1f2b;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.swiper-slide-style {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  div[class ^= "swiper-button-"]{
    --swiper-navigation-size: 25px;
    opacity: 70%;
  }

.bg-dark {
    background-color: #1e1f2b !important;
}

/* swiper css end */

body {
    background-color: #1E1F2B;
    color: white;
    font-family: Rawline;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

img[src="img/live/oszlopnezet_aktiv.svg"]:hover{
    cursor: pointer;
}
img[src="img/live/listanezet.svg"]:hover{
    cursor: pointer;
}
img[src="img/live/oszlopnezet_aktiv.svg"]:active{
    content: url('../img/live/oszlopnezet_pressed.svg');
}
img[src="img/live/listanezet.svg"]:active{
    content: url('../img/live/listanezet_pressed.svg');
}
.modal-content {
    background-color: #1E1F2B;
    color: white;
    font-family: Rawline;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}
.modal-header{
    border-bottom: 0.5px solid #686A80;
}

.def-font {
    color: white;
    font-family: Rawline;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

header {
    background: linear-gradient(180deg, #1E1F2B 0%, rgba(30, 31, 43, 0.5) 100%);
}

.whitefont {
    color: white !important;
    font-family: Rawline !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
}

.whitefontwohover {
    color: white !important;
    font-family: Rawline !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 22px !important;
    font-weight: 600 !important;

    /*font-size: 16px !important;*/
}

.search{
    color: white;
    border: none;
    display: none;
    width: 0%;
    background: transparent;
}
.search::placeholder{
    color: white;
    border: none;
    display: none;
    background: transparent;
}

.search:hover,.search:focus{
    color: white;
    background: transparent;
    border: 2px solid;
    border-image-source: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    border-image-slice: 1;
}
#searchbar{
    position: sticky;
    z-index: 100;
    top: 5rem;
}

.whitefont:hover {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    border-radius: 0px 0px 10px 10px;
}

.whitefontalt {
    color: white !important;
    font-family: Rawline !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
}

.whitefontalt:hover {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a[data-bs-target="#settings"] img{
    transition: content, 4s, 1s, ease-in;
}

a[data-bs-target="#settings"] img:hover{
    content:url("../img/icon/sajat_fiok_hover.svg");
}

.uppercase {
    text-transform: uppercase;
}

.ellipse {
    width: 80px;
    height: 95px;
    background-color: #444552;
    border-radius: 50%;
}

.ellipse:hover{
    /*border: 2px solid #F18823;*/
    background-color: #F18823;
    cursor: pointer;
}

.belement {
    /*margin-left: 0.1rem !important; */
    margin-top: 2rem !important;
}

.orangefont {
    color: #F18823;
    font-size: 16px;
    font-weight: 700;
}

.card-channel {
    border-radius: 10px;
    background-color: #444552;
    max-height: 75px;
    padding: 0px 2px;
}

.card-channel2 {
    border-radius: 10px;
    background-color: #444552;
    max-height: 75px;
    max-width: 75px;
}

.card-channel2_active {
    border-radius: 10px;
    /*background-color: #444552; */
    max-height: 75px;
    max-width: 75px;
    border: 1px solid;
    border-image-source: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
}

.card {
    background-color: #1E1F2B !important;
    border: none !important;
}

.card-filmtar {
    background-color: #444552 !important;
    border: none !important;
}

.shadowedimg{
    box-shadow: inset 0 -10px .5em rgba(0, 0, 0, 0.5) !important;
}

.musorajanlo span.subtitle {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.musorajanlo span.category {
    color:#686A80;
}

.main_index {
    background-color: #444552 !important;
    /* width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; */
}



.filmtar_play_musorajanlo {
    position: relative;
    bottom:50%;
    left: 43%;
    padding: 10px;
}

.filmtar_play_musorajanlo:hover {
    background-color: rgba(0,0,0,.35);
    border-radius: 10px;
    cursor: pointer;
}

.musorajanlo_episode_info{
    position: relative;
    bottom:18%;
    right:18%;
}

.musorajanlo_episode_hamburger{
    position: relative;
    bottom: 18%;
    right: -75%;
}

#footerapp {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    /* width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; */
}

.wfullscreen{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

#footerapp-gyik {
    background: #444552;
}

.bg44{
    background-color: #444552;
}

.bg1e {
    background-color: #1E1F2B;
}


.rowborder {
    border-top: 0.5px solid #686A80;
    border-bottom: 0.5px solid #686A80;
}

.rowborder-bottom {
    border-bottom: 0.5px solid #686A80;
}

.elmeny-text {
    font-style: italic;
    font-weight: bold;
}

.footer-text {
    font-style: normal;
    font-weight: normal;
    line-height: 15px;
}

a[class= "tdn"]:hover {
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}
/* swiper cucc start------------------------------------------------------------------------- */

.swiper-slide .row .col .filmtar_play, .filmtar_play {
    position: absolute;
    top: 7rem;
    margin-left:-8rem;
    padding: 10px;
    transition: content 0.7s ease;
}
.filmtarimg{
    /* padding-top: 0.2rem;
    padding-bottom: 0.2rem; */
    padding: 0.25rem;
}
/* sárga keret */
.filmtarimg:hover{
    /* Ha képekkel meg lehet oldani */
    /* content: url('../temp/filmtar/hover.svg'); */

    /* Linear background-imaggel  megoldás */
    background-image: linear-gradient(116.57deg, rgba(241,136,35,1) 16.67%, rgba(235,87,87,1) 100%);
}

.filmtarimg:has(+ .filmtar_play:hover){
    /* Ha képekkel meg lehet oldani */
    /* content: url('../temp/filmtar/hover.svg'); */

    /* Linear background-imaggel  megoldás */
    background-image: linear-gradient(116.57deg, rgba(241,136,35,1) 16.67%, rgba(235,87,87,1) 100%);
}

/* sima play button hover */
.swiper-slide .row .col .filmtarimg:hover + .filmtar_play, .filmtarimg:hover + .filmtar_play{
    content: url('../img/icon/lejátszás_hover.svg');
    top: 5.6rem;
    margin-left: -9.6rem;
}

/* sárga play button hover */
.swiper-slide .row .col .filmtar_play:hover, .filmtar_play:hover{
    cursor: pointer;
    content: url('../img/icon/lejátszás_focus.svg');
    top: 5.6rem;
    margin-left: -9.6rem;
}
/* swiper cucc end------------------------------------------------------------------------- */


/* .filmtarimg_hover{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border: solid 1px transparent;
    background-image: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-image: linear-gradient(116.57deg, rgba(241,136,35,0) 16.67%, rgba(235,87,87,0) 100%);
    background-origin: border-box;
    background-clip: border-box;
    cursor: pointer;
} */

.card img{
    cursor: pointer;
}

.carousel_button {
    height: 1rem !important;
    width: 1rem !important;
    border: 3px solid black !important;
    border-radius: 50% !important;
    background-color: #686A80 !important;
    opacity: 1 !important;
}


.carousel-indicators .active{
    background-color: #F18823 !important;
}

/* .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: none;
    width: 10px;
    height: 10px;
    color: white;
} */

.gyik-text {
    font-weight: 800;
    margin-left: 15rem;
    font-size: 15rem !important;
    line-height: 275px;
    text-shadow: 25px 11px 31px #EB5757;
    border-radius: 10px;
}

.gyik-card {
    background: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
    border-radius: 5px;
}

.grey_linear_bg{
    background: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
    border-radius: 0px;
}

/* .gyik-header{
    height: 11rem;
} */


.orangefont {
    color: #F18823;
}

.orange-gradient-font {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-border{
    border: 1px solid;
    border-image-source: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    border-radius: 10px;
}

.orange_bg{
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
}

.cpointer {
    cursor: pointer;
}

.tdn{
    text-decoration: none;
    color:inherit;
}

.tdn:hover {
    text-decoration: none;
    color:inherit;
}

.border0 {
    border: 0;
}

.landing-reg {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    border-radius: 50px;
    font-weight: 1000;
    padding: 12px 20px;
}

.landing-reg:hover {
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.landing-reg span:active {
    color: #1E1F2B;
}

.landing-reg span, .landing-sign span {
    font-family: Rawline;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: white;
    padding: 12px 20px;
}

.landing-sign {
    border: solid 1px transparent;
    border-radius: 50px;
    background-image: linear-gradient(#1e1f2b, #1e1f2b),linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin: border-box;
    background-clip:padding-box, border-box;
    padding: 12px 20px;
}

.ts{
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.modal_bejel{
    border: solid 1px transparent;
    border-radius: 50px;
    background-image: linear-gradient(#1e1f2b, #1e1f2b),linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin: border-box;
    background-clip:padding-box, border-box;
    padding: 12px 20px;
    text-decoration: none;
}
.modal_bejel span{
    font-family: Rawline;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: white;
}

.fbbutton:hover {
    /*background-image:
  /*two color gradient over an image
linear-gradient(to bottom, rgba(245, 246, 252, 0.52),
rgba(117, 19, 93, 0.73)),url('../temp/footer/fb_hover.svg');*/

    /*background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52));*/
    /*background: linear-gradient(to bottom, rgba(245, 246, 252, 0.52));*/
    /*filter: url('../temp/footer/fb_hover.svg');*/
    /*background:url('../temp/footer/fb_hover.svg');
    background-repeat: no-repeat;
    vertical-align: middle;
    z-index: 100;*/
}

/*.carousel-button-active-bg{
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%) !important;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
}*/

/* törlés ikon az input textben */
span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
span.deleteicon span {
    position: absolute;
    display: block;
    right: .5rem;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: rgba(0,0,0,.5);
    background-color: #fff;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}

span.deleteicon span:hover {
    color:black;
}
span.deleteicon input {
    /*padding-right: 18px;*/
    box-sizing: border-box;
}


.input-group-addon{
    position: relative;
    display: inline-flex;
    align-items: center;
}

.input-group-addon a{
    position: absolute;
    display: block;
    right: .5rem;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: rgba(0,0,0,.5);
    background-color: #fff;
    font: 13px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}

.input-group-addon a:hover {
    color:black;
}

.disabled_sign_in_button-reg {
    background-color: #686A80;
    border-radius: 50px;
    font-weight: 1000;
}

.disabled_sign_in_button span:active {
    background-color: #686A80;
    color: #1E1F2B;
}

#landing_page_dis .disabled_sign_in_button span {  /* .landing-reg */
    color: #444552;
    background: #686A80;
    font-family: Rawline;
    font-style: normal;
    font-weight: 1000;
    font-size: 20px;
    border-radius: 50px;
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    cursor: not-allowed;
}

.disabled_sign_in_button span {  /* .landing-reg */
    color: #444552;
    background: #686A80;
    font-family: Rawline;
    font-style: normal;
    font-weight: 1000;
    font-size: 20px;
    border-radius: 50px;
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
    padding-left: 7rem !important;
    padding-right: 7rem !important;
    cursor: not-allowed;
}

#settings-modal-right{
    background: #1E1F2B;
    border-radius: 10px;
}

.settings_elements1 {
    background: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
    border-radius: 10px;
}

/* .settings_border_top {
    border-top: .5px solid #1E1F2B;
}

.settings_border_bottom {
    border-bottom: 1px solid #1E1F2B;
} */

.readonly_input {
    background: #1E1F2B !important;
}

.readonly_input2 {
    background: #444552 !important;
}

/* #settings_modal_telo {
    max-height: 4rem;
} */

#settings_kijelentkezes {
    margin-top: 19rem;
    margin-bottom: 1.5rem;
    margin-left: 0.2rem;
}
#settings_kijelentkezes:hover{
    cursor: pointer;
}

.btn-close:focus{
    box-shadow: 0 0 0 .25rem rgba(241,136,35,.5);
}

.adatforgalom_btn{
    width: 100%;
    background: #1E1F2B !important;
    border: 0;
    text-align: left;
    color: #fff;
    border: 1px solid #444552;
    border-radius: 10px;
    padding: 10px;
}

.adatforgalom_btn_active{
    width: 100%;
    background: #1E1F2B !important;
    border: 0;
    text-align: left;
    color: #fff;
    border: 1px solid #4CD964;
    border-radius: 10px;
    padding: 10px;
}

.adatforgalom_btn_active i{
    color: #4CD964;
    /*font-size: 1.5rem;*/
    text-align: right !important;
}

.smalltext {
    font-size: .8rem;
}

.input-pin input{
    width:3rem;
    height: 3rem;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}

.kh_button_inactive,.kh_button_inactiveT{
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: #444552 !important;
    border: 2px solid #E0E0E0;
}

.kh_button_active,.kh_button_activeT{
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 3px solid #F18823;
}
input[class*="kh_button_inactive"]:checked{
    background-color: #444552 !important;
    background-image: none !important;
    border: 2px solid #E0E0E0;
    box-shadow: none;
}
input[class*="kh_button_active"]:checked{
    background-color: white;
    border: 3px solid #F18823;
    box-shadow: none;
}

.line {
    width: 1rem;
    height: 0;
    border: 1px solid #E0E0E0;
    margin: 0;
    /*display:inline-block;*/
  }

.my-n25{
    margin-top: -2.5rem;
}

.my-n3{
    margin-top: -3rem;
}
.px35{
    padding-left: 35px;
    padding-right: 35px;
}

.musorajanlo_channel{
    background-color: #444552;
    max-height: 80px;
    max-width:80px;
    border-radius: 10px;
}

.musorajanlo_channel_without_bg{
    min-height: 130px;
    max-width:130px;
}

.musorajanlo-korhatar{
    border: 1px solid #444552;
    border-radius: 10px;
}

.musorajanlo-topborder{
    border-top: 1px solid #444552;
}

.text-justify{
    text-align: justify;
}


.z-index{
    position: absolute;
    /* z-index: 1000; */
}

.mt-6{
    margin-top: 4rem !important;
}

.progress{
    border-radius: 0;
    height: .5rem;
    background-color: rgba(104, 106, 128, 1);
}

.progress-bar {
    background-color: rgba(241, 136, 35, 1);
}

.max-size{
    max-width: 92px;
    max-height: 92px;
}

.mb-10{
    margin-bottom: 10rem;
}
.rounded-imgs{
    width:50%;
}

.orange{
    /* color: linear-gradient(#F18823 100%, #EB5757 100%);
    color:#F18823;
    font-weight: bold; */
    background: -webkit-linear-gradient(#F18823 40%, #EB5757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent;
    font-weight: 700;
    cursor: pointer;
}
.orange:hover[class *= "nohover"]{
    text-decoration: none;
}
.orange:hover{
    background: -webkit-linear-gradient(#F18823 40%, #EB5757 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color:#F18823;
    text-decoration: underline;
    font-weight: 700px;
}
#cookie-pos{
    position: sticky;
    margin-left: 2rem;
    top:105px;
    z-index: 99999;
}
#cookie-pos:hover{
    cursor: pointer;
}
.landing-reg-cookie{
    background: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    border-radius: 50px;
    font-weight: 1000;
    padding: 20px 10px;
}
.landing-sign-cookie{
    border: solid 1px transparent;
    border-radius: 50px;
    background-image: linear-gradient(#1e1f2b, #1e1f2b),linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin: border-box;
    background-clip:padding-box, border-box;
    padding: 12px 10px;
}
.landing-reg-cookie span, .landing-sign-cookie span {
    font-family: Rawline;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: white;
    padding: 12px 20px;
}
.cookie-modals{
     left: -1450px;
}
.fade {
    transition: opacity .19s linear;
}

input[type="checkbox"]{
    width: 24px;
    height: 24px;
    margin-left: 200px;
}
#necessary{
    background-color: #444552;
}
input[type="checkbox"]:checked{
    background-color: #F18823;
}

img[alt="Google Play"]:hover{
    content:url("../img/icon/GooglePlay_white.svg")
}

img[alt="App store"]:hover{
    content:url("../img/icon/Subtract.svg")
}

.csatorna_hover:hover{
    border: 1px solid transparent;
    border-radius: 100%;
}

.csatorna_hover:hover{
    border: 1px solid transparent;
    border-radius: 100%;
    background-image: linear-gradient(116.57deg, rgba(241,136,35) 16.67%, rgba(235,87,87) 100%);
    background-origin: border-box;
    background-clip: border-box;
    cursor: pointer;
}

.musor_modal{
    position: absolute;
    top: 5%;
    right: 4%;
}
.bejelentk_row{
    padding: 16px 12px;
    background-image: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
    border-radius: 5px;
}

.also_vonal{
    border-bottom: 0.5px solid #686A80;
}

.evad_row{
    background-image: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);

}
.evad_szamok{
    color:#686A80;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.active_evadszam{
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.active_evad_col{
    border-bottom: 3px solid #F18823;
}
.index_play{
    position: absolute;
    top: 50%;
    margin-left:-50%;
    /* margin-left: 50%; */
}
.index_play:hover{
    content: url("../img/icon/lejátszás_hover.svg");
    top: 44%;
    margin-left:-53%;
    /* width: 77px;
    height: 77px;
    padding: 20px 20px;
    background-color: #1E1F2B;
    border-radius: 100%;
    border: 3px solid white; */
}

.modal_reszek_play{
    position: absolute;
    bottom:34%;
    left: 44%;
    padding: 10px;
}
.modal_reszek_playLive{
    position: absolute;
    bottom:61%;
    left: 47%;
}
.modal_reszek_playLive3{
    position: absolute;
    bottom:61%;
    left: 47%;
}

.modal_reszek_hamburger{
    position: absolute;
    bottom: 6%;
    right: 9%;
    font-size: 28px;
    z-index: 10000;
}
.modal_reszek_resz{
    position: absolute;
    bottom:6%;
    left:9%
}

.accordion-body{
      background-color: #1E1F2B;
}

.blur_effekt{
    background-image: linear-gradient(to bottom, #1E1F2B00 0%, #1E1F2B 100%);
    position:absolute;
    z-index: inherit;
    min-width: 86.9%;
    /* width:620px; */
    height: 20px;
    left: 6.5%;
    /* left: 20px; */
    bottom: 0%;
}
.blur_effektT{
    background-image: linear-gradient(to bottom, #1E1F2B00 0%, #1E1F2B 100%);
    position:absolute;
    z-index: inherit;
    min-width: 100%;
    height: 20px;
    left: 0%;
    bottom: 0%;
}
.blur-effektLiveB{
    background-image: linear-gradient(to bottom, #1E1F2B00 0%, #1E1F2B 100%);
    position:absolute;
    z-index: inherit;
    min-width: 100%;
    height: 30px;
    left: 0%;
    bottom: 38%;
}
.blur-effektLiveT{
    background-image: linear-gradient(to top, #1E1F2B00 0%, #1E1F2B 100%);
    position:absolute;
    z-index: inherit;
    min-width: 100%;
    height: 60px;
}
.blur-effektLiveT_active{
    background-image: linear-gradient(to top, #1E1F2B00 0%, #1E1F2B 100%);
    position:absolute;
    z-index: inherit;
    width: 98.5%;
    left: 0.6%;
    height: 60px;
}

.elo_aktiv_jel{
    position: absolute;
    top: 1%;
    left: 0%;
}

.bi-three-dots-vertical:hover{
    cursor: pointer;
}
.musor_active{
    border: solid 4px transparent;
    border-radius: 3px;
    background-image: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin: border-box;
    background-clip: border-box;
}

.items-container{
    /* max-width: 100%; */
    margin-left: 13%;
    margin-right: 13%;
}
.beallitasok_accor_rows{
    background-image: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
}
.beallitasok_bal{
    background-image: linear-gradient(181.91deg, #444552 1.62%, #444552 1.63%, #1E1F2B 106.88%);
    border-radius: 10px;
}
.beallitasok_jobb{
    background-color: #1E1F2B;
    border-radius: 10px;
    transition: opacity .25s ease-in-out;
    opacity: 1;
}
.fadein{
    opacity: 1;
}
.fadeout{
    opacity: 0;
}

.setting_modal_borders{
    border-top: 1px solid #1E1F2B !important;
    border-bottom: 1px solid #1E1F2B !important;
}
.setting_modal_bordersB{
    border-bottom: 1px solid #1E1F2B;
}

.form-control[placeholder="user.name"], .form-control[placeholder="2016.12.02"]{
    border:1px solid #444552;
    border-radius: 10px;
}

.form-control[placeholder="user.name"]::placeholder, .form-control[placeholder="2016.12.02"]::placeholder{
    color: white;
    font-weight: bold;
}

.panel_toggler:hover{
    cursor: pointer;
}

.eszkozok_active {
    align-items: center;
    border: solid 1px transparent;
    border-radius: 10px;
    background-image: linear-gradient(#1e1f2b, #1e1f2b),linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin: border-box;
    background-clip:padding-box, border-box;
    padding: 4px 6px;
}
.eszkozok{
    align-items: center;
    border: 1px solid #444552;
    border-radius: 10px;
    padding: 4px 6px;
}
.adatforgalom_mezok div p, .green_border div p{
    margin-bottom: 0px;
}
.adatforgalom_mezok div[class*="col"],.green_border div[class*="col"]{
    padding-left: 0px;
    padding-right: 0px;
}
.adatforgalom_mezok{
    align-items: center;
    border: 1px solid #444552;
    border-radius: 10px;
    padding: 12px 10px;
}
.green_border{
    align-items: center;
    border:1px solid #4CD964;
    border-radius: 10px;
    padding: 9px 10px;
}
.green_border div i{
    color: #4CD964;
}
.green_border, .adatforgalom_mezok{
    margin-top: 12px;
}
.kicsiszoveg{
    font-size: 11px; line-height:14px; font-weight:500;
    margin-top: 8px;
    margin-bottom: 30px;
}

img[src="img/icon/edit-icon.svg"]:hover{
    cursor: pointer;
}
input[name="eszkoznev"]{
    background-image: url('../img/icon/edit.svg');
    background-size: 50px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 40px;
    font-weight: bolder;
    font-size: 20px;
}
input[name="elo_kereses"]{
    background-color: #444552 !important;
    background-image: url('../img/icon/Search.svg');
    background-size: 23px;
    background-position: 3% 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 8px;
    padding-left: 45px;
    font-weight: bolder;
    font-size: 16px;
}

.PIN-kod{
    font-weight: bold;
    text-align: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: none;
}

.badge{
    position: absolute;
    background-image: linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    top: 4.5%;
    left: 12%;
    padding: 5px 16px;
}

.musor_mufaj{
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
}

/* mufaj ikonok start */
#mufaj_icon1:hover{
    content: url('../img/live/tematika_ikon/aktiv/1.svg');
    cursor: pointer;
}
#mufaj_icon1:active{
    content: url('../img/live/tematikaC_ikon/eletmod.svg');
}

#mufaj_icon2:hover{
    content: url('../img/live/tematika_ikon/aktiv/2.svg');
    cursor: pointer;
}
#mufaj_icon2:active{
    content: url('../img/live/tematikaC_ikon/felnott.svg');
}

#mufaj_icon3:hover{
    content: url('../img/live/tematika_ikon/aktiv/3.svg');
    cursor: pointer;
}
#mufaj_icon3:active{
    content: url('../img/live/tematikaC_ikon/filmsorozat.svg');
}

#mufaj_icon4:hover{
    content: url('../img/live/tematika_ikon/aktiv/5.svg');
    cursor: pointer;
}
#mufaj_icon4:active{
    content: url('../img/live/tematikaC_ikon/gyerek.svg');
}

#mufaj_icon5:hover{
    content: url('../img/live/tematika_ikon/aktiv/6.svg');
    cursor: pointer;
}
#mufaj_icon5:active{
    content: url('../img/live/tematikaC_ikon/idegenny.svg');
}

#mufaj_icon6:hover{
    content: url('../img/live/tematika_ikon/aktiv/7.svg');
    cursor: pointer;
}
#mufaj_icon6:active{
    content: url('../img/live/tematikaC_ikon/ismeretterj.svg');
}

#mufaj_icon7:hover{
    content: url('../img/live/tematika_ikon/aktiv/8.svg');
    cursor: pointer;
}
#mufaj_icon7:active{
    content: url('../img/live/tematikaC_ikon/sport.svg');
}

#mufaj_icon8:hover{
    content: url('../img/live/tematika_ikon/aktiv/13.svg');
    cursor: pointer;
}
#mufaj_icon8:active{
    content: url('../img/live/tematikaC_ikon/helyitv.svg');
}

#mufaj_icon9:hover{
    content: url('../img/live/tematika_ikon/aktiv/12.svg');
    cursor: pointer;
}
#mufaj_icon9:active{
    content: url('../img/live/tematikaC_ikon/kozszolg.svg');
}
#mufaj_icon11:hover{
    content: url('../img/live/tematika_ikon/aktiv/11.svg');
    cursor: pointer;
}
#mufaj_icon11:active{
    content: url('../img/live/tematikaC_ikon/hirek.svg');
}

#mufaj_icon12:hover{
    content: url('../img/live/tematika_ikon/aktiv/4.svg');
    cursor: pointer;
}
#mufaj_icon12:active{
    content: url('../img/live/tematikaC_ikon/szorakoz.svg');
}

#mufaj_icon13:hover{
    content: url('../img/live/tematika_ikon/aktiv/10.svg');
    cursor: pointer;
}
#mufaj_icon13:active{
    content: url('../img/live/tematikaC_ikon/vallasi.svg');
}

#mufaj_icon14:hover{
    content: url('../img/live/tematika_ikon/aktiv/9.svg');
    cursor: pointer;
}
#mufaj_icon14:active{
    content: url('../img/live/tematikaC_ikon/zene.svg');
}
/* mufaj ikonok end */

/*live oldalon a műsor naptár*/
.naptar_dropdown{
    background-color: #444552;
}
.naptar-content{
    background-color:#1E1F2B ;
    width: 23rem;
    height: 14rem;
}
.table_naptar{
    text-align: center;
}
.table_naptar tr th{
    color: #686A80;
}
.table_naptar tr td{
    color:white;
    cursor: pointer;
}
.active_nap{
    background-image: linear-gradient(116.57deg, rgba(241,136,35,1) 16.67%, rgba(235,87,87,1) 100%);
    border-radius: 100%;
}
.current_nap{
    background-color: #686A80 !important;
    border-radius: 100%;
}

.musorok_row{
    border-radius: 10px;
    background-color: #444552 !important;
    text-align: left;
    padding: 6px 12px;
    margin-top: 8px;
}
.musorok_active_row{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(116.57deg, rgba(241,136,35,1) 16.67%, rgba(235,87,87,1) 100%);
    text-align: left;
    padding: 3px 3px;
    margin-top: 8px;
}
.musorok_row_showed{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #444552;
    text-align: left;
    padding: 3px 3px;
    margin-top: 8px;
}
.musor_lista_col{
    max-width: 32.4%;
}
.custome_mb{
    margin-bottom: 2.4rem;
}

.orange_border{
    background-image: linear-gradient(116.57deg, rgba(241,136,35,1) 16.67%, rgba(235,87,87,1) 100%);
}

/*live2*/
.live2_active_row{
    border: 1px solid transparent;
    border-radius: 10px;
    background-image: linear-gradient(#1e1f2b, #1e1f2b),linear-gradient(116.57deg, #F18823 16.67%, #EB5757 100%);
    background-origin:border-box;
    background-clip:padding-box, border-box;
    margin-right: 6px;
    padding: 4px 6px;
}
.live2_inactive_row{
    border: none;
    border-radius: 10px;
    padding: 4px 6px;
}

div[data-bs-target="#hitman_modal"]:hover{
    cursor: pointer;
}
@media only screen and (min-width:1400px){
    .filmtar_play{
        margin-left: -1.5rem;
    }
    .filmtarimg:hover + .filmtar_play{
        margin-left: -3.3rem;
    }
    
    /* sárga play button hover */
    .filmtar_play:hover{
        margin-left: -3.3rem;
    }
}

@media only screen and (max-width:1399px){
    .musor_lista_col{
        max-width: 32.3%;
    }
}
@media only screen and (max-width:1199px){
    .musor_lista_col{
        max-width: 32.2%;
    }
}
/* index page play hover */
@media only screen and (max-width:991px){
    .index_play:hover{
        top: 40.5%;
        margin-left:-55.5%;
    }
    /* sorozat modal hamburger és rész */
    .modal_reszek_hamburger{
        bottom: 5%;
        right: 17%;
    }
    .modal_reszek_resz{
        bottom:5%;
        left:17%
    }
    /* műsor modal blur effekt */
    .blur_effekt{
        min-width: 0;
        width: 70%;
        left: 15%;
    }

    /*PIN kód boxok*/
    .PIN-kod{
        width: 40px;
        height: 40px;
    }

    /*disabled button*/
    .disabled_sign_in_button span {  /* .landing-reg */
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
        padding-left: 5.5rem !important;
        padding-right: 5.5rem !important;
    }

    /*live oldal search form*/
    input[name="elo_kereses"]{
        background-position: 1.7% 50%;
        height: 3rem;
        padding-left: 45px;
    }
    div[style="margin-top: -2.5rem;"]{
        margin-top: 0px !important;
    };

    .musor_lista_col{
        max-width: 100% !important;
    }

    .modal_reszek_playLive3{
        position: absolute;
        bottom:68%;
        left: 45%;
    }
}
@media only screen and (max-width:575px){
    .index_play:hover{
        top: 41%;
        margin-left:-54.5%;
    }
     /* sorozat modal hamburger és rész */
    .modal_reszek_hamburger{
        bottom: 10px;
       top: 140px;
       right: 10px;
       left: 310px;
    }
    .modal_reszek_resz{
        bottom: 10px;
        top: 145px;
        right: 300px;
        left: 20px;
    }
     /* műsor modal blur effekt */
     

    /*PIN kód boxok*/
    .PIN-kod{
        width: 44px;
        height: 44px;
    }
    #settings_kijelentkezes{
        margin-top:3rem;
    }
    /*disabled button*/
    .disabled_sign_in_button span {  /* .landing-reg */
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .musor_lista_col{
        max-width: 100%;
    }
    .modal_reszek_playLive3{
        position: absolute;
        bottom:61%;
        left: 47%;
    }
}

@media only screen and (max-width:460px){
    input[name="elo_kereses"]{
        padding-left: 37px;
        background-position: 3% 50%;
    }
    div[class*="px35"]{
        margin-left: 24px !important;
        margin-right:24px !important;
    }
}

@media only screen and (max-width:427px){
       /* sorozat modal hamburger és rész */
       .modal_reszek_hamburger{
        top: auto;
        bottom: 8px;
       right: 0px;
       left: 280px;
    }
    .modal_reszek_resz{
        top: auto;
        bottom: 8px;
        right: 248px;
        left: 0px;
    }
    div[class*="row"]:has(div input[class*="PIN-kod"]){
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .telo_swr_arrow{
        top: 3.5rem !important;
    }
}

@media only screen and (max-width:390px){
    .modal_reszek_hamburger{
        min-width: 0px;
        bottom: 5%;
        right: 7%;
        top: auto;
        left: auto;
     }
     .modal_reszek_resz{
         bottom: 5%;
         left: 7%;
         top: auto;
        right: auto;
     }
     .items-container{
        /* max-width: 100%; */
        margin-left: 0%;
        margin-right: 0%;
    }
    .naptar-content{
        width: 18rem;
        height: 14rem;
    }
}

@media only screen and (max-width:515px){
    .index_play:hover{
        top: 38%;
        margin-left:-55.5%;
    }
}
@media only screen and (max-width:375px){
    .index_play:hover{
        top: 35%;
        margin-left:-57%;
    }
    .modal_reszek_playLive{
        bottom:63%;
        left: 47%;
    }
    input[name="elo_kereses"]{
        padding-left: 37px;
        background-position: 5% 50%;
    }
}
@media only screen and (max-width:310px){
    .index_play:hover{
        top: 30%;
        margin-left:-59%;
    }
}

@media only screen and (max-width:750px){
    .carousel_button{
        width: 0.8rem !important;
        height: 0.8rem !important;
    }
    
}
@media only screen and (max-width:520px){
    .carousel_button{
        width: 0.65rem !important;
        height: 0.65rem !important;
    }

    .px35{
        padding-left: 12px;
        padding-right: 12px;
    }

}
@media only screen and (max-width:384px){
    #regmost{
        padding: 0px;
    }
    .regmost{
        padding:0px 5px;
    }
    .PIN-kod{
        width: 35px;
        height: 35px;
    }
}
@media only screen and (max-width: 328px){
    #landing_page_dis .disabled_sign_in_button span{
        padding-top: 0.7rem !important;
        padding-bottom: 0.7rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media only screen and (max-width: 320px){
    #logob{
        content: url("../temp/logo.svg");
    }
    input[name="elo_kereses"]{
        background-position: 3% 50%;
    }
}
@media only screen and (max-width:303px){
    .landing-reg-cookie{
        padding: 14px 4px;
    }
    .landing-sign-cookie{
        padding: 10px 8px;
    }
    .landing-reg-cookie span, .landing-sign-cookie span {
        padding: 6px 10px;
    }
    #eszkoztorles{
        padding:14px 8px;
    }
    div[class*="col"]:has(input[class*="PIN-kod"]){
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .naptar-content{
        width: 12rem;
        height: 10rem;
    }
    .modal_reszek_playLive{
        bottom:65%;
        left: 46%;
    }
    div[class*="px35"]{
        padding-right: 0px !important;
    }
}
@media only screen and (max-width:335px){
    div[id="default-col"]{
        padding-left: 0px;
        padding-right: 0px;
    }
    .musor-modal-reg{
        padding: 0px 0px;
    }
    .musor-modal-reg span{
        padding: 4px 12px;
    }
    input[name="elo_kereses"]{
        background-position: 3% 50%;
        height: 3rem;
    }
    div[class*="px35"]{
        margin-left: 12px !important;
        margin-right:12px !important;
    }
}
@media only screen and (max-width:312px){
    label[for="Default"]{
        font-size: 0.7rem;
    }
    label[for="flexCheckDefault"]{
        font-size: 0.7rem;
    }
    div[class*="form-check"]{
        justify-content: start !important;
    }
    div[id="default-col"]{
        padding:0px 12px;
    }
    #beallitas_mt{
        margin-top: 36px !important;
    }
}
@media only screen and (min-width:992px){
    input[id="necessary"]{
        margin-left: -24px !important;
    }
    input[id="analitika_input"]{
        margin-left: -24px !important;
    }
}
@media only screen and (max-width:355px){
    .texts{
        flex-direction: column;
    }
    .texts div:nth-child(2){
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .texts div:nth-child(1){
        margin-bottom: 10px;
    }
    .texts div:nth-child(1) span[class*="musorajanlo-korhatar"] {
        margin-left: 0px !important;
    }
    .texts div:nth-child(2) span img,.texts div:nth-child(3) span[class*="orange-gradient-font"]{
        padding-left: 0px !important;
    }
    /*disabled button*/
    .disabled_sign_in_button span {  /* .landing-reg */
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
        padding-left: 3.8rem !important;
        padding-right: 3.8rem !important;
    }
    #gyerekzar_container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}