:root {
  --svg-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4gPHBhdGggZD0iTTEyIDRDNCA0IDEgMTIgMSAxMkMxIDEyIDQgMjAgMTIgMjBDMjAgMjAgMjMgMTIgMjMgMTJDMjMgMTIgMjAgNCAxMiA0IHogTSAxMiA3QzE0Ljc2MSA3IDE3IDkuMjM5IDE3IDEyQzE3IDE0Ljc2MSAxNC43NjEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDkuMjM5IDkuMjM5IDcgMTIgNyB6IE0gMTIgOSBBIDMgMyAwIDAgMCA5IDEyIEEgMyAzIDAgMCAwIDEyIDE1IEEgMyAzIDAgMCAwIDE1IDEyIEEgMyAzIDAgMCAwIDEyIDkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
  --svg-eye-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48cGF0aCBkPSJNNC4yMDcwMzEyIDIuNzkyOTY4OEwyLjc5Mjk2ODggNC4yMDcwMzEyTDUuMDc2MTcxOSA2LjQ5MDIzNDRDMi4xOTkzNDQ3IDguODM4MjAwNSAxIDEyIDEgMTJDMSAxMiA0IDIwIDEyIDIwQzE0LjA3NTU2OCAyMCAxNS44MDYwMDMgMTkuNDU0NzMgMTcuMjQyMTg4IDE4LjY1NjI1TDE5Ljc5Mjk2OSAyMS4yMDcwMzFMMjEuMjA3MDMxIDE5Ljc5Mjk2OUw0LjIwNzAzMTIgMi43OTI5Njg4IHogTSAxMiA0QzEwLjc4OCA0IDkuNzA1Nzk2OSA0LjE5OTcxODcgOC43MTY3OTY5IDQuNTExNzE4OEwxMS4yNzczNDQgNy4wNzIyNjU2QzExLjUxNDM0NCA3LjAzNzI2NTYgMTEuNzUzIDcgMTIgN0MxNC43NjEgNyAxNyA5LjIzOSAxNyAxMkMxNyAxMi4yNDcgMTYuOTYyNzM0IDEyLjQ4NTY1NiAxNi45Mjc3MzQgMTIuNzIyNjU2TDIwLjM1NzQyMiAxNi4xNTIzNDRDMjIuMjA0NDIyIDE0LjEwMjM0NCAyMyAxMiAyMyAxMkMyMyAxMiAyMCA0IDEyIDQgeiBNIDcuODMzOTg0NCA5LjI0ODA0NjlMOS4yOTY4NzUgMTAuNzEwOTM4QzkuMTA4MTU5NSAxMS4xMDA4MjkgOSAxMS41MzY1NjYgOSAxMkM5IDEzLjY1NyAxMC4zNDMgMTUgMTIgMTVDMTIuNDYzNDM0IDE1IDEyLjg5OTE3MSAxNC44OTE4NCAxMy4yODkwNjIgMTQuNzAzMTI1TDE0Ljc1MTk1MyAxNi4xNjYwMTZDMTMuOTYyMDM5IDE2LjY4OTc1OCAxMy4wMTkyNzEgMTcgMTIgMTdDOS4yMzkgMTcgNyAxNC43NjEgNyAxMkM3IDEwLjk4MDcyOSA3LjMxMDI0MTUgMTAuMDM3OTYxIDcuODMzOTg0NCA5LjI0ODA0NjkgeiIgZmlsbD0iIzIxMjUyOWJmIiAvPjwvc3ZnPg==");
}

body {
    background-image: url(../assets/images/iofbg.jpg);
    background-size: cover;
    width: 100vw;
    height: 100vh;
}

.btn-toggle-password-visibility {
  width: 21px;
  height: 21px;
  background-image: var(--svg-eye-close);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.input-group-sm .btn-toggle-password-visibility {
  width: 16px;
  height: 16px;
}

.form-floating + .input-group-text .btn-toggle-password-visibility,
.input-group-lg .btn-toggle-password-visibility {
  width: 28px;
  height: 28px;
}

.input-group:has(input:not([type="password"])) .btn-toggle-password-visibility {
  background-image: var(--svg-eye-open);
}

.input-group:has(input.is-valid) .input-group-text {
  border-color: var(--bs-form-valid-border-color);
}

.input-group:has(input.is-invalid) .input-group-text {
  border-color: var(--bs-form-invalid-border-color);
}


section.our-packages, section.liveTV, section.channels-admin, section.mp2_page, section.contact-us {
}

#about {
    margin-top: -25px;
    padding-top: 25px;
}

section.heading-page {
    background-image: url(../assets/images/heading-bg.jpg);
}

.logo img {
    width: 185px;
}

.status-row {
    position: relative;
    top: 1em;
    z-index: 1;
}

.event-container {
    position: relative;
}

.event-live {
    /*    position: absolute;
        top: 20px;
        width: 95%;*/
}

.channel-live {
    position: absolute;
    top: 70px;
    /*   left: 5%;*/
}

.event-live .live,
.channel-live .live {
    /*   position: relative;
       top: 0;*/
}

.channel-viewer {
    /*  position: absolute;
      top: 70px;
      left: 30%;*/
}

.channel-item .description {
}

.channel-item .languages {
    max-width: 2em;
}

.channel-item .down-content {
    height: 380px;
    position: relative;
}

.channel-item .down-content p {
    margin-left: 0;
}

.channel-item .down-content .bottom {
}


.channel-item .down-content .btn,
.channel-item .down-content .language {
    position: absolute;
    bottom: 10px;
}

.psp {
}

.psp span {
}

.description {
    padding-bottom: 10px !important;
}

#liveTV {
    /*    margin-top: 5em; */
}

.liveTV {
}

.liveTV .more-broadcasts {
}

.liveTV img.lang-flag {
    max-width: 3em;
    margin-right: 5px;
}

.ebu {}

.ebu iframe {
    width: 100%;
    height: 100vh
}

#acceptTerms {
    position: relative;
    top: 6px;
}

.even {
    background-color: #E7E9EB;;
}

.odd {
}

.dropdown-menu li {
  position: relative;
}
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}
@media (max-width: 1024px) {
    .channel-live, .channel-viewer {
        top: 30px;
    }
}

@media (max-width: 991px) {
    .channel-item .down-content {
        height: 260px;
    }

    .channel-item .down-content h4 {
        font-size: 1.0rem;
    }
}

@media (min-width: 768px) {
 /*   .logo img {
        max-width: 110px;
    }
*/
    .event-live {
        position: absolute;
        top: 20px;
        width: 95%;
    }
}

@media (max-width: 768px) {
    section.liveTV .categories {
        margin-right: 0;
    }
}

@media (max-width: 576px) {
    .logo img {
        max-width: 80px;
    }
}