:root {
    --accent-color: #284AD5;
    --hover-color: #1E85AC;
}
.sidebar .sidebar-brand { height:auto !important; padding:1rem 0; margin-left:-10px;}
.card-body { padding: .75rem .5rem; }
.table th, .table td { padding: .3rem; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-left: .3rem;
    padding-right: .3rem;
}
h3 { font-size:1.5rem;}
h4 { font-size:1.25rem;}
.row {
    margin-left: 0;
    margin-right:0;
}
.modal h5 { width:100%;}
.sidebar .nav-item .nav-link span,
.sidebar.toggled .nav-item .nav-link span {
    font-size: 0.8rem;
    display: block;
}
.sidebar .nav-item .nav-live {
    padding: 8px 4px !important;
   /* border: 1px solid #FFF;*/
    letter-spacing:4px;
    text-align:center;
}
textarea { margin-bottom:.5rem;}
td { hyphens: auto; }
.bg-gradient-primary {
    background-color: var(--accent-color);
    background-image:none;
}
.bg-primary {
    background-color: var(--accent-color) !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--hover-color) !important;
}
.btn-live { padding:2px 4px !important; white-space: normal; }

.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.btn-primary:hover {
    background-color: var(--hover-color);
    border-color: var(--hover-color);
}
.text-primary { color: var(--accent-color) !important; }
a {color: var(--accent-color); }
a:hover { color: indigo; }

.page-link { color: var(--accent-color); }
.page-item.active .page-link {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
#content div.container-fluid {
    padding-left:0.5rem !important;
    padding-right:0.5rem !important;
}
td, th { border-radius: 5px; }
.table-bordered {
    border: 2px solid #FFF;
    background:#f8f9fc;
}

.table-bordered th,
.table-bordered td {
    border: 2px solid #FFF;
    background:#f8f9fc;
}
div.logo_list img { max-height:80px;max-width:120px;}
.liveMatches span.live_matchTime,
.liveMatches span.live_leagueName,
.liveMatches span.live_matchLocation {
    font-size:80%;font-style:italic;

}

.liveMatches span.live_matchTime,
.liveMatches span.live_leagueName,
.liveMatches span.live_matchLocation {
    display:none;
}
.liveMatches td.live_matchTime,
.liveMatches td.live_leagueName,
.liveMatches td.live_matchLocation,
.liveMatches th.live_matchTime,
.liveMatches th.live_leagueName,
.liveMatches th.live_matchLocation
{
    display:table-cell;
}
span.live.magenta {font-weight:bold; color:magenta; }
span.live.black { font-weight:normal; color:#333;}
span.togglemobile { display:none; }
td.togglemobile,th.togglemobile { display:table-cell; }
.sidebar .nav-item .nav-link { padding:0.5rem 1rem; }
.sidebar .sidebar-heading { margin-top:1rem; }
.sidebar hr.sidebar-divider { margin-top: 0.5rem; margin-bottom:0.5rem; }
table.players .matches span.goals,
table.players .personName span.personClub  {
    display:none;
}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 768px) {
    .container-fluid {
        padding-left:0.5rem !important;
        padding-right:0.5rem !important;}
    .card-ticker { padding-left:0; padding-right:0;}
    .card-ticker iframe { width:133%; transform:scale(0.75);margin-left:-16.5%;margin-top:-100px;}

   table.players .exclusions,
   table.players .ame,
   table.players .captain,
   table.players .personClub {
       display:none;
   }
    table.players .personName span.personClub  {
        display:block;
    }
    .liveMatches span.live_matchTime,
    .liveMatches span.live_leagueName,
    .liveMatches span.live_matchLocation {
        display:inline-table;
    }
    .liveMatches td.live_matchTime,
    .liveMatches td.live_leagueName,
    .liveMatches td.live_matchLocation,
    .liveMatches th.live_matchTime,
    .liveMatches th.live_leagueName,
    .liveMatches th.live_matchLocation
    {
        display:none;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.5rem 0.3rem !important;
    }
    span.togglemobile { display:inline; }
    td.togglemobile { display:none; }
    th.togglemobile { display:none; }
}