.videoplayer{
    width:100%;
    height:calc(var(--dcv-videoplayer-width)/16*9);
    background-color:black;
    margin:10px 0;
    border-radius:10px;
    overflow:hidden;
}

.videoplayer iframe{
    width:100%;
    height:100%;
    border:none;
    margin:0px;
    padding:0px;
}

.videotitle{
    margin-top:10px;
    margin-left:5px;
    font-size:20px;
    color:black;
    text-decoration:none;
    display:block;
}

.videotitle a{
    color:black;
}

.container.reszek{
    margin-top:10px;
}
.gombok_lent
{   
    position: relative;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    
}

.leptet{
    padding:5px;
    border:1px solid #999;
    border-radius:15px;
    color:#333;
    width: 50px;

    text-align: center;
    display: inline-block;

    text-decoration:none;
    transition-property: background-color, border, color;
    transition-duration:0.2s;
    cursor:pointer;

    margin-top:10px;
    margin-bottom:10px;

}

.leptet:hover{
 cursor:pointer;
    background-color: #89a;
    color:white;
}

.leptet#negabtn{
    float: left;
    margin-left: 30%;
}

.leptet#plusbtn{
    float: right;
    margin-right: 30%;
}


.c_right{
    
}
@media only screen and (min-width:900px)and (max-width:1000px){
    .container.reszek .container_content{
        height:calc(var(--dcv-videoplayer-height) - 30px);
        overflow:auto;
    }
    
   .c_right{
        margin-top:32px;
    }
    .leptet#negabtn{
        float: left;
       margin-left:25%;
    }
    
    .leptet#plusbtn{
        float: right;
       margin-right: 25%;
    }
}

@media only screen and (min-width:800px) and (max-width:899px){
    .container.reszek .container_content{
        height:calc(var(--dcv-videoplayer-height) - 30px);
        overflow:auto;
    }
    
   .c_right{
        margin-top:32px;
    }
    .leptet#negabtn{
        float: left;
       margin-left: 20%;
    }
    
    .leptet#plusbtn{
        float: right;
       margin-right: 20%;
    }
}

.nemnyomhato
{
    background-color: rgba(196, 194, 194, 0.562);
}
.nemnyomhato:hover{
    cursor:not-allowed;
    background-color: rgba(196, 194, 194, 0.979);
    color: black;
}

@media only screen and (min-width:300px) and ( max-width:799px){
    .container.reszek .container_content{
        height:calc(var(--dcv-videoplayer-height) - 30px);
        overflow:auto;
    }
    
    .c_right{
        margin-top:32px;
    }

    .leptet#negabtn{
        float: left;
       margin-left: 10%;
    }
    
    .leptet#plusbtn{
        float: right;
       margin-right: 10%;
    }
}