.function-login {
    background-image: url("../../images/sporting.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

@media (min-width: 767px) {
    .navbar-nav {
        padding-left: 180px !important;
    }
}

a.fc-event {
    background-color: white !important;
}


/* Header */

[data-location="supertop"] .open>.dropdown-menu,
.r-topheader .navbar.navbar-default {
    background-color: #d81d26;
}

[data-location="supertop"] .open>.dropdown-menu {
    border: 1px solid white;
}

[data-location="supertop"] .open>.dropdown-menu a {
    color: white;
}

[data-location="supertop"] .open>.dropdown-menu li:first-child {
    padding-top: 8px;
}

[data-location="supertop"] .open>.dropdown-menu li:last-child {
    padding-bottom: 8px;
}

.r-topheader .navbar.navbar-default {
    box-shadow: 0 3px 2px #bdbdbd;
    border: none;
    justify-content: center;
}

.r-topheader .navbar.navbar-default [data-itemid="simple_search"] .form-group {
    margin-top: 6px;
}

.r-topheader .navbar.navbar-default>*:nth-child(1) {
    flex: 3;
}

.r-topheader .navbar.navbar-default>[data-itemid="menu"] {
    flex: none;
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    display: inline-flex;
}

.r-topheader .navbar.navbar-default>*:nth-child(3) {
    flex: 1.5;
}

.r-topheader .navbar.navbar-default>*:nth-child(4) {
    flex: 0.5;
}

.r-topheader .navbar.navbar-default>*:nth-child(5) {
    flex: 1;
}

.loggedin [data-itemid="loginform_login"] {
    display: none;
}

.r-topheader .navbar.navbar-default [data-itemid="logo"]>span {
    position: static !important;
}

.btn {
    text-transform: none;
}

.r-topheader .navbar-collapse[data-itemid="list_options"] {
    text-align: left;
}

.r-topheader .navbar-header,
.r-topheader .navbar-collapse[data-itemid="simple_search"],
.r-topheader .navbar-collapse[data-itemid="list_options"],
.r-topheader .navbar-collapse[data-itemid="loginform_login"],
.r-topheader .navbar-collapse[data-itemid="username_button"] {
    align-self: flex-start;
}

.r-topheader .navbar-collapse[data-itemtype="menu"] {
    align-self: flex-end;
    padding: 0px;
    display: flex;
    justify-content: center;
}

.r-topheader .navbar-collapse[data-itemtype="menu"] .r-menu {
    padding: 0px !important;
}

.r-topheader .navbar-collapse[data-itemtype="menu"] li a {
    text-transform: uppercase;
    font-family: arial, sans-serif;
    opacity: 0.8;
}

.r-topheader .navbar-collapse li.active a {
    background-color: #d81d26;
    border-bottom-color: #FFFFFF;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    opacity: 1;
}

.r-topheader .navbar-collapse li.active a:hover,
.r-topheader .navbar-collapse li.active a:focus,
.r-topheader .navbar-collapse li a:hover,
.r-topheader .navbar-collapse li a:focus {
    background-color: rgba(0, 0, 0, .1);
}

.centered_list .r-body {
    width: 100%;
}

.spschedule.centered_list:not(.loggedin) .r-body {
    padding-top: 0px;
}

.centered_list .r-content .r-data-block {
    flex: 1;
    max-width: auto !important;
    text-align: center;
}

.spschedule.centered_list .r-content:after {
    content: " ";
    flex: 0 0 250px;
    width: 250px;
    padding-left: 15px;
}

.centered_list:not(.loggedin) .r-grid-columns .panel .panel-heading {
    display: none;
}

.centered_list.loggedin .r-grid-columns .panel .panel-heading {
    padding: 2px 15px;
}

.centered_list.spschedule .r-content .r-data-block .r-grid>[data-location="grid"] {
    display: inline-flex;
    flex-wrap: wrap;
    border: solid 1px #ddd;
}

.centered_list .r-grid-columns .panel {
    margin-bottom: 0px;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #ddd;
}

.centered_list .r-grid [data-location="grid"] div:empty {
    display: none;
}

.centered_list .r-grid-columns .panel table td {
    border: none;
}

td[data-field="Team1"],
td[data-field="Team2"] {
    width: 40%;
}

td[data-field="Team1Logo"],
td[data-field="Team2Logo"] {
    width: 40px;
}

td[data-field="ScoreTeam1"],
td[data-field="ScoreTeam2"] {
    width: 30px;
}

[team2winner] span[data-fieldname="ScoreTeam2"],
[team1winner] span[data-fieldname="ScoreTeam1"] {
    position: relative;
    font-weight: bold;
}

[team2winner] span[data-fieldname="ScoreTeam2"]:after,
[team1winner] span[data-fieldname="ScoreTeam1"]:after {
    /* content: "\f0d9"; */
    /* content: "👑"; */
    content: "◀";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    right: 0px;
}

td[data-field="ScoreTeam1"],
td[data-field="ScoreTeam2"] {
    padding-right: 0px !important;
}

td[data-field="ScoreTeam1"]+td {
    position: relative;
    padding: 0px !important;
}

[data-itemid="score_line"] {
    position: absolute;
    width: 1px;
    background-color: rgba(240, 231, 231, 0.459);
    left: 0;
    right: 0;
    top: 15px;
    bottom: 15px;
}


/*
td[data-field="ScoreTeam1"]::before,
td[data-field="ScoreTeam2"]::before {
    content: "";
    background-color: black;
    width: 2px;
    height: 10px;
}*/

.centered_list.spschedule .r-grid-columns>.panel {
    min-height: 110px;
    max-height: 110px;
}

.centered_list.spschedule.loggedin .r-grid-columns>.panel {
    min-height: 130px;
    max-height: 130px;
}

.centered_list.spstandings.loggedin [data-cellid="above-grid_c1"] {
    margin-top: 10px;
}

.centered_list.spstandings.loggedin .editrow td[data-field="TeamLogo"] {
    padding: 0px;
}

.centered_list.spstandings.loggedin .editrow [data-fieldname="TeamLogo"] {
    display: none;
}

body:not(.loggedin) .navbar-form[data-itemid="username_button"] {
    display: none !important;
}

body.spstandings:not(.loggedin) [data-checkbox-cell] {
    display: none;
}

.centered_list .r-grid-columns:nth-last-child(2) .panel {
    border-bottom: none !important;
}

.centered_list .r-grid-columns:nth-last-child(2) .panel table {
    border-color: transparent;
}

body {
    background-color: #f8f9fb;
}

.spstandings table[data-location="grid"] tr {
    background-color: white;
    position: relative;
}

.spstandings .r-grid {
    background-color: white;
}

.spstandings table[data-location="grid"] tr::after {
    content: "";
    height: 1px;
    width: 96%;
    background-color: rgba(240, 231, 231, 0.459);
    position: absolute;
    left: 2%;
}

.spstandings table[data-location="grid"] td,
.spstandings table[data-location="grid"] th {
    /* border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid rgba(240, 231, 231, 0.459);*/
    border: none !important;
    font-size: 12px;
}

.spstandings table[data-location="grid"] th>span a,
.spstandings table[data-location="grid"] th>span {
    text-decoration: none;
    font-weight: normal;
    color: #70757a;
    cursor: pointer;
}

.spstandings table[data-location="grid"] th:not([data-field="Team"]) {
    text-transform: uppercase;
}

.spstandings table[data-location="grid"] th[data-field="Team"]>span {
    padding-left: 8px;
}

.spstandings table[data-location="grid"] [data-itemid="abbr"] {
    text-transform: none;
    display: flex !important;
    flex-wrap: wrap;
    font-weight: normal;
}

.spstandings table[data-location="grid"] [data-itemid="abbr"]>span {
    flex: 0 0 50%;
    text-align: left;
}

.spstandings table[data-location="grid"] td[data-field="TeamLogo"] {
    text-align: left;
}

.spstandings table[data-location="grid"] td[data-field="TeamLogo"] span[data-field="TeamLogo"] {
    margin-right: 8px;
}

.spstandings table[data-location="grid"] {
    margin-bottom: 0px;
}

.spstandings td[data-field="GamesPlayed"] {
    max-width: 1.4em;
}

.spstandings table[data-location="grid"] {
    border: none;
}

.spstandings:not(.loggedin) .r-body {
    padding-top: 0px;
}

.spstandings table[data-location="grid"] thead tr:first-child,
.spstandings table[data-location="grid"] tfoot tr {
    background-color: #F1F3F4;
}

.spstandings td[data-field="i"] {
    vertical-align: middle;
}

@media (min-device-width: 769px) {
    .spschedule_update [data-location="grid"] tbody tr:last-child [data-itemtype="edit_save"],
    .spschedule_update [data-location="grid"] tbody tr:last-child [data-itemtype="add_save"] {
        margin-left: 15px;
    }
    .r-topheader .navbar.navbar-default {
        height: 108px;
    }
    .centered_list .r-content .r-data-block .r-grid {
        width: 752px !important;
        min-width: auto !important;
        max-width: auto !important;
        display: inline-block;
    }
    .spstandings .r-grid {
        /* padding: 0px 20px 0px 20px;*/
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);
    }
    .spstandings.centered_list .r-content .r-data-block .r-grid {
        width: 792px;
    }
    .centered_list .r-grid-columns:nth-child(1) .panel,
    .centered_list .r-grid-columns:nth-of-type(4n+5) .panel {
        border-right: solid 1px #ddd;
    }
    .centered_list .r-grid-columns:nth-last-child(4) .panel {
        border-bottom: none;
    }
    .centered_list.spschedule .r-grid-columns {
        flex: 0 0 50%;
    }
    .spschedule_update [data-location="grid"] {
        width: 752px !important;
        min-width: auto !important;
        display: block;
        min-height: 100vh;
        padding: 0 15px 0 15px;
    }
    .function-view table[data-location="grid"] {
        width: 752px !important;
        min-width: auto !important;
        display: block;
        min-height: 100vh;
        padding: 80px 15px 0 15px;
    }
    .function-view table[data-location="grid"] td[data-fullwidth] {
        width: 720px
    }
    .spschedule_update table[data-location="grid"] td[data-fullwidth] {
        width: 720px
    }
    .spschedule_update [data-location="grid"] {
        background-color: white;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);
    }
    .function-view table[data-location="grid"] {
        background-color: white;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);
    }
}

@media (max-device-width: 769px) {
    .spschedule_view {
        background-color: white;
    }
    .spschedule_view [data-fieldname="Venue"] {
        padding-left: 10px !important;
    }
    .spschedule_view [data-fieldname="Team2"] {
        text-align: right;
    }
    .spschedule_view .r-small-page {
        padding-left: 0px;
        padding-right: 0px;
    }
    .spschedule_view [data-location="grid"] {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 56px;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3),
    .spschedule_view [data-location="grid"] tbody tr:nth-child(4) {
        display: inline-flex;
        width: 100%;
        align-items: center;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(4)>td {
        flex: 1;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3) td:nth-child(1),
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3) td:nth-child(3) {
        flex: 0.5;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3) td:nth-child(2) {
        flex: 2;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3) td:nth-child(2)>.clearfix {
        display: flex;
        font-size: 30px;
    }
    .spschedule_view [data-location="grid"] tbody tr:nth-child(3) td:nth-child(2)>.clearfix>* {
        text-align: center;
    }
    .centered_list.spschedule .r-content .r-data-block .r-grid>[data-location="grid"] {
        flex-direction: column;
    }
    .navbar-brand {
        padding: 8px 15px;
    }
    a[data-itemtype="logo"] img {
        width: 35px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: white;
    }
    .navbar-nav {
        margin: 0px;
    }
    .r-topheader .navbar-collapse[data-itemtype="menu"] .r-menu {
        display: flex;
        justify-content: center;
    }
    .navbar-form {
        border-bottom: none !important;
    }
    .navbar-form[data-itemid="list_options"] {
        text-align: right !important;
    }
    .spstandings .r-body {
        padding: 0px;
    }
    .spstandings .r-grid table[data-location="grid"] {
        min-width: 500px;
    }
    .spstandings .r-grid {
        max-width: 100vh;
        overflow-y: scroll;
    }
    .function-view [data-location="top"] [data-cellid="top_c1"] {
        text-align: center;
    }
}

.function-view table[data-location="grid"] tbody tr:first-child .rnr-invisible-button {
    display: none;
}

.function-view table[data-location="grid"] td[data-fullwidth]>.clearfix {
    width: 100%;
}

.spschedule_view table[data-location="grid"] [data-field="filterdate"] {
    flex: auto;
    text-align: right;
}

.spschedule_view [data-field="Team1Logo"] img,
.spschedule_view [data-field="Team2Logo"] img {
    width: 70px !important;
    max-width: 70px !important;
    height: auto !important;
}

.spschedule_view [data-field="Team1Logo"] .r-images,
.spschedule_view [data-field="Team2Logo"] .r-images {
    width: 70px !important;
    max-width: 70px !important;
    display: inline-block;
}

.function-view [data-location="top"] {
    color: white;
    position: fixed;
    background-color: #212121;
    width: 100vw;
    max-width: none;
    top: 0px;
    left: 0px;
    height: 56px;
    margin-bottom: 0px;
    z-index: 10;
}

.function-view [data-location="top"] [data-cellid="top_c1"] {
    padding-top: 15px !important;
}

.function-view [data-location="above-grid"] {
    position: fixed;
    width: 100vw;
    display: none;
    height: 56px;
}

.spschedule_update .r-edit-label,
.spschedule_update .r-edit-field,
.spschedule_update .r-edit-tooltip {
    margin-left: 0 !important;
}

.spschedule_update [data-field="edit_messege"] {
    width: 100% !important;
    margin: 0px
}

.spschedule_update [data-field="ScoreTeam1"] input.form-control,
.spschedule_update [data-field="ScoreTeam2"] input.form-control {
    width: 50px;
}

.spschedule_update [data-location="grid"] tbody tr:last-child a.btn {
    margin-right: 10px;
}

.spschedule_update [data-location="grid"] tbody tr:last-child .rnr-invisible-button {
    display: none;
}

.spschedule:not(.loggedin) .r-grid-columns .panel:hover {
    background-color: #f8f9fb23;
}

.spschedule:not(.loggedin) .r-grid-columns .panel {
    cursor: pointer;
}
.fc-content b{
width: 100%;
    display: inline-block;
    text-align: center;
}
.fc-content img{
	width: 25px;
  margin-right: 7px;
}