/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .pepa-video{
    display: -ms-flexbox!important;
    display: flex!important;
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    background:#eee;
 }
 .pepa-video::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}
.access_key{
    width:100%;
    text-align: center;
}
.do_test,
.validate_access_key{
    width:100%;
    text-align: center;
    background:#4bbd81;
    margin-top:2px;
    border:0;
    color:#fff;
    padding:5px;
}
.do_test{
    margin-top:5px;
}
.mb_YTPUrl.ytpicon{
    display:none!important;
}
.inline-YTPlayer{
    max-width:100% !important;    
}
.hide-code{
    display:none!important;
}
.mbYTP_wrapper iframe{
    width:100% !important;
    margin-left:initial !important;
}
.toast-body {
    line-height: 1.4;
}
/*
.inline-YTPlayer {
    height: 100% !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
}
.inline-YTPlayer .mb_YTPlayer {
    height: 100% !important;
    padding-bottom: 0 !important;
}*/