
.selcourse p {margin-bottom:10px;}
.selcourse a {
	display:block;
	font-size:17px;
}
.selcourse a:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
	content:'\f105';
	padding-right:10px;
}

.btns-selcourse {margin-bottom:20px;}
.btns-selcourse a {display:inline-block; min-width:200px; text-align:center; padding:8px 30px; margin-bottom:10px; margin-right:20px;}
.btns-selcourse a,
.btns-selcourse a:visited,
.btns-selcourse a:focus {color:#fff; background-color:#555;}
.btns-selcourse a:hover {color:#fff; background-color:#777;}
.btns-selcourse a:last-child {margin-right:0;}
.btns-selcourse.center a {margin-right:10px; margin-left:10px;}

/* ======== UTSLAG ======== */

.tee-1	{background-color:#cfd1cd;}
.tee-2	{background-color:#dbded9;}
.tee-3	{background-color:#e8ebe6;}
.tee-4	{background-color:#f4f7f2;}
.tee-5	{background-color:#f7faf5;}
.tee-6	{background-color:#f7faf5;}
.tee-7	{background-color:#f7faf5;}

/* ========== SCORE =========== */

.scceag   {background: #FEBA5F;}
.sccbir   {background: #ffa391;}
.sccpar   {background: #D3EAC3;}
.sccbog   {background: #B0C7E8;}
.sccdob   {background: #6d97d7;}
.sccoth   {background: #BC60DC;}

.scctot-minus {color:#bb0000;}
.scctot-par {color:#009900;}
.scctot-plus {color:#3361cb;}

/* ========== ECLECTIC =========== */

.eclboard-heading {background:#e5e5e5; text-align:center; padding:10px 0;}
table.eclectic {width:100%; border-collapse:separate; border-spacing:1px; position:relative;}

table.eclectic tr th,
table.eclectic tr td {width:4%; display:table-cell; vertical-align:middle; text-align:center; font-size:14px; line-height:23px; padding:0;}

table.eclectic tr th {font-weight:normal;}
table.eclectic tr td.ecl-name {padding-top:15px; text-align:left;}
table.eclectic tr td.ecl-name a {font-size:15px; font-weight:bold;}
table.eclectic tr td.ecl-tot {width:10%; background:#e5e5e5; font-weight:bold; text-align:center;}
/* Sticky header - http://css-tricks.com/persistent-headers/ */
.floatingHeader {position:fixed; top:60px; visibility:hidden; margin-left:-1px; background-color:#fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.eclboard-heading,
table.eclectic tr td.ecl-tot,
table.eclectic tr th {background-image: linear-gradient(#e5e5e5, #d5d5d5);}

a.ecl_win {display:none;}

@media only screen and (max-width: 991px) {
	.floatingHeader {top:0;}
}
@media only screen and (max-width: 767px) {
	a.ecl_win {display:block;}
	table.eclectic tr td.ecl-name {padding-top:5px;}
	table.eclectic tr td.ecl-name a {font-size:13px;}
	table.eclectic tr th,
	table.eclectic tr td {font-size:12px; line-height:19px;}
}

/* ========== SCORECARD/SLOPETAB =========== */

table.scorecard {width:100%; background-color:#eee; border-right:1px solid #bbb; border-top:1px solid #bbb;}
table.scorecard.first {width:91.666666%}
table.scorecard th {font-weight:600;}
table.scorecard th,
table.scorecard td {width:7.333333%;text-align:center; border-left:1px solid #bbb; border-bottom:1px solid #bbb;}

table.scorecard.portrait {max-width:480px;}
table.scorecard th.scc-name,
table.scorecard td.scc-name {background:#fff; text-align:left; white-space:nowrap;}

.scc-hole {font-weight:600;}
.scc-par    {background:#fff;}
/*
.scc-ind	{background:#fff;}
.scc-ms		{background-color:#fff; font-size:12px; color:#007700;}
.scc-fill	{background-color:#f1f1f1; font-weight:bold;}
.scc-points	{background-color:#fff;}
*/
.seltees {width:auto; margin:0 auto; text-align:center;}
.seltees li {display:inline-block;}

a.seltee {
	display:block;
	text-align:center;
	margin-right:15px;
	margin-bottom:15px;
}
.num a.seltee {
	width:50px;
	font-size:25px;
	line-height:50px;
	border-radius: 50%;
    background-color:#e0e0e0;
}
.num .thistee {
	width:75px;
	line-height:75px;
	font-size:39px;
	text-align:center;
	color:#fff;
	background-color:#747573;
	margin-left:15px;
	border-radius: 50%;
	margin:0 auto 30px auto; 
}
.seltees li:last-child a {margin-right:0;}

.col a.seltee {
	color:#000;
	background-color:#eeeeee;
	line-height:40px;
	width:100px;
	border-radius:5px;
}
.thistee.sort,	.col a.seltee.sort {background-color:#4a4a4a;}
.thistee.hvit,	.col a.seltee.hvit {background-color:#f9f9f9; border:1px solid #e5e5e5;}
.thistee.gul,	.col a.seltee.gul {background-color:#fff09c;}
.thistee.bla,	.col a.seltee.bla {background-color:#9cceff;}
.thistee.rod,	.col a.seltee.rod {background-color:#ff9c9c;}
.thistee.brun,	.col a.seltee.brun {background-color:#cea696;}
.thistee.gronn,	.col a.seltee.gronn {background-color:#c1eaa8;}
.thistee.oransje, .col a.seltee.oransje {background-color:#ffd29c;}

.col .thistee {
	width:100%;
	border:1px solid #999;
	line-height:40px;
	text-align:center;
	margin:0 auto 30px auto; 
}
.slopetab {
	width:260px;
	max-width:100%;
	border:1px solid #e0e0e0;
	margin:0 auto 20px auto;
}
.slopetab.gents,
.slopetab.ladies {background-color:#f9f9f9;}
.slopetab td {text-align:center; border-top:1px solid #e0e0e0; padding:3px;}
.slopetab tr:first-child td {border-top:0;}
.slopetab td h4 {text-align:center; font-size:18px; margin:10px auto;}

@media only screen and (max-width: 767px) {

    .btns-selcourse {text-align:left;}
    .btns-selcourse a {width:calc(50% - 10px); min-width:auto; margin-right:10px; margin-bottom:10px;}
    .btns-selcourse.center a {width:calc(50% - 10px); margin-right:5px; margin-left:5px;}


	.selcourse {margin-bottom:15px;}
	.selcourse a {display:block; margin-right:0;}
    table.scorecard th.scc-name,
    table.scorecard td.scc-name {display:none;}
	.num a.seltee {
		width:35px;
		font-size:19px;
		line-height:35px;
		margin-right:10px;
	}
	.thistee {margin-bottom:30px;}
	.col a.seltee {
		width:80px;
	}

}

/* ========== COURSE GUIDE =========== */

.courseguide-thumb {width: 30.3333%; position: relative; margin:0 1.5% 3% 1.5%; float: left;}
.courseguide-thumb img {background-color:#fff; padding:3%;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

#selhole .chars  {width:90%; float:left;}
#selhole .chars ul li {width:10.66666%;}
#selhole .chars ul li a {padding:7px 0;}
#selhole .chars ul li.b {clear:left;}

#selhole .holenav {width:10%; float:right;}
.holenav a {display:block; font-size:18px; text-align:center; padding:7px 0; margin-bottom:1px;}


