.video_style {
    display: block;
    width: 98%;
    height: 410px;
    background: #EEEEEE;
    border: 5px double #D3D3D3;
    padding: 5px;
    margin-bottom: 5px;
}

label {
    margin-bottom: 15px !important;
}

.secenek {
    display: table-cell;
    font-weight: bold
}

.test-cevap-secegi-metni {
    display: table-cell;
    padding-left: 10px;
}

.test-sorusu {
    font-size: 15px; /*cursor:url(../templates/<?php echo STUDENT_TEMPLATE; ?>/assets/img/pencil3.png),url(pencil.cur),auto;*/
}

.ligreen {
    color: #FFF !important;
}

.ligreen a {
    color: #FFF !important;
}

.boyut {
    max-width: 700px; /*text-align: justify;*/
}

.isaret {
    color: #FFF !important;
}

.sayac_btn {
    position: absolute;
    right: 10px;
    top: 28.5px;
}


@media (max-width: 767px) {
    .swal2-styled.swal2-confirm {
        margin-top: -28px;
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #7367f0;
        color: #fff;
        font-size: 1em;
    }

    .swal2-popup .swal2-title {
        font-weight: 900;
    }

    .student-ikaz {
        line-height: 22px;
        list-style: none;
        font-size: 10px;
    }

    .student-ikaz2 {
        margin-top: -42px;
        margin-left: -40px;
    }

    .swal2-container.swal2-center > .swal2-popup {
        width: 99% !important;
        height: 103%;
    }

    .swal2-icon.swal2-warning {
        margin-top: 11px;
    }

    #fragman-video {
        margin-top: 3px;
        width: 100%;
        height: 211px;
    }


}

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

    #fragman-video {
        margin-top: 3px;
        width: 55%;
        height: 220px;
    }

    .student-ikaz {
        line-height: 22px !important;
        list-style: none;
        font-size: 14px;
    }

    .swal2-icon.swal2-warning.swal2-icon-show {
        width: 52px;
        height: 43px;
        margin-top: 13px;
    }

    .student-ikaz2 {
        margin-top: -32px;
        margin-bottom: -1rem;
        padding: 1px;
    }

}