@media ( min-width: 20em ) {

}

/* colors 
Dark background: #3388cc
Light background (button): #e0f5fd
Medium background (button hover/active): #bbe9fa
in between: #b1dcf4
Light'er' background: #fdfeff
highlight: #eb2f8d (pink)

start of gradient: #e0f5fd
end gradient: #fff
*/
body {
/*   background: -webkit-linear-gradient(top, #e0f5fd 0%, #fff 100%);*/
}
div.ui-page {
   /*background: -webkit-linear-gradient(top, #e0f5fd 0%, #fff 100%);*/
   background-color: #e0f5fd;
   max-width: 700px;
   margin: auto;
}

h3.ui-bar {
	margin-block-start: 0.3em;
	margin-block-end: 0.3em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

div#standenHKDiv {
	border: solid 1px black;
	padding: 0px;
}

h3.left_header {
	text-align:left !important;
	margin-left: 20px !important;
}
table.standen_table th {
	background-color: #00b5f3;
	color: #fff;
	text-shadow: none;
}
table.standen_table tr:nth-child(even) {
	background-color: #e0f5fd;
}
table.standen_table tr:nth-child(odd) {
	background-color: #fdfeff;
}
tr.stand_selected {
	font-weight: bold;
}

div#schemaHKDiv { 
	border: solid 1px black;
	padding: 0px;
	margin-top: 16px;
}

td.schema_selected {
	font-weight: bold;
}

table.schema_table th {
	background-color: #00b5f3;
	color: #fff;
	text-shadow: none;

}

table.schema_table tbody {
	font-size: 0.8em;
	background-color: #e0f5fd;
}
table.schema_table tr.even {
	background-color: #fdfeff;
}
table.schema_table tr.divider {
	background-color: #00b5f3;
}

table.schema_table td {
	vertical-align: middle;
}

.ui-table-columntoggle-btn {
	display:none;
}

.schema_table tr td {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

td.center {
	text-align: center;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

td.right {
	text-align: right;
}

td.red {
	color: red;
	font-weight: bold;	
}
tr.outcomes td {
	padding-top: 0px;
	padding-bottom: 0px;
}
tr.empty td {
	line-height: 13px;
}

span.punten {
	font-size: 1em;
	font-weight: normal;
	padding-left: 10px;
}

span.team, h2.team {
	font-weight: normal !important;
	white-space: normal !important;
	font-size:14px;
}
span.grey {
	color: gray;
}
span.highlight {
	white-space: normal;
	border-bottom: 2px #eb2f8d solid;
	font-size:14px;
}
p.highlight {
	font-weight: bold !important;
	border-bottom: 2px #eb2f8d solid;
}
h2.highlight {
	white-space: normal !important;
	font-weight: bold !important;
	text-decoration: underline;
    text-decoration-color: #eb2f8d;
}

#reload {
	background-color: #eb2f8d!important;
	border-radius: 200px!important;
	-webkit-border-radius: 200px!important;
	box-shadow: none;
}
#chooseteam {
	background-color: #eb2f8d!important;
	border-radius: 200px!important;
	-webkit-border-radius: 200px!important;
	box-shadow: none;
	font-size: 13px;
	font-family: Oswald;
	letter-spacing: 1.2px;
	font-weight: 500;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	top: 7.35px;
}
.remove_nieuws {
	background-color: #eb2f8d!important;
	border-radius: 200px!important;
	-webkit-border-radius: 200px!important;
	box-shadow: none;
	width:20px;
	height:20px;
	float:right;
	margin:0px;
}

p.ui-block-d, p.ui-block-a {
	margin: 0px !important;
}

ul#upcoming li h3.team {
	margin: 0px;
}

ul#upcoming p.ui-li-aside {
	top:0px;
	right: 50px;
}
li.match-header {
	padding: 0px 32px !important;
}

ul#upcoming .ui-grid-a .ui-block-a {
	padding-bottom:5px;
}
ul#upcoming .ui-grid-a .ui-block-b {
	padding-left: 0.5em;
}

ul#upcoming .ui-grid-c .ui-block-a {
	width: 40%;
}
ul#upcoming .ui-grid-c .ui-block-b {
	padding-right: 0.5em;
	font-size: 1em;
	width: 10%;
}
ul#upcoming .ui-grid-c .ui-block-c {
	padding-left: 0.5em;
	font-size: 1em;
	width: 10%;
}
ul#upcoming .ui-grid-c .ui-block-d {
	width: 40%;
}

ul#upcoming .ui-grid-c p {
	margin: 0px !important;
}

.ui-grid-a.standen .ui-block-a.standen {
	width:75%;
}
.ui-grid-a.standen .ui-block-b.standen {
	width:25%;
}

li[data-role="list-divider"].standen {
	white-space: unset;
}

div.wedstrijden {
	text-align: right;
}
h3.punten {
	text-align: right;
	font-weight: normal !important;
}
div.punten {
	text-align: right;
}
h3.highlight {
	text-align: right;
}
.logo .ui-title {
	margin: 0 auto !important;
	width: 100% !important;
}
.ui-header .ui-title {
	margin: 0 10% 0 30%;
	white-space: unset;
	position:absolute;
	top: 0;
	font-family: Oswald;
	font-weight: normal;
}
.ui-header {
	border-bottom: 0px;
}
.ui-footer .ui-title {
	padding-top: 5px;
	padding-bottom: 0px;
	font-family: Oswald;
	font-weight: normal;
	font-size: 14px;
    height: 35px;
}
.ui-footer span {
    width: 100%;
    text-align: center;
    display: block;
    font-weight: normal;
	font-size: 12px;
}
#padding {
	padding-bottom: 20px;
	text-align: center;
	font-family: Oswald;
	text-decoration: underline;
	text-decoration-color: #eb2f8d;
}

div.vector-wrap {
	height: 43.2px;
}
div.vector-wrap svg.vector-divider{
	fill: #e0f5fd;
	width:100%;
	height: 43.2px;
}
svg.vector-divider path:nth-child(1) {
	opacity: 0.15;
}
svg.vector-divider path:nth-child(2) {
	opacity: 0.3;
}

div.nectar-vector-container {
	position: relative;
	margin: -1em;
	padding: 0px;
}
div.nectar-vector-wrap {
	height: 25px;
	width:100%;
	position: absolute;
	top: 0px;
}
div.nectar-vector-wrap[data-position="top"] {
	transform: rotate(180deg);
}
div.nectar-vector-wrap[data-position="bottom"] svg.nectar-divider {
	
}
div.nectar-vector-wrap svg.nectar-divider {
	fill: #e0f5fd;
	width:100%;
	height: 25px;
}
svg.nectar-divider path:nth-child(1) {
	opacity: 0.1;
}
svg.nectar-divider path:nth-child(2) {
	opacity: 0.12;
}
svg.nectar-divider path:nth-child(3) {
	opacity: 0.18;
}
svg.nectar-divider path:nth-child(4) {
	opacity: 0.33;
}

div.nectar-vector-bg {
	background-color: #b1dcf4;
	height:25px;
}

div.nectar-vector-container + ul {
	margin-top: 16px !important; /* undo the -1em margin*/
}

div.nectar-vector-container.bottom {
	margin-bottom: 0px;
}

ul#upcoming li.match {
	padding-top: 1em;
	padding-left: 32px;
	padding-bottom: 1.3em;
    background: none;
}

ul#upcoming li.empty {
	padding: 0em;
}

#upcoming.ui-listview>.ui-li-divider:not([data-theme="b"]) {
	margin-bottom:20px;
	background-color: #73c9ed;
}
#upcoming.ui-listview>.ui-li-divider {
	border-top: 0px;
	background-color: #b1dcf4;
	font-family: Oswald;
	font-weight: 500;
	color: black;
	text-shadow: none;
	font-size:20px;
	padding: 5px 32px;
}
#upcoming.ui-listview>.ui-li-divider.match-header {
	font-size:16px;
	font-weight: normal;
	padding: 0.1em 0.4em;
}

#upcoming.ui-listview>.ui-li-divider.match-header p{
	font-size:16px;
	font-weight: normal;
	padding: 0.1em 0.4em;
}

.ui-navbar li .ui-btn {
	font-size: 15px;
	font-family: Oswald;
	font-weight: 500;
	padding-top: 1em;
	padding-bottom: 1em;
}

#upcoming.ui-listview>.ui-li-static.wrap {
	white-space: wrap;
}

#upcoming.ui-listview>.ui-li-static.ui-last-child {
	border-bottom: 20px #b1dcf4 solid;
}

#upcoming .ui-body-c {
	padding-top: 0px;
	padding-bottom: 0px;
	background:none;
	padding-left: 32px;
	padding-right: 32px;
}

.ui-content-lower {
	padding-top:65px;
}
h1 img {
	height:100px;
}

#teamslist h3 {
	text-align: center;
}
p.scheids {
	width: auto !important;
	float: left !important;
}
span.right {
	float: right;
	padding-right: 40px;
}