body{margin:0;font-size:14px;color:#000000;font-family:'Open sans',sans-serif;font-weight:400; background: #fff; padding: 10px;}
a {text-decoration: none;}
a {color:#318223;}
a:hover {color:#1a3c0a;}

span[class^="condition"] {background: #000; border-radius: 50%; width:10px; height: 10px; display: inline-block;margin-right: 2px;}
span.condition-3{background:#21F200;}
span.condition-1{background:#FFD800;}
span.condition-0{background:#F21600;}

/* TABLES */
.awans{background-color:#e6ffe6;}
.spadek{background-color:#fde4e4;}
.baraz_a{background-color:#e6faff;}
.baraz_s{background-color:#fdfde4;}

p.table_title {font-size:20px; margin:0 0 18px 0;font-weight:bold;}
table{border:1px solid #eaeaea;border-collapse:collapse;font-size:14px;width:100%;}
.table-responsive table {margin-bottom: 0;}
.table-responsive {margin-bottom: 30px;}
table tfoot td {line-height:1.5;padding:7px;background:#f2f2f2;}
table tbody tr[class=""]:nth-child(even){background:#FDFDFD;}
table th {
    background: #318223;padding:11px 0px;color:#fff;font-weight:600;border:1px solid #318223;}
table td {
    border:1px solid #eaeaea;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

table.statystyki {overflow: hidden;}
table.statystyki tbody td:nth-child(n+3):nth-child(-n+10) {text-align: center;}
table.statystyki th:first-child, table.shooters th:first-child  {width:10px;}
table.statystyki tbody td:first-child {color: #5F5F5F;text-align: center;}
table.statystyki tbody td, table thead th {position: relative;}
table.statystyki tbody tr:hover {
    background-color: #f9f9f9;
}


table.match thead th:first-child{text-align:left;padding-left:10px;border-right:0;}
table.match thead th:last-child{text-align:right;padding-right:10px;border-left:0;}
table.match tbody td:first-child{min-width:45px;text-align:center;}
table.match tbody td:nth-child(2), table.match tbody td:nth-child(4) {text-align:right;border-right:0;width:50%;}
table.match tbody td:nth-child(3) {text-align:center;border-left:0;border-right:0;min-width:70px; width:70px;color:#318223;}
table.match tbody td:nth-child(4) {text-align:left;border-left:0;width:50%;}
table.match tbody td:last-child {width:20px;}
table.match {margin-bottom: 20px;}

p.copyrights {
    background: #318223;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    float: right;
    margin: 2px 0 0 0;
}
p.copyrights a {color: #FFFFFF;}
p.copyrights a:hover {color: #FFFFFF;}

@media all and (max-width:600px) {
    table td, table th {
        padding: 5px 2px;
        font-size: 12px;
        word-wrap: break-word;
        line-height: 1.5;
    }

    table.statystyki thead th:nth-child(10),
    table.statystyki tbody td:nth-child(10) {
        display: none;
    }

}


.match_info {line-height:1.5;text-align:center;}
.host, .guest {position: relative;}
.host:after{content:"-" !important;right:-10px;position:absolute;font-size:50px;top:45px;color:#318223;}
.header_match {min-height:150px;}
.header_match  img{position:absolute;top:15px;max-width:100px; max-height: 100px;}
.points{font-size:50px;font-weight:bold;position:absolute;top:50px;color:#318223;}
.teamName {font-size:20px !important;text-align:center;color:#333;margin-top:60px;padding:0 100px;}
.gust .teamName {text-align: left;}
.host .points{right:15px;}
.guest .points{left:15px;}
.host img{left:0;}
.guest img{right:0;}
.arms {text-align: center;padding: 20px 0;}

.row .col-6 {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

table.match_table p {display:inline-block;margin:10px;font-size:16px;}
table.match_table td{border:0;border-bottom:1px solid #eaeaea; padding: 0 8px;}
table.match_table tbody td:first-child, table.match_table tbody tr td:last-child {text-align:center;font-size:18px;font-weight:bold;color:#333;width:40px;min-width:40px;}
table.match_table tbody td:nth-child(3) {min-width:40px;text-align:center;font-size:18px;font-weight:bold;color:#524848;white-space:nowrap; padding: 10 0px;}
table.match_table tbody td:nth-child(2), table.match_table tbody tr td:nth-child(4) {width:50%;text-align:right;}
table.match_table tbody td:nth-child(2) {text-align:left;}

@media all and (max-width:700px){
    .host img{width:60px;left:35%;margin-left:-30px;}
    .guest img{margin-left:-30px;width:60px;left:65%;}
    .points {top:28px;}
    .host:after {top:23px;}
    .teamName {margin-top:115px;padding:0 10px;}
}

@media all and (max-width:600px){
    table {min-width:calc(100% + 30px);margin-left:-15px;}
    table td, table th{padding: 5px 2px;font-size:12px;word-wrap:break-word;line-height:1.5;}
    table.match_table p {display:inline-block;font-size:11px;margin:2px 0;}
    table.match_table tbody td:first-child, table.match_table tbody tr td:last-child {
        font-size: 12px;
    }
}

@media all and (max-width:420px){
    table.match_table tbody td:first-child, table.match_table tbody tr td:last-child {font-size: 16px;
        width: 30px;
        min-width: 30px;
        padding: 0;
    }

    table.match_table tbody td:nth-child(3) {font-size: 15px;
        width: 30px;
        min-width: 30px;
        padding: 2px;
    }


    .match_table .comment {font-size: 11px;padding: 0px;}
}

@media all and (max-width:350px){
    .teamName {font-size: 16px !important;}
    .points {font-size:37px;}
    .host:after{top:17px;}
}

table.statystyki {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

table.statystyki tbody td:nth-child(2) a {
    color: #318223;
    font-weight: normal;
    display: inline-block;
    padding-left: 4px;
}

table.statystyki thead th:first-child {
    border-top-left-radius: 6px;
}
table.statystyki thead th:last-child {
    border-top-right-radius: 6px;
}

table.statystyki tbody tr td {
    color: #333;
}