@font-face {
    font-family:"Avenir Book";
    src:url("../font/Avenir-Book.woff2") format("woff2"),url("../font/Avenir-Book.woff") format("woff");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Heavy";
    src:url("../font/Avenir-Heavy.woff2") format("woff2"),url("../font/Avenir-Heavy.woff") format("woff");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Light";
    src:url("../font/Avenir-Light.woff2") format("woff2"),url("../font/Avenir-Light.woff") format("woff");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Roman";
    src:url("../font/Avenir-Roman.woff2") format("woff2"),url("../font/Avenir-Roman.woff") format("woff");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Avenir Black";
    src:url("../font/Avenir-Black.woff2") format("woff2"),url("../font/Avenir-Black.woff") format("woff");
    font-style:normal;font-weight:400;
}

html#html.with-panel .framework7-root>.view .page-content,
html#html.with-panel .framework7-root>.views .page-content {
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

/*
** statusbar
 */
html.with-statusbar.device-android .framework7-root,
html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root {
    padding-top: 0 !important;
}
.statusbar {
    display: none !important;
}

#html body * {
    font-family: "Avenir Book";
}

#html .icon_szurkolas {
    flex-shrink: 0;
    width: 23px;
    height: 35px;
    -webkit-mask: url(../svg/sports/szurkolas.svg) no-repeat center center;
    -webkit-mask-size: auto 100%;
    mask: url(../svg/sports/szurkolas.svg) no-repeat center center;
    mask-size: auto 100%;
    background-color: #dbd9d6;
}
#html .icon_szurkolas:hover,
#html .icon_szurkolas.active {
    background-color: #ec6607;
}

/*
** page_login
 */
#html div[data-page="login"] {
    background: #fff url(../img/bg_login_2025.png) no-repeat center top / 100% auto;
}
#html div[data-page="login2"] {
    background: #fff;
}
#html .title_login {
    margin: 20px 0 10px 0 !important;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}
#html div[data-page="login2"] .title_login {
    color: #77777a;
}
#html div[data-page="login"] .navbar:after,
#html div[data-page="login2"] .navbar:after {
    display: none;
}
#html .lang_container {
    flex-shrink: 0;
}
/*
#html.md .logo_container,
#html.ios .logo_container {
    display: flex;
    align-items: center;
    flex: 1;
    flex-shrink: 0;
    min-height: 120px;
}
*/
#html .logo_container {
    flex-shrink: 0;
}
#html img.logo_login {
    display: block;
    max-width: 65%;
    width: 100%;
    height: auto;
    margin: 15px auto 10px auto;
}
/*
#html.md img.logo_login,
#html.ios img.logo_login {
    max-height: 260px;
    min-height: 0;
    height: 100%;
    width: auto;
    max-width: none;
}
*/
#html .info_login {
    flex-shrink: 0;
    font-size: 14px;
    color: #262626;
}

/*
** form
 */
#html .item-label {
    height: auto;
    line-height: normal;
    font-size: 11px;
    color: #77777a;
    text-transform: uppercase;
}
#html .list input {
    background: #fff;
    height: auto;
    margin-top: 5px;
    padding: 15px;
    color: #262626 !important;
    font-size: 14px;
    border: 1px solid #d2d0d1;
    border-radius: 5px;
}
#html .list input.disabled {
    color: #000 !important;
}
#html .list .item-input-wrap:after {
    display: none;
}
#html .list .input-focused {
    border-color: #00bcb5;
}
#html ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
#html ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
#html :-ms-input-placeholder { /* IE 10+ */
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
#html :-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

#html .list_inside input {
    background-color: #fff !important;
    font-size: 16px;
    border: none !important;
}
#html .list_inside .item-content {
    padding-left: 0;
}
#html .list_inside .item-inner {
    padding: 0;
}
#html .list_inside ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(2, 63, 91, 0.6);
    font-size: 16px;
}
#html .list_inside ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(2, 63, 91, 0.6);
    font-size: 16px;
}
#html .list_inside :-ms-input-placeholder { /* IE 10+ */
    color: rgba(2, 63, 91, 0.6);
    font-size: 16px;
}
#html .list_inside :-moz-placeholder { /* Firefox 18- */
    color: rgba(2, 63, 91, 0.6);
    font-size: 16px;
}

/*
** agenda
 */
#html .agenda_col1 {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
#html .agenda_col1 a,
#html .agenda_col1 a:hover {
    display: flex;
    align-items: center;
}
#html .agenda_col2 {
    min-width: 100px;
    padding-right: 10px;
    white-space: normal;
    line-height: normal;
}
#html .agenda_col3 {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
}
#html .agenda_col3 span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 20px;
}
#html .agenda_col3 img:first-child {
    flex-shrink: 0;
    margin: 5px 0 3px 0;
}
#html .agenda_col3 img:last-child {
    flex-shrink: 0;
    margin: 3px 0 5px 0;
}
@media only screen and (max-device-width: 320px) {
    #html .se_hide .agenda_col2 {
        display: none;
    }
    #html .agenda_col3 {
        justify-content: center;
    }
    #html .agenda_col3 span {
        align-items: center;
        flex-direction: row;
    }
    #html .agenda_col3 img {
        margin: 0 5px !important;
    }
}
#html .agenda_col4 {
    display: flex;
    align-items: center;
    padding-right: 10px;
}
#html .agenda_col5,
#html .agenda_col5 a,
#html .agenda_col5 a:hover {
    color: #77777a;
    font-size: 16px;
    font-family: "Avenir Black";
}
#html .agenda_col5 {
    min-width: 50px;
    text-align: right;
}
#html .agenda_row,
#html .agenda_row:hover {
    display: flex;
    width: 100%;
    color: #77777a;
    font-size: 17px;
    align-items: center;
}
#html .agenda_row a,
#html .agenda_row a:hover {
    color: #77777a;
    font-size: 16px;
}
#html .agenda_row_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#html .agenda_row_wrap img {
    margin: 5px 3px;
}
#html .row_active/*,
#html .row_active div.td_inner*/ {
    border: 2px solid #ec6607 !important;
}

/*
** camera
 */
div.myImageContainer {
    background-color: #a3d1e5;
    height: 50px;
    margin-bottom: 30px;
    position: relative;
    display: none;
}
div.myImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    border-radius: 100%;
    background: #ffffff url(../img/1x1.png) no-repeat center center / cover;
    position: absolute;
    top: 5px;
    left: 50%;
}
div.myImage div.icon {
    margin: -5px -5px 0 0;
    width: 40px;
    height: 40px;
    -webkit-mask: url(../svg/icon_camera.svg) no-repeat center center;
    -webkit-mask-size: 40px 40px;
    mask: url(../svg/icon_camera.svg) no-repeat center center;
    mask-size: 40px 40px;
    background-color: #bbbbbe;
}
div.myImage.hasImage div.icon {
    display: none;
}

/*
** page_guide
 */
div.page_guide .content {
    background-color: #fff;
    padding: 0 16px;
}
div.page_guide .content h2 {
    margin-bottom: 0;
}

/*
** guide_list
 */
div.guide_list ul li a {
    justify-content: flex-start !important;
}
div.guide_list ul li a img {
    margin-right: 16px;
}

/*
** page_menu
 */
#html div.page_menu li a {
    padding: 0 10px !important;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;
    color: #77777a;
    font-size: 16px;
    border-bottom: 1px solid #f3f3f4;
}
#html div.page_menu li a:after {
    display: none !important;
}
#html div.page_menu span.icon {
    -webkit-mask: url(../svg/icon_program.svg) no-repeat right center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_program.svg) no-repeat right center;
    mask-size: contain;
    background-color: #053f6d;
    width: 25px;
    height: 25px;
    margin-right: 16px;
}
#html div.page_menu span.icon_eredmenyek {
    -webkit-mask-image: url(../svg/icon_eredmenyek.svg);
    mask-image: url(../svg/icon_eredmenyek.svg);
}
#html div.page_menu span.icon_rangsor {
    -webkit-mask-image: url(../svg/icon_rangsor.svg);
    mask-image: url(../svg/icon_rangsor.svg);
}
#html div.page_menu span.icon_profilom {
    -webkit-mask-image: url(../svg/icon_profilom.svg);
    mask-image: url(../svg/icon_profilom.svg);
}
#html div.page_menu span.icon_noty {
    -webkit-mask-image: url(../svg/icon_ertesites.svg);
    mask-image: url(../svg/icon_ertesites.svg);
}
#html div.page_menu span.icon_map {
    -webkit-mask-image: url(../svg/icon_terkepek.svg);
    mask-image: url(../svg/icon_terkepek.svg);
}
#html div.page_menu span.icon_buszmenetrend {
    -webkit-mask-image: url(../svg/icon_buszmenetrend.svg);
    mask-image: url(../svg/icon_buszmenetrend.svg);
}
#html div.page_menu span.icon_utmutato {
    -webkit-mask-image: url(../svg/icon_utmutato.svg);
    mask-image: url(../svg/icon_utmutato.svg);
}
#html div.page_menu span.icon_kilepes {
    -webkit-mask-image: url(../svg/icon_kilepes.svg);
    mask-image: url(../svg/icon_kilepes.svg);
}

/*
** profile
 */
#html div.list_inside span.icon {
    -webkit-mask: url(../svg/icon_bank.svg) no-repeat right center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_bank.svg) no-repeat right center;
    mask-size: contain;
    background-color: #053f6d;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
#html div.list_inside span.icon_sportag_kovetes {
    -webkit-mask-image: url(../svg/icon_sportag_kovetes.svg);
    mask-image: url(../svg/icon_sportag_kovetes.svg);
}
#html div.list_inside span.icon_beallitasok {
    -webkit-mask-image: url(../svg/icon_beallitasok.svg);
    mask-image: url(../svg/icon_beallitasok.svg);
}
#html div.list_inside span.icon_profilom {
    -webkit-mask-image: url(../svg/icon_profilom.svg);
    mask-image: url(../svg/icon_profilom.svg);
}
#html div.list_inside span.icon_kilepes {
    -webkit-mask-image: url(../svg/icon_kilepes.svg);
    mask-image: url(../svg/icon_kilepes.svg);
}
#html .icon_container {
    display: flex;
    align-items: center;
}

/*
** global
 */
#html .icon_menu,
#html .icon_arrow_left {
    -webkit-mask: url(../svg/icon_menu.svg) no-repeat right center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_menu.svg) no-repeat right center;
    mask-size: contain;
    background-color: #fff;
    width: 22px;
    height: 20px;
}
#html .icon_arrow_left {
    -webkit-mask: url(../svg/icon_arrow_left.svg) no-repeat left center;
    mask: url(../svg/icon_arrow_left.svg) no-repeat left center;
    height: 15px;
}
#html .icon_close {
    -webkit-mask: url(../svg/icon_close.svg) no-repeat right center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_close.svg) no-repeat right center;
    mask-size: contain;
    background-color: #fff;
    width: 18px;
    height: 18px;
}
#html .page {
    background-color: #f2f2f4;
}
#html .page-content {
    display: flex;
    flex-direction: column;
}
#html div[data-page="agenda"] .page-content {
    padding-top: 220px;
}
#html.ios div[data-page="agenda"] .page-content {
    padding-top: 220px;
}
#html .links-list a,
#html .links-list a:hover {
    background: none;
    padding-left: 0;
    padding-right: 16px;
    position: relative;
    overflow: visible;
    color: #77777a;
    font-size: 16px;
}
#html .links-list a:after {
    content: '';
    display: block !important;
    width: 8px;
    height: auto;
    -webkit-mask: url(../svg/icon_arrow_right.svg) no-repeat right center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_arrow_right.svg) no-repeat right center;
    mask-size: contain;
    border: none;
    background: #f37b6b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    transform: none;
}
#html div[data-page="agenda"] .list {
    margin-top: 0;
}
#html .navbar {
    height: 56px;
    background: #ec6607;
    color: #fff;
    font-size: 17px;
    font-family: "Avenir Book";
}
#html .navbar.menu {
    background-color: #262626;
}
#html .navbar~.page-content,
#html .navbar~:not(.no-navbar) .page-content {
    padding-top: 56px;
}
#html.ios div[data-page="login"] .navbar~.page-content,
#html.ios div[data-page="login"] .navbar~:not(.no-navbar) .page-content,
#html.ios div[data-page="login2"] .navbar~.page-content,
#html.ios div[data-page="login2"] .navbar~:not(.no-navbar) .page-content {
    padding-top: 0 !important;
}
#html .navbar:after {
    display: none;
}
#html .navbar .title {
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    font-family: "Avenir Black";
}
#html .navbar.menu .title {
    text-transform: uppercase;
}
#html .navbar .left,
#html .navbar .right {
    width: 50px;
}
#html .subnavbar {
    background-color: #f2f2f4;
    height: auto;
    margin-top: 0;
    padding-top: 0;
}
#html .subnavbar:after {
    display: none;
}
#html .subnavbar .agenda_filter {
    padding: 8px 0;
    box-sizing: border-box;
}
#html .subnavbar-inner {
    flex-direction: column;
    padding: 0;
}
#html .subnavbar-inner .row {
    width: 100%;
}
#html .item-inner:after {
    display: none;
}
#html .block {
    margin: 16px 0;
}
#html .list {
    margin: 16px 0;
}
#html .mt0 {
    margin-top: 0 !important;
}
#html .mt10 {
    margin-top: 10px !important;
}
#html .mt20 {
    margin-top: 20px !important;
}
#html .mb0 {
    margin-bottom: 0 !important;
}
#html .mr10 {
    margin-right: 10px !important;
}
#html .pl0 {
    padding-left: 0 !important;
}
#html .pl5 {
    padding-left: 5px !important;
}
#html .list ul {
    background-color: transparent;
}
#html .list ul:before,
#html .list ul:after {
    display: none;
}
#html .button {
    background: #262626;
    height: auto;
    line-height: normal;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    font-family: "Avenir Black";
    border: none;
    text-transform: none;
    box-sizing: border-box;
    border-radius: 5px;
}
#html .list .button {
    color: #fff;
}
#html a.button {
    display: block;
    width: 100%;
}
#html .navbar .title .button {
    display: inline-block;
    background-color: transparent !important;
    width: auto;
    padding: 0 35px;
    color: #fff;
    font-size: 17px;
}
#html .results_filter {
    flex-shrink: 0;
    width: 100%;
    padding: 8px 0 0 0;
}
#html .agenda_filter .button,
#html .results_filter .button {
    color: #77777a;
    font-size: 14px !important;
    font-family: "Avenir Heavy" !important;
    position: relative !important;
    border: none !important;
}
#html .results_filter .button {
    background-color: #fff !important;
    margin-right: 2px;
    color: #262626 !important;
    font-family: "Avenir Heavy";
}
#html .results_filter .button:last-child {
    margin-right: 0;
}
#html .results_filter .button.button-active {
    background-color: #ec6607 !important;
    color: #fff !important;
}
#html .agenda_filter .button:after,
#html .navbar .title .button:after {
    content: '';
    display: block;
    width: 15px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    color: #e81e26;
    -webkit-mask: url(../svg/icon_arrow_down.svg) no-repeat center center;
    mask: url(../svg/icon_arrow_down.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #ec6607;
}
#html .agenda_filter .button:after {
    background-color: #ec6607;
}
#html .navbar .title .button:after {
    background-color: #fff;
}
#html .agenda_filter .button span {
    font-size: 9px;
    font-family: "Avenir Black";
}
#html .button.fb-button {
    background: #126194 url(../img/icons/icon_fb.png) no-repeat 25px center / auto 40%;
    color: #fff;
}
#html .segmented .button {
    background-color: #262626;
    height: auto;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family:"Avenir Book";
    border: none;
    border-bottom: 1px solid #EDCEBD;
}
#html div[data-page="login"] .segmented .button,
#html div[data-page="login2"] .segmented .button {
    background-color: transparent;
    color: #262626 !important;
}
#html .segmented .button-active,
#html div[data-page="login"] .segmented .button-active,
#html div[data-page="login2"] .segmented .button-active {
    color: #EDCEBD;
    font-family:"Avenir Heavy";
    border-bottom: 3px solid #EDCEBD;
}
#html .row .col:nth-last-child(2),
#html .row .col:nth-last-child(2)~.col {
    width: 50%;
    width: calc((100% - 2px*1)/ 2);
}
#html .row.popover_buttons .button {
    border-radius: 0 !important;
}
#html .row.popover_buttons .col:nth-last-child(2),
#html .row.popover_buttons .col:nth-last-child(2)~.col {
    width: 50%;
}
#html .popover {
    border: none;
    border-radius: 0;
}
#html .button_cancel {
    background-color: #EDCEBD;
    color: #262626;
    font-size: 14px;
    font-family: "Avenir Roman";
}
#html .button_ok {
    background-color: #da5404;
    color: #fff;
    font-size: 14px;
    font-family: "Avenir Heavy";
}
#html .dialog-button.bgcolor_blue,
#html .button_ok.bgcolor_blue {
    background-color: #262626;
}
.ios .dialog-buttons {
    display: flex;
    height: auto !important;
    background-color: #fff;
}
.ios .dialog-button{
    width: auto !important;
    text-align: center !important;
    flex: 1 !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
}
#html label.item-checkbox>.icon-checkbox,
#html label.item-radio>.icon-radio {
    margin-right: 16px;
}
#html .checkbox i,
#html .icon-checkbox,
#html .radio i,
#html .icon-radio {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #00bcb5;
}
#html .checkbox input[type=checkbox]:checked~i,
#html label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,
#html label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,
#html .radio input[type=radio]:checked~i,
.ios .radio input[type=radio]:checked~.icon-radio,
#html label.item-radio input[type=radio]:checked~* .icon-radio,
#html label.item-radio input[type=radio]:checked~.icon-radio {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
}
#html .checkbox i:after,
#html .icon-checkbox:after,
#html .radio i:after,
#html .icon-radio:after {
    width: 22px;
    height: 22px;
    margin: 0;
    left: -1px;
    right: auto;
    top: -1px;
    opacity: 0;
    background-image: none;
    -webkit-mask: url(../svg/icon_selected.svg) no-repeat center center;
    -webkit-mask-size: contain;
    mask: url(../svg/icon_selected.svg) no-repeat center center;
    mask-size: contain;
    background-color: #e71e26;
}
#html label.item-radio input[type=radio]~.icon-radio {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
}
#html .checkbox input[type=checkbox]:checked~i:after,
#html label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,
#html label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,
#html .radio input[type=radio]:checked~i:after,
#html label.item-radio input[type=radio]:checked~* .icon-radio:after,
#html label.item-radio input[type=radio]:checked~.icon-radio:after {
    opacity: 1;
}
#html .col_score {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    height: 100%;
    color: #77777a;
    font-size: 16px;
    font-family: "Avenir Heavy";
    position: relative;
}
#html .col_place {
    flex-shrink: 0;
    display: block;
    background-color: #e81e26;
    width: 36px;
    line-height: normal;
    margin: 0 10px 0 2px;
    padding: 3px 0;
    color: #fff;
    font-size: 12px;
    font-family: "Avenir Heavy";
    text-align: center;
}
#html table .col_place {
    margin-right: 5px;
}
#html .col_team {
    display: flex;
    align-items: center;
    flex-grow: 0;
}
#html .col_team_name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 200px;
    white-space: normal;
}
.navbar button {
    background-color: #fff !important;
}
#html .num {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ec6607;
    width: 27px;
    height: 27px;
    line-height: normal;
    color: #fff;
    font-size: 14px;
    font-family: "Avenir Black";
    border-radius: 100%;
}

/*
** button
 */
.button span {
    text-transform: none !important;
}

/*
** navbar_title
 */
.navbar .title {
    flex: 1 0 auto;
    text-align: center;
}

/*
** popover
 */
.popover {
    max-height: 500px !important;
    height: 100vh !important;
}
.popover-inner {
    display: flex;
    flex-direction: column;
    max-height: 500px !important;
    height: 100vh !important;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
}
#html .popover-inner .list {
    margin: 0;
    flex-grow: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.popover_buttons {
    flex-shrink: 0;
}

/*
** checkbox
 */
label.item-checkbox>.icon-checkbox,
label.item-checkbox>.icon-radio {
    margin-right: 10px;
}

/*
** icon_hidden
 */
.icon_hidden * {
    display: none !important;
}

/*
** programs-list
 */
#html .navbar~.subnavbar~.list-index,
#html .navbar~.toolbar:not(.toolbar-bottom-md)~.list-index,
#html .page-with-subnavbar .navbar~.list-index,
#html.ios .navbar~.list-index,
#html.ios .navbar~.page>.list-index {
    top: 178px;
}
#html .list-index {
    background-color: #77777a;
    display: flex;
    align-items: center;
    width: auto !important;
    max-height: 100vh;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    border-left: 5px solid #666667;
    z-index: 999;
}
#html .list-index ul {
    background-color: transparent;
    height: auto;
    border-radius: 0;
    border: none;
    align-items: flex-start;
}
#html .list-index ul li {
    position: relative;
    width: auto;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-family: "Avenir Black";
}
#html .list-index ul li:before {
    content: '';
    display: none;
    background-color: #e81e26;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    left: -8px;
}
#html .list-index ul li.show:before {
    display: block;
}
#html .programs-list .list-group-title {
    opacity: 0;
    height: 0 !important;
    overflow: hidden !important;
}
#html .list-group ul li {
    flex-direction: column;
    background-color: #fff;
    padding: 0 10px;
    border-bottom: 1px solid #f2f2f4;
}
#html .list-group ul li:after {
    display: none;
}
#html .list-group ul li:last-child {
    margin-bottom: 8px;
}
#html .list-group:last-child ul li:last-child {
    margin-bottom: 0;
}
#html .list-index-label {
    display: none !important;
}

/*
** results
 */
#html .group_title {
    padding: 15px 0 10px 0;
    color: #77777a;
    font-size: 30px;
    font-family: "Avenir Light";
    text-align: center;
}
#html .group_header_bg {
    background-color: #eaeaec;
    height: 18px;
}
#html .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dcdcde;
    color: #77777a;
    font-size: 9px;
    font-family: "Avenir Black";
    height: 18px;
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
}
#html .tab2 {
    background-color: #e81e26;
    color: #fff;
}

/*
** .simple-list li
 */
.simple-list li {
    height: auto !important;
}

/*
** fixed_table
 */
div#fixed-table {
    width: 100%;
    height: 100%;
    overflow: scroll;
    position: relative;
    box-sizing: border-box;
}
div#fixed-table table {
    margin: 0 0 10px 0;
    position: relative;
}
div#fixed-table table td {
    padding: 0 10px !important;
    font-size: 18px;
    text-align: center;
}
#html .data-table tbody td:before {
    background-color: #f2f2f4;
}
div#fixed-table table td strong {
    font-size: 18px;
    font-family: "Avenir Heavy";
}
div#fixed-table table td strong.sum {
    font-size: 24px;
    font-family: "Avenir Black";
}
div#fixed-table table td:first-child {
    padding: 0 !important;
}
div#fixed-table thead tr {
    background-color: #ec6607;
}
div#fixed-table thead th {
    background-color: #ec6607;
    height: 45px;
    padding: 0 10px !important;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-family: "Avenir Heavy";
    text-align: center;
    text-transform: uppercase;
    border: none;
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    z-index: 100;
}
div#fixed-table.table_ranking thead th {
    background-color: #ec6607;
}
div#fixed-table thead th strong {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    font-family: "Verdana";
    text-transform: uppercase;
}
div#fixed-table thead th.label-cell {
    left: 0;
    z-index: 101;
}
div#fixed-table tbody td.label-cell {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    z-index: 99;
    font-weight: bold;
    height: 0;
    padding: 0;
}
div#fixed-table tbody td.label-cell div.td_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin: 4px 0;
    height: calc(100% - 8px);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
div.fixed-table-white table td {
    background-color: #fff;
}
div.fixed-table-white table tr.row_empty td {
    background-color: transparent;
    padding: 0 !important;
    height: 15px !important;
}
div#fixed-table.fixed-table-white tbody td.label-cell.cell_a,
div#fixed-table.fixed-table-white tbody td.label-cell.cell_b,
div#fixed-table.fixed-table-white tbody td.label-cell.cell_one {
    padding-left: 0;
    padding-bottom: 0;
    flex-shrink: 0;
}
div#fixed-table.fixed-table-white tbody td.label-cell.cell_a div.td_inner,
div#fixed-table.fixed-table-white tbody td.label-cell.cell_b div.td_inner,
div#fixed-table.fixed-table-white tbody td.label-cell.cell_one div.td_inner {
    padding: 3px 5px 3px 10px;
    margin: 0 !important;
    width: 30px;
    height: calc(100% - 16px);
    white-space: nowrap;
    z-index: 200;
    position: relative;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
div#fixed-table.fixed-table-white tbody td.label-cell.cell_b div.td_inner {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
div#fixed-table.fixed-table-white tbody td.label-cell.cell_one div.td_inner {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
div#fixed-table.fixed-table-white tbody td.label-cell div.td_outer {
    display: flex;
    padding-right: 5px;
    padding-bottom: 10px;
    height: calc(100% + 10px);
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -5px;
    margin-top: 5px;
    margin-bottom: -5px;
}
div#fixed-table.fixed-table-white tbody td.label-cell.cell_b div.td_outer {
    overflow: hidden;
}
#html td.table_team_name {
    padding-right: 20px;
    color: #77777a;
    font-size: 16px;
    white-space: nowrap;
}
#html .table_icon_sport {
    width: 30px;
    height: 30px;
    -webkit-mask-size: contain !important;
    mask-size: contain;
    background-color: #fff;
}
#html table thead th .table_icon_sport {
    background-color: #fff;
}
#html .table_icon_sport_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#html .football_sex {
    background-color: #e41d37;
    width: 14px;
    height: 14px;
    padding: 3px;
    border-radius: 100%;
    position: absolute;
    right: -5px;
    bottom: -5px;
}
#html .football_sex div {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal !important;
    color: #fff;
    font-size: 11px;
    font-family: "Arial";
}

/*
** details_header
 */
#html div.details_header {
    background-color: #262626;
    line-height: normal;
    padding: 20px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: "Avenir Black" !important;
    text-align: center;
    text-transform: uppercase;
}
#html div.details_header strong {
    font-family: "Avenir Black" !important;
}

/*
** ptr
 */
#html .ptr-arrow {
    transition-property: all;
    opacity: 0;
}
#html .ptr-pull-up .ptr-arrow {
    opacity: 1;
}
#html .ptr-preloader {
    position: relative;
    height: 0;
    width: 100%;
    margin-top: 0;
    left: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}
#html div[data-page="agenda"] .ptr-preloader,
#html div[data-page="details"] .ptr-preloader {
    margin-top: -44px;
}

/*
** dialog
 */
#html .dialog-inner {
    color: #77777a;
    text-align: center;
}
#html .dialog-buttons {
    justify-content: center;
    align-items: center;
}
#html .dialog-buttons span {
    flex-shrink: 0;
    display: inline-block;
    background: #262626;
    height: auto;
    line-height: normal;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    font-family: "Avenir Black";
    border-radius: 5px;
    border: none;
    text-transform: none;
    box-sizing: border-box;
}

.dflex {display: flex !important;}
.aicenter {align-items: center !important;}
.jccenter {justify-content: center !important;}

#html .content.html table {
    width: 100%;
}
#html .content.html table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#html .content.html table tr {
    display: block;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#html .content.html .row {
    justify-content: flex-start !important;
}
#html .content.html .row .title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
#html .content.html .badge-container {
    width: 30px !important;
}

/*
** ranking table
 */
#html div#fixed-table.table_ranking {
    margin-top: 10px;
}
#html div#fixed-table.table_ranking tr:nth-child(2) div.td_inner,
#html div#fixed-table.table_ranking tr:nth-child(4) div.td_inner,
#html div#fixed-table.table_ranking tr:nth-child(6) div.td_inner {
    padding: 3px 5px 3px 10px;
}
#html div#fixed-table.table_ranking tr:nth-child(2) div.td_inner {
    background-color: #ffca58;
}
#html div#fixed-table.table_ranking tr:nth-child(4) div.td_inner {
    background-color: #999b9e;
}
#html div#fixed-table.table_ranking tr:nth-child(6) div.td_inner {
    background-color: #af9779;
}
#html div#fixed-table.table_ranking tr:nth-child(2) div.td_inner .col_place,
#html div#fixed-table.table_ranking tr:nth-child(4) div.td_inner .col_place,
#html div#fixed-table.table_ranking tr:nth-child(6) div.td_inner .col_place {
    background: transparent;
    font-size: 30px;
    font-weight: bold;
}
.md .statusbar {
    background: #e41d37;
}
.md body {
    color: #77777a;
}
.ios body {
    color: #77777a;
}