/* fonts */
body {
   font-family: Roobert, serif;
}

@font-face {
   font-family: Roobert;
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local("Roobert Regular"),url(https://s.regiogroei.cloud/fonts/Roobert/Roobert-Regular.woff)format("woff")
}

@font-face {
   font-family: Roobert;
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: local("Roobert Bold"),url(https://s.regiogroei.cloud/fonts/Roobert/Roobert-Bold.woff)format("woff")
}


h1, h2 {
    margin: 0;
    padding: 0px 0px 10px 0px;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#indexHeader {
    font-size: 17pt;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: white;
    background-color: #F8a545;
    background: -webkit-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -o-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -moz-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    text-shadow: 0px 0px 4px black;
}

#sportmenu, #archief {
    text-align: center;
}

#sportIndex {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.index_sport {
    padding: 10px;
    font-weight: bold;
}

#sportIndex li:hover {
    cursor: pointer;
}

.index_sport {
    display: none;
    font-size: 15pt;
}

.index_groep {
    display: none;
    font-size: 13pt;
}

.index_klasse {
    font-size: 13pt;
}

tr.even, .sportKlasse.even {
    background-color: #ddd;
}

tr.oneven, .sportKlasse.oneven {
    background-color: #fff;
}

.sportKlasse > a {
    display: block;
    padding: 10px 0px;
}

#sportKlasse {
    margin: 0 auto;
    padding-top: 10px;
}

    #sportKlasse tr.uitslag td.home {
        padding-left: 10px;
    }

    #sportKlasse tr.uitslag td.score {
        padding-right: 10px;
        text-align: right;
    }

#klasseInfo, .klasseHeader {
    text-align: center;
}

.klasseHeader {
    padding-top: 10px;
    font-size: 11pt;
    font-weight: bold;
}

.sportNavBack {
    height: 50px;
    line-height: 50px;
    background-color: gray;
    color: white;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 0px 4px black;
}

#sportNavBack > a {
    display: block;
}

.sportContainer {
    margin: 0 auto;
    width: 98%;
    padding-top: 10px;
}

    .sportContainer h1 {
        text-align: center;
    }

.uitslagenTabel, #standenTabel {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

    .uitslagenTabel td {
        height: 25px;
        font-size: 9pt;
        text-align: center;
    }

        .uitslagenTabel td.titel {
            text-align: left;
        }


    .uitslagenTabel tr.datum {
        font-weight: bold;
        font-size: 13pt;
        height: 40px;
    }

    .uitslagenTabel td.team {
        text-align: left;
    }

td.overijssel {
    font-weight: bold;
}

.uitslagenTabel td.separator {
    width: 20px;
}

.uitslagenTabel tr.opmerking {
    font-style: italic;
}

    .uitslagenTabel tr.opmerking > td {
        padding-bottom: 10px;
    }

.opmerking {
    padding-top: 0px !important;
}

#standenHeader {
    border-bottom: 1px solid black;
}

th.teamOverijssel {
    text-decoration: underline;
    font-weight: normal !important;
}

.leftAlignStatistiek {
    text-align: left !important;
    padding-left: 7px !important;
}

#standenTabel {
    /*margin-top: 10px;*/
    background-color: #F8a545;
    background: -webkit-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -o-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -moz-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
}

    #standenTabel th {
        font-size: 9pt;
    }

    #standenTabel td {
        height: 25px;
        font-size: 9pt;
        text-align: center;
    }

        #standenTabel td.team, #standenTabel th.team {
            text-align: left;
        }

    #standenTabel th.number, #standenTabel th.rank {
        width: 22px;
    }

    #standenTabel tr:nth-child(2n+3) {
        background-color: #ddd;
    }

#annotations {
    margin-top: 10px;
    padding: 5px;
}

.annotation {
    font-size: 9pt;
}

td.team > sup {
    font-weight: normal;
}

.weken {
    margin: 0 auto;
    width: 250px;
}

    .weken a {
        font-size: 30px;
    }

.ui-widget {
    font-size: 12pt !important;
    text-align: center !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: center !important;
}

#plaatsTitel {
    display: inline-block;
    float: right;
}

.titel {
    color: white;
    padding: 5px;
    background-color: #F8a545;
    background: -webkit-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -o-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -moz-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
}

#naamTitel {
    font-size: 14pt;
    display: inline-block;
    margin-bottom: 30px;
}

#divSportUitslag th {
    font-weight: normal !important;
}

.klasseTitel {
    font-weight: bold;
    text-align: left !important;
    padding-left: 5px;
    background-color: #DDD;
    height: 30px !important;
    font-size: 10pt !important;
}

.seperator {
    background-color: #F8a545;
    background: -webkit-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -o-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: -moz-linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    background: linear-gradient(90deg, #d95b24, #F8a545, #ffca00);
    height: 3px;
}

/*nieuw*/
[ng-click] {
    cursor: pointer;
}

    [ng-click]:hover {
        color: #d95b24 !important;
    }

.sportHeader a:link, .sportHeader a:hover, .sportHeader a:visited, .sportHeader a:active {
    color: white !important;
}


.tblStand {
    width: 100%;
    border-collapse: collapse;
}

.teamOverijssel {
    font-weight: bold;
}

.tblStand td a:link, .tblStand td a, .tblStand td a:visited, .tblStand td a:active {
    color: black;
}

.tblStand .tblStand td a:hover {
    color: #d95b24 !important;
}

.datumHeader {
    font-family: "Roobert" !important;
    color: #cc6633 !important;
    font-size: 15px;
    text-align: center;
    background-color: #F1F1F1 !important;
    padding: 2px !important;
}

.sportHeader {
    background: #d95b24; /* Old browsers */
    background: -moz-linear-gradient(left, #d95b24 0%, #f8a545 50%, #ffca00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d95b24), color-stop(50%,#f8a545), color-stop(100%,#ffca00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* IE10+ */
    background: linear-gradient(to right, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* W3C */
    font-family: "Roobert";
    text-align: center !important;
    font-size: 20px;
    height: 26px;
    color: white;
}

.noBorder {
    border-bottom: none !important;
}

#sportmenu {
    border: #E4E4E4 solid 1px;
    border-bottom: none;
}

    #sportmenu > li, #archief > li {
        font-family: "Roobert";
        font-size: 20px;
        cursor: pointer !important;
    }

    #sportmenu img, #archief img {
        padding-right: 3px;
        padding-top: 4px;
    }

    #sportmenu > li > ul > li > ul > li {
        font-family: Arial;
    }

.groep img, #archief img {
    float: right;
}

#sportmenu > li ul {
    display: none;
}

#sportmenu > li > ul > li > div {
    background-color: #F1F1F1;
}

#sportmenu > li > ul > li > ul > li > div {
    font-weight: normal;
    font-size: 16px;
    background-color: #F1F1F1;
}

#sportmenu div, #archief div {
    border-bottom: 1px solid #E4E4E4;
    padding-top: 16px;
    height: 42px;
}

#sportmenu a:link, #sportmenu a:visited, #sportmenu a:active {
    color: black;
    width: 100% !important;
    display: block;
}

#sportmenu .selected {
    color: #d95b24 !important;
}

#sportmenu .selected {
    color: #d95b24 !important;
}

.groep > .selected {
    background: url("/images/sport/DropDownMiddel.png") no-repeat 13px;
    background-position: right 20px top 22px;
}
.no-padding  td{
  padding: 0px !important;
} 
.sportuitslagHeader {
    font-family: Roobert;
    background: #d95b24; /* Old browsers */
    background: -moz-linear-gradient(left, #d95b24 0%, #f8a545 50%, #ffca00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d95b24), color-stop(50%,#f8a545), color-stop(100%,#ffca00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* IE10+ */
    background: linear-gradient(to right, #d95b24 0%,#f8a545 50%,#ffca00 100%); /* W3C */
    font-size: 23px !important;
    color: white;
    min-height: 50px;
   /*margin-bottom: 10px;*/
    padding: 10px;
    font-weight: normal !important;
    padding-top: 10px;
    overflow: auto;
}

.subgroep {
    font-size: 18px !important;
}


.groep > div {
    background: url("/images/sport/Pijltje Rechts.png") no-repeat 13px;
    background-position: right 20px top 22px;
}

.subgroep > .selected {
    background: url("/images/sport/DropDownMiddel.png") no-repeat 13px;
}

.subgroep > div {
    background: url("/images/sport/Pijltje Rechts.png") no-repeat 13px;
}


#archief > li > ul {
    display: none;
}

#archief {
    margin-top: 10px;
    border: #E4E4E4 solid 1px;
    border-bottom: none;
}

.seizoenHeader {
    text-align: center;
    padding-bottom: 3px;
    font-size: 15px;
}

.weekbutton, .weeknummer {
    display: inline-block;
}

.weekbutton {
    vertical-align: bottom;
}

.weeknummer {
    vertical-align: middle;
    padding-bottom: 3px;
}

.seizoenSwitcher {
    text-align: center;
    font-family: Roobert;
    font-size: 20px;
    margin: 3px;
}

.number {
    text-align: center;
}

.tblStand tr {
    border-bottom: 1px solid #E4E4E4;
}

.tblStand td {
    font-size: 12px;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#archief {
    margin-bottom: 30px;
}

tbody.witregel::before {
    content: '';
    display: block;
    height: 21px;
}

.seasonTitel {
    font-size: 18px !important;
}

.SpelerPasPoort {
    position: relative;

    text-align: left;
}

.SpelerPasPoort {
    position: relative;
    text-align: left;
}
.top3 {
    display: inline-block;
    position: relative;
}

.top3 img {
    width: 80px;

}


    .top3 > .metric:last-child {
        right: 0px;
    }
 .top3 > .metric {
    font-size: 20px;
    position: absolute;
    color: rgb(217, 91, 36);
    bottom: 0px;
    right: 60px;
    width: 25px;
    height: 25px;
    text-align: center;
    background-color: white;
    border-radius: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(233, 229, 228);
    border-image: initial;
}
.sportHeader.smaller{
    height:15px;
}

    .SpelerPasPoort img {
        border-radius: 50%;
        border: 5px solid #E9E5E4;
    }

.SpelerInfo {
    position: absolute;
    top: 0px;
    right: 25px;
    text-align: right;
}

.SpelerStatistiekSummary {
    display: inline-block;
    float: right;
    font-size: 13px;
}

.SpelerStatistiek {
    background: #FFFFFF;
    display: block;
    width: 90px;
    text-align: center;
    padding-bottom: 5px;
}
.witregel{
    margin-bottom: 21px;
}

.SpelerStatistiekWaarde {
    color: #d95b24;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

.SpelerStatistiekNaam {
    color: #000000;
    font-size: 14px;
    display: inline-block;
}

.SpelerStatistiekSummary td {
    font-weight: bold;
    color: #d95b24;
    padding-right: 50px;
    ;
}
.SpelerStatistiekSummary th{
    padding-left:10px;
}

.SpelerStatistiekSummary table {
    width: 200px;
}

.SpelerStatistiekSummary .naam {
    background: #F1F1F1;
    color: #d95b24;
}