@import "https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500";

.imtest {
text-indent:-10000px
}

.ico {
width:3.5em;
text-indent:-10000px
}

.frame {
top:18vh;
height:74%;
width:95%;
vertical-align:middle;
box-shadow:0 8px 32px 0 #000000a8
}

input {
text-transform:capitalize
}

.status-live {
background-color:#f93
}

.status-full {
background-color:#f93
}

.status-button {
padding:2px;
border:none;
color:#000;
border-radius:.8vh;
font-weight:400;
text-transform:capitalize
}

body {
overflow-x:hidden;
overflow-y:auto;
font-family:'Roboto',sans-serif;
font-size:16px;
background-color:#10181f;
height:100%;
background-image:url(https://deportes.zya.me/img/futbol.jpg);
background-size:cover;
background-position:25% center;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0
}

::-webkit-scrollbar {
width:1vw
}

::-webkit-scrollbar-track {
background:#10181f
}

::-webkit-scrollbar-thumb {
background:#f93
}

::-webkit-scrollbar-thumb:hover {
background:#555
}

.dv-status {
position:relative;
z-index:1;
vertical-align:middle;
padding-right:10px;
text-align:center;
flex:0 0 30%;
margin-right:auto;
display:flex;
flex-direction:column
}

.i-hora {
font-size:1em;
color:#CFD8DC
}

.i-status {
display:block;
font-size:1em;
color:#fff
}

.dv-titulo {
text-align:center;
padding:1vh;
vertical-align:middle;
flex:0 0 20%;
margin-left:auto
}

.list {
position:relative;
display:inline-block;
border-bottom:1vh solid #000;
height:auto;
background-color:#151e22;
list-style:none;
padding:0;
margin:0;
min-height:13vh;
padding-left:.8vw
}

.ch {
position:relative;
border-bottom:1vh solid #000;
height:auto;
background-color:#151e22
}

.list:hover {
transform:scale(1.05);
box-shadow:0 6px 15px #0006;
background-color:hsl(210,100%,23%)
}

.ch:hover {
transform:scale(1.05);
box-shadow:0 6px 15px #0006;
background-color:hsl(210,100%,23%)
}

#sidebar .nav a {
z-index:2;
position:relative;
background:none;
font-size:1em;
display:flex;
align-items:center;
text-decoration:none;
width:100%;
padding:10px;
color:#cfd8dc;
min-height:inherit
}

#sidebar .nav a:hover,#sidebar .nav a:focus {
background:none;
color:#f93
}

select>option {
background-color:#000
}

#nav {
padding-left:0;
margin:0;
list-style:none
}

ul {
padding-inline-start:0
}

select {
padding:3px;
outline:none;
border:.1vh solid #f93;
background-color:#000;
color:#fff;
font-weight:400;
font-size:1em;
width:88%;
height:5vh
}

.activo {
background-color:hsl(210,100%,23%)
}

.filter {
display:none
}

.show {
display:block
}

.bton {
border:none;
outline:none;
padding:0;
background-color:#f0f0f0;
cursor:pointer;
width:25%;
height:6.5vh;
font-size:1em;
text-align:center
}

.bton:hover {
color:#fff;
background-color:hsl(210,100%,23%)
}

.bton.active {
background-color:#f93;
color:#fff
}

#widget {
width:100%;
position:absolute;
top:0;
display:flex;
flex-direction:column
}

.game-center-header_container__HmxpK {
height:31vh;
overflow:hidden;
display:flex;
align-items:normal;
justify-content:center
}

.navigation-tabs_container__XHS-c {
margin-top:57vh !important;
}

.actual-play-time_content__4qhH5 {
//width:100% !important;
}

.game-stats-widget_row__q6Ost {
//width:100% !important;
}

.scores365 .competitor-container_widgets__3W8mj.competitor-container_small_view__cME-t.competitor-container_container__wYYUG {
    height: auto;
    top: 80vh;
    position: relative;
}

.description-header_container__8txuY,.description-header_transparent_view__z4XG5,.description-header_game__2UT-n {
display:none !important;
}

.game-center-header_full_view__XLxhy {
margin-top:0 !important;
}

.back-strip-container {
height:3vh
}

#competition_standings {
margin-top:80vh !important
}

.athlete-widget_header_container__Q2khg {
margin-top:82vh !important;
}

.entity-scores-widget_filters_header__jOL3Z {
display:flex;
margin-top:80vh !important;
position:relative !important;
}

.entity-scores-widget_odds_toggle__lbuPK {
display:none !important;
}

#content {
overflow-y:hidden;
overflow-x:hidden;
transition:opacity .5s ease;
position:relative;
left:calc((100vw - 100%) / 1);
display:block
}

[data-theme=dark] {
--accentprimary:#ff9933 !important;
--highlightprimary:hsl(210,100%,23%) !important;
}

.game-center-header-status_live__Db99m {
display:none !important;
}

.game-center-header_star__AfaEm {
display: none !important;
}

@media only screen and (min-width: 1367px) and (min-height: 769px) {
.game-center-header_content__6xylD {
margin-top:2vh !important;
zoom:1.63 !important;
}

.game-center-header_container__HmxpK {
justify-content:normal !important;
}

.game-center-widget_content__E58H2,game-center-widget_widgets__pNzjW5 {
zoom:1.8;
width:100%
}

.navigation-tabs_container__XHS-c {
margin-top:32vh !important;
zoom:1.8
}

.back-strip-container {
zoom:1.8
}

.entity-scores-widget_filters_header__jOL3Z {
display:flex;
margin-top:30vh !important;
position:relative !important;
}

.entity-scores-widget_container__3l7E3 {
zoom:1.5;
width:100%
}
}

@media only screen and (max-width: 1023px) and (max-height: 763px) {
.game-center-header_content__6xylD {
margin-top:2vh !important;
zoom:.8 !important;
}
}

.logo {
text-indent:-10000px;
object-fit:contain;
height:100%;
width:100%
}

.divlogocanal {
position:relative;
z-index:1;
display:flex;
align-items:center;
vertical-align:middle;
width:12vw;
height:6.4vw;
padding:10px;
text-align:center
}

button.hamburger {
width:2em;
height:5vh;
position:absolute;
display:flex;
flex-direction:column;
justify-content:space-around;
padding:2px 0;
border:none;
background:transparent;
cursor:pointer;
outline-offset:4px;
left:0;
margin-left:.3vw;
z-index:5
}

button.hamburger span {
display:block;
height:.5vh;
border-radius:2.5px;
background-color:#fff;
position:relative;
width:100%
}

button.hamburger:hover span {
background-color:#f93
}

#fullscreen-btn {
position:absolute;
top:20px;
right:20px;
background-color:#000000b3;
color:#fff;
border:none;
border-radius:50%;
width:50px;
height:50px;
font-size:20px;
cursor:pointer;
z-index:5;
display:flex;
justify-content:center;
align-items:center;
transition:all .3s ease;
box-shadow:0 2px 10px #0000004d
}

#fullscreen-btn:hover {
background-color:#000000e6;
transform:scale(1.1)
}

#fullscreen-btn i {
transition:transform .3s ease
}

.fullscreen #fullscreen-btn i {
transform:rotate(180deg)
}

main {
flex-grow:1;
padding:2rem;
display:grid;
grid-template-columns:repeat(2,1fr);
grid-template-rows:repeat(2,1fr);
gap:1rem;
height:100%;
background:#151e22;
box-sizing:border-box;
align-items:center;
justify-items:center;
justify-content:center
}

.iframe-container {
position:relative;
width:100%;
max-height:100%;
border-radius:10px;
overflow:hidden;
background-image:url(https://i.etsystatic.com/34466454/r/il/aae1fd/3781810776/il_fullxfull.3781810776_giwx.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
display:flex;
flex-direction:row;
align-content:center;
justify-content:center;
align-items:center;
aspect-ratio:16 / 9;
max-width:280px
}

.seq-iframe {
width:auto;
height:100%;
border:3px solid hsl(210,100%,23%);
border-radius:10px;
transition:border-color .3s ease;
aspect-ratio:16 / 9;
max-width:100%
}

@media (min-width:885px) {
.iframe-container {
position:relative;
width:100%;
max-height:100%;
border-radius:10px;
overflow:hidden;
background-image:url(https://i.etsystatic.com/34466454/r/il/aae1fd/3781810776/il_fullxfull.3781810776_giwx.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
display:flex;
flex-direction:row;
align-content:center;
justify-content:center;
align-items:center;
aspect-ratio:16 / 9;
max-width:480px
}
}

@media (min-width:1915px) {
.iframe-container {
position:relative;
width:100%;
height:45vh;
border-radius:10px;
overflow:hidden;
background-image:url(https://i.etsystatic.com/34466454/r/il/aae1fd/3781810776/il_fullxfull.3781810776_giwx.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
display:flex;
flex-direction:row;
align-content:center;
justify-content:center;
align-items:center;
max-width:850px
}

.seq-iframe {
width:100%;
height:100%;
border:3px solid hsl(210,100%,23%);
border-radius:10px;
transition:border-color .3s ease;
aspect-ratio:16 / 9
}
}

.seq-iframe.loading {
border-color:#f93;
outline:4px solid #f6c90e;
box-shadow:0 8px 20px #f6c90eb3
}

.close-btn {
position:absolute;
top:8px;
right:8px;
background:#00000080;
border:none;
color:#fff;
font-weight:700;
font-size:1.2rem;
width:28px;
height:28px;
border-radius:50%;
cursor:pointer;
line-height:28px;
text-align:center;
transition:background-color .3s;
user-select:none;
z-index:10
}

.close-btn:hover,.close-btn:focus {
background:#d30f0f;
outline:none
}

.modal {
display:none;
position:fixed;
z-index:11;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none
}

.modal-content {
position:absolute;
background-color:#151e22;
border:2px solid #003b75;
width:90%;
cursor:move;
pointer-events:auto;
margin-left:auto;
height:85%;
padding:10px 10px 0
}

.close {
color:#f93;
float:right;
font-size:28px;
font-weight:700;
opacity:1;
text-shadow:none
}

.close:hover,.close:focus {
color:#d30f0f;
text-decoration:none;
cursor:pointer;
opacity:1
}

.brframe {
width:100%;
height:90%;
border:none
}

@media screen and (orientation: landscape) {
#lateral {
width:25% !important;
}

#content {
display:block
}

#tgl {
left:0;
font-size:1vw
}

.bton,.nav,.a,.i-status,.i-hora,#competitionFilter {
font-size:1vw
}
}

@media screen and (orientation: portrait) {
.scores365 .back-strip-container {
padding-left:2em !important;
}

.game-center-header_container__HmxpK {
height:20vh;
overflow:hidden;
display:flex;
justify-content:flex-start
}

.navigation-tabs_container__XHS-c {
margin-top:30vh !important;
}

.competitor-container_widgets__3W8mj.competitor-container_small_view__cME-t.competitor-container_container__wYYUG {
height:auto;
position:relative;
top:-32vh !important;
}

#competition_standings {
margin-top:45vh !important;
}

.athlete-widget_header_container__Q2khg {
margin-top:45vh !important;
}

.bton,#competitionFilter,.i-hora .i-status .nav,.a {
font-size:1em
}

#framegrid {
grid-template-columns:unset;
grid-template-rows:unset
}

.divlogocanal {
width:25vw;
height:auto;
min-height:10vh
}
}

.notification-container {
position:fixed;
top:20px;
right:20px;
display:flex;
flex-direction:column;
gap:10px;
z-index:1000
}

.notification {
position:relative;
width:350px;
max-width:90vw;
padding:15px 20px;
border-radius:8px;
color:#fff;
box-shadow:0 4px 12px #00000026;
opacity:0;
transform:translateX(100%);
transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);
overflow:hidden
}

.notification.show {
opacity:1;
transform:translateX(0)
}

.notification-title {
font-weight:600;
margin-bottom:5px;
display:flex;
align-items:center;
gap:8px
}

.notification-message {
font-size:14px;
line-height:1.4
}

.notification-close {
position:absolute;
top:10px;
right:10px;
cursor:pointer;
background:transparent;
border:none;
color:inherit;
font-size:16px;
opacity:.7;
transition:opacity .2s
}

.notification-close:hover {
opacity:1
}

.notification-progress {
position:absolute;
bottom:0;
left:0;
height:4px;
width:100%;
background-color:#ffffff4d
}

.notification-progress-bar {
height:100%;
width:100%;
background-color:#fff;
transform-origin:left;
transform:scaleX(1);
transition:transform linear
}

.notification.success {
background-color:#4CAF50
}

.notification.error {
background-color:#F44336
}

.notification.warning {
background-color:#FF9800
}

.notification.info {
background-color:#2196F3
}

.notification-icon {
width:20px;
height:20px
}

@media (max-width: 768px) {
.notification-container {
width:100%;
right:0;
padding:0 10px
}

.notification {
width:100%
}
}

/*#sidebar .nav li::after {
content:'';
position:absolute;
bottom:4px;
left:50%;
transform:translateX(-50%);
width:0;
height:4px;
transition:width .3s ease
}*/

#sidebar .nav li:hover::after {
width:70%
}

#sidebar .nav li:nth-child(n)::after {
background:#2194ff
}