@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {

    /* IE10+ specific styles go here */
    html,
    body {
        height: 100%;
    }
}

.red5-loading {
    background: black url(https://www.hpibet.com/content/images/hpibet-loading.gif) center center no-repeat;
}

.h400 {
    height: 360px;
    width: 640px;
}

.red5pro-media-control-bar {
    display: none;
}

.red5pro-media-container-full-screen:-webkit-full-screen,
.red5pro-media-container-full-screen:full-screen {
    width: 100% !important;
    height: 100% !important;
}

.red5pro-media {
    width: 100%;
}

.error {
    color: red;
}

.cmm-container ul#menu-main-nav {
    z-index: 999 !important;
}

.featured-nav {
    z-index: 999 !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.8);
}

.vjs-playlist-item-list {
    flex-direction: row;
    display: flex;
    width: 100%;
    flex-flow: wrap;
}

.vjs-playlist-item-list .vjs-playlist-item {
    width: 100%;
}

h1.h3 {
    text-align: left;
    font-weight: bold;
    margin-top: 70px;

}

.vjs-control-bar {
    background-color: rgba(0, 0, 0, .65) !important;
}

#brightCove {
    margin-bottom: 30px;
}

#skipDescriptionButton:focus {
    left: 0;
    height: auto;
    width: auto;
    position: relative;
    float: right;
    top: -35px;
    background: #ffffff;
    color: #e2231a;
    padding: 5px 20px;
    border: 3px solid #e2231a;
}

.bc-player-tabs #menu {
    display: block;
    list-style: none;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 4px solid #000;
    margin-top: 10px;
}

.bc-player-tabs #menu>li {
    display: inline-block;
    margin-bottom: 8px;
}

.bc-player-tabs #menu>li button {
    text-transform: uppercase;
    background-color: gainsboro;
    padding: 5px 11px;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-right: 6px;
    color: #000;
    font-weight: bold;
    border: none;
}

.bc-player-tabs #menu>li button.live-tab {
    border: 2px solid #E2231A;
    color: #E2231A;
    background-color: transparent;
}

.bc-player-tabs #menu>li button.live-tab.active {
    background-color: #E2231A;
    color: #FFF;
}

.bc-player-tabs #menu>li button:hover {
    cursor: pointer;
    background-color: #bbb;
    color: #000;
}

.bc-player-tabs #menu>li button.active {
    background-color: #000;
    color: #fff;
}

.bc-player-tabs #menu>li button.disabled {
    background-color: gainsboro;
    color: #aaa;
    pointer-events: none;
    cursor: default;
}