/*==============================================
[Main stylesheet style.css]

Author:	SINDEVO.COM - Smart Internet Development
Version:	2.1
Created:	10 April 2015
Last updated:	12 September 2015
Template:	Mobix - Mobile Web APP Template
================================================*/
/*
[Table of Contents]

1. RESET
2. GENERAL
3. CUSTOM BUTTONS
4. LEFT AND RIGHT SLIDE PANELS
    4-1. LEFT SLIDE PANEL
	4-2. RIGHT SLIDE PANEL
5. MAIN NAVIGATION POPUP AND FOOTER TOOLBAR
	5-1. MAIN NAVIGATION
	5-2. FOOTER TOOLBAR
6. HOME PAGE LAYOUT
    6-1. HOME PAGE WITH SLIDER
7. PAGES LAYOUT
    7-1. PAGES HEADER
8. FEATURED LISTS
9. POPUPS
10. PHOTO GALLERY
11. BLOG LAYOUT
12. FORMS
	12-1. CONTACT FORM
	12-2. LOGIN / SIGNUP / FORGOT PASS FORM
	12-3. COMMENT FORM
13. TABS & ACCORDION
14. MEDIA QUERIES
    - @media screen and (max-width: 480px)
*/
/*===============================================*/
/* 1. RESET		 						 */
/*===============================================*/
@import "css/reset.css";

/*===============================================*/
/* 2. GENERAL		 						 */
/*===============================================*/
html,
body {
position: relative;
height: 100%;
width: 100%;
overflow-x: hidden;
}

::-webkit-scrollbar {
display: none;
}

.mutdat {
     font-size: 12px;
}

img{
 width: 100% ;
}
.kleinevlag img{
    width: 25px;
}

.keeperlabel {
    font-size: 1.8em;
    padding: 20px;
}


/* Opstelling nieuw*/

            /*   div waar binnen alles gebeurt */
#alldivs{
  margin: auto;
  width:350px;
  min-height: 580px;
  text-align: center; 
  background: url(images/veld350.jpeg) no-repeat center center scroll !important; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

            /* teamlid namen onder het shirt*/
.onderaan{
    margin-top: 40px !important;
    font-weight: bold !important;
    font-size: 10px !important;
    color: Yellow;
}

form#teamleden {
    margin-left: 10px;
    margin-right: 10px;
}

input.speler_keeper {
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0;
}

.buttons-row {
    margin: 20px;
}

input.speler_keeper_checkbox {
    width: 30px;
    height: 27px;
    position: absolute;
    margin-left: 15px;
}

div#opstellingaanvoerder,
div#opstellingspeler {
    font-weight: 700;
    text-align: center;
    padding-top: 6px;
}

form#Teamlidtoevoegen {
    padding: 20px;
}

div#contactdiv {
    padding: 20px;
}

.popup-opstelling_nieuw .header3 {
    width: 22%;
    float: right;
    margin-right: 10px;
}

img.savebutton {
    margin-top: 10px;
}

/* einde Opstelling nieuw*/

/* van invloed op de breedte benut op het scherm */

.page_content{
    /*width:90%; */ /* oude waarde uit sideline*/
    max-width: 414px;
    padding:0 5%;
    margin: 0px auto;
    }

/*  image naast elkaar */

.rijteamlid {
    float: right;
    width: 24px;
    padding-right: 15px;
  }
  
  /* Clear floats after image containers */
  .post_title_teamleden::after {
    content: "";
    clear: both;
    display: table;
  }


.popup.popup-statistieken_standen_tonen_overzicht.modal-in blockquote{
    border-bottom: 0px; 
}

.table_section_teamnaam_WO {
    width: 34%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    margin-right: 7px;
    font-size: 1.2em;
}

.bijgewerktot {
    font-size: 0.1px;
}

.bijgewerktot_datum {
    font-size: 0.1px;
}

.headerstandcompetitie {
    font-size: 1.6em;
    margin-top: 10px;
}

.loading {
    border: 7px solid #f3f3f3;
    border-top: 7px solid #038c00;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 2s linear infinite;
    margin: 5px 5px 5px 45%;
}

.route{
    float: right ;
}


div#reclamehome img {
    border-bottom: 2px solid #fff;
}

.form_logo1 {
    text-align: center;
    margin-bottom: -10px;
}

.registratiestap {
    text-align: center;
}

.registratiestap img {
    width: 65%;
}

.popup.popup-signup.modal-in h4 {
    font-size: 28px;
}

.popup.popup-signup.modal-in .header1 img,
.popup.popup-signup2.modal-in .header1 img,
.popup.popup-signup3.modal-in .header1 img,
.popup.popup-signup4.modal-in .header1 img {
    margin-top: 6px;
}

div#reclametraining img {
    border-bottom: 2px solid #fff;
}

div#reclametrainingaanwezigheid img {
    border-bottom: 2px solid #fff;
}

div#reclametrainingaanwezigheidopgeven img {
    border-bottom: 2px solid #fff;
}


div#reclamewedstrijden img {
    border-bottom: 2px solid #fff;
}

div#reclamewedstrijdaanwezig img {
    border-bottom: 2px solid #fff;
}

div#reclamewedstrijdenuitslag img {
    border-bottom: 2px solid #fff;
}

div#reclamewedstrijdaanwezigopgeven img {
    border-bottom: 2px solid #fff;
}


div#reclamestatistieken img {
    border-bottom: 2px solid #fff;
}

div#reclamewedstrijduitslag img {
    border-bottom: 2px solid #fff;
}

.route img{
    margin: 0 !important ;
}

.form_logo2{
    width:100%;
    text-align:center;
    margin:30px 0;
}

.form_logo2 img{
    max-width:100%;
    display:inline-block;
    margin:auto;
}

.belop{
     float: right ;
}

.belop img{
    margin: 0 !important ;
}

input.form_submit.verwijderuitswitchlijst {
    /*text-decoration: none;
    text-align: center;
    display: block;*/
    border-radius: 0;
    /*line-height: 38px;*/
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;*/
    /*background: none;*/
    /*padding: 0 10px;*/
    /*margin: 0;*/
    /*height: 40px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;*/
    /*font-size: 14px;*/
    /*font-family: inherit;
    cursor: pointer;*/
    /*color: #fff;*/
    /*border: 1px solid #fff;*/
    width: 25%;
    
       background-color: #fff;
       color: red;
       padding: 1% 2% 1% 2%;
       font-weight: 700;
       font-size: .8em;
       border: 0;
       float: right;
       margin-top: 26px;
       -webkit-appearance:button;
        -webkit-border-radius:0;
}

input.form_submit.schakelnaarteam {
    /*margin-top: 10px;*/
    width: 70% !important;
    float: left;
}

.teamlabel1 {
    margin-bottom: 10px;
    font-size: 18px;
    float: left;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body {
font-family: 'Source Sans Pro', sans-serif;
margin: 0;
padding: 0;
color: #fff;
font-size: 14px;
line-height: 1.4;
width: 100%;
-webkit-text-size-adjust: 100%;
overflow: hidden;
font-weight:400;
}


/*  ************************* RADIO button styling *****************************/


/* Create a custom radio button */

.containerCB {
  display: block !important;
  position: relative;
  padding: 12px 0px 36px 118px !important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 3.0em !important;
  font-style: normal !important;
  -webkit-user-select: none !important;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none !important;
}

/* hide default radio button */

.containerCB input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 95px;
  width: 95px;
  background-color: #eee;
  /*border-radius: 50%;*/
}

/* On mouse-over, add a grey background color */
.containerCB:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerCB input:checked ~ .checkmark {
  background-color: #fff !important;
  background: url(images/icons/checkmark.png) no-repeat center ;
  background-size: 80% ;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.containerCB:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerCB input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerCB .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
        -webkit-appearance: checkbox;
	border-radius: 50%;
	background: white;
        
}

/*  EINDE ************************* RADIO button styling *****************************/


.page_content_menu {
            position: fixed;
            overflow-y: scroll;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }


.gohome{
    vertical-align: top !important ;
    text-align: right;
}

.gohome1{
    vertical-align: top !important ;
    text-align: right;
}

.clear{
clear:both;
display:block;
}
.clearleft{
clear:both;
float:left;
display:block;
}
a {
text-decoration: none;
}
p{
padding:0px;
margin:0px;
line-height:20px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%;*/
}
.homebutton{
    float: right
}

.container{
    bottom: 0em;
    display: block ;
    width: 100%;
    position: fixed;
    padding: 0 0 0 0 ;
}

.span5 {
    width: 18% !important;
    display: inline-block;
    
}

.slotjeinbutton{
    max-width: 9%;
    float: left;
    position: absolute;
}

img.nr1{
   width: 60%;
   margin-left: 40px; 
}

img.nr2{
   width: 65%; 
}

img.nr3{
   width: 60%; 
}

img.nr4{
   width: 60%; 
   margin-left: 40px;
}

img.nr5{
   width: 65%; 
   margin-left: 40px;
}

.blurme {    
    -webkit-filter: blur(5px); 
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);    
}

label.label-radio input[type="radio"]{
	width: 100%;
    height: 3em;
    -webkit-appearance: checkbox;
    display: block;
}


.table_section_ja,
.table_section_nee{
	float: left;
  margin: .5em;
}

.JANEE {
    margin-left: 7em;
    font-size: 1.2em;
}

blockquote{
margin:5px 0 15px 0;
font-size:18px;
line-height:22px;
font-weight:700;
}
blockquote span{
display:block;
font-weight:700;
font-size:14px;
text-transform:uppercase;
line-height:22px;
}
.videocontainer{
max-width:100%;
padding:0;
display: block;
margin:0;
}
#mobile_wrap{
/*max-width:959px;*/
max-width: 414px;
max-height: 100%;
margin:auto;
}
/*===============================================*/
/* 3. CUSTOM BUTTONS */
/*===============================================*/

.content-block-login blockquote {
    padding-left: 15px;
    margin: 0;
    /* font-weight: 700; */
    padding-bottom: 10px;
    font-size: 20px;
    line-height: normal;
    margin-left: 15px;
    margin-top: 5px;
}

form#hoeveelspelers {
    text-align: center;
}

select.registratieselecttrainingsdag {
    padding: 7px !important;
    margin: 5px 12px 10px 0;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.4em !important;
    border-radius: 0;
    -webkit-appearance: none;
}

label.registratietrainingedag {
    font-size: 1.6em;
    font-weight: 700;
}

select.registratiespelersinteam{
    width: 100% !important;
    padding: 10px 0px 10px 10px !important;
    margin: 20px 0 15px 0 !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.4em !important;
    border-radius: 0;
    -webkit-appearance: none;
}

.form_input_time {
    padding: 8px 8% !important;
    padding: 10px 0px 0px 5px !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.4em !important;
    border-radius: 0; 
    -webkit-appearance: none;
}


#refresh_button a img{
    max-width: 10%;
    float: left;
    margin-right: 1em;
    position: absolute;
}

.refresh_button img{
    width: 30px;
    height: 30px;
    display: inline;
    position: absolute;
}
.refresh_button{
    float: right;
    margin-right: 20px;
}

input#statistiekenlopendseizoenbijwerken {
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
    font-size: 14px;
    padding: 10px;
    background: none;
    margin-bottom: 10px;
}

a.button_full{
width:100%;
display:inline-block;
color:#FFFFFF;
padding:10px 0;
margin:0 0 20px 0;
font-size:18px;
text-align:center;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
a.button_small{
display:inline-block;
color:#FFFFFF;
padding:10px 20px;
text-align:center;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.call_button a{
display:block;
width:100%;
margin:0;
padding:10px 0;
text-align:center;
color:#FFFFFF;
font-size:20px;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.button {
text-decoration: none;
text-align: center;
display: block;
border-radius: 5px;
line-height: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
padding: 0 10px;
margin: 0;
height:40px;
white-space: nowrap;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-family: inherit;
cursor: pointer;
}
.button.active {
color: #038c00;
}
/*===============================================*/
/* 4. LEFT AND RIGHT SLIDE PANELS */
/*===============================================*/
.panel {
z-index: 1000;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
position: absolute;
width: 280px;
top: 0;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
color:#FFFFFF;
}
.content-block {
margin: 35px 0;
padding: 0 15px;
}
.content-block-login{
margin:0 0;
padding: 0px 15px;
}

/* 4-1. LEFT SLIDE PANEL */
.user_login_info{
padding:0px;
}
.user_thumb{
width:100%;
margin:auto;
position:relative;
}
.user_thumb img{
display:block;
max-width:55%;
z-index:777;
margin-left: 18%;
}
.user_details{
  color: #038C00;
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:132px;
z-index:888;
}
.user_details p{
padding:25px 7px 0 10px;
text-align:left;
font-size:14px;
}
.user_details p span{
  display:block;
  font-size:25px;
  text-align: center;
  font-weight: 600;
  margin-top: 30%;
}
.user_social{
z-index:999;
position:absolute;
bottom:20px;
right:15px;
width:30px;
}
.user_social img{
display:block;
max-width:100%;
margin:10px 0 0 0;
}
.user-nav{
padding:30px 0 0 0px;
width:100%;
}
.user-nav ul{
width:100%;
list-style:none;
padding:0px;
margin:0px;
display:block;
}
.user-nav ul li{
width:90%;
list-style:none;
padding:5px 0 10px 0;
margin:0 0 0 5%;
display:inline-block;
text-align:center;
}
.user-nav ul li img{
display:inline-block;
max-width:10%;
float:left;
}
.user-nav ul li span{
    display: block;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
    font-size: 20px;
    font-weight: 600;
}
.user-nav ul li strong{
display:block;
float:right;
text-align:left;
margin:0 10px 0 0;
width:30px;
height:20px;
text-align:center;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
}
strong.green{
background-color:#837f07;
}
strong.blue{
background-color:#077c83;
}
.user-nav ul li a{
color:#038C00;
font-size:14px;
font-weight:300;
}

/* 4-2. RIGHT SLIDE PANEL */

.panel-right h2{
width:90%;
margin:0 5%;
padding:10px 0 10px 0;
font-size:30px;
font-weight:300;
}
.panel-right h3{
width:90%;
margin:0 5%;
padding:30px 0 10px 0;
font-size:18px;
font-weight:400;
}
.search_form{
width:90%;
margin:0 5%;
}
input.search_input{
width:80%;
padding:10px 0;
background:none;
border-bottom:1px #fff solid;
border-left:none;
border-top:none;
border-right:none;
color:#FFFFFF;
float:left;
}
input.search_submit{
width:15%;
margin:0 0 0 5%;
float:left;
}
input.search_submit img{
display:inline-block;
max-width:50%;
}
ul.popular_posts{
width:90%;
margin:0 5%;
float:left;
clear:both;
padding:0px 0 20px 0;
list-style:none;
}
ul.popular_posts li{
width:100%;
padding:10px 0;
margin:0px;
float:left;
clear:both;
list-style:none;
}
ul.popular_posts li a img{
float:left;
display:inline-block;
width:20%;
}
ul.popular_posts li span{
width:75%;
float:left;
padding:0 0 0 5%;
display:inline-block;
}
ul.popular_posts li a{
color:#FFFFFF;
}

/*===============================================*/
/* 5. MAIN NAVIGATION POPUP AND FOOTER TOOLBAR */
/*===============================================*/
/* 5-1. MAIN NAVIGATION */

.main-nav{
width:100%;
}
.main-nav ul{
width:100%;
list-style:none;
padding:0px;
margin:0px;
display:block;
}
.main-nav ul li{
width:28%;
list-style:none;
padding:0 30px 0px 20px;
margin:2%;
display:inline-block;
text-align:center;
}
.main-nav ul li img{
display:inline-block;
max-width:115%;
}
.main-nav ul li span{
display:block;
text-align:center;
padding:5px 0 0 0;
}
.main-nav ul li a{
font-size:1.2em;
color: #FFF;
}

/*5-2. FOOTER TOOLBAR */

.toolbar-inner{
  color:#038C00;
  position: absolute;
  left: 0;
  top: -5px;
  z-index:99999;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.toolbar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 125px;
  width: 100%;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  opacity:1;
}
.toolbar {
height: 100px;
}
ul.toolbar_icons{
list-style:none;
padding:0px;
margin:0px;
display: inline-block;
text-align:center;
width:100%;
}
ul.toolbar_icons li{
list-style:none;
padding:0;
display: inline-block;
text-align:center;
width:14%; margin:0 1%;
}
ul.toolbar_icons li.menuicon{
list-style:none;
padding:5.5% 1%;
display: inline-block;
text-align:center;
width:20%; margin:0 1%;
-webkit-border-radius:250px;-moz-border-radius:250px;border-radius:250px;
}
ul.toolbar_icons li img{
max-width:65%;
margin:20px 0 0 0;
}
ul.toolbar_icons li.menuicon img{
max-width:60%;
}

/*===============================================*/
/* 6. HOME PAGE LAYOUT */
/*===============================================*/

.logo{
width:100%;
height:100%;
text-align:center;
}
.logo img{
max-width:50%;
display:inline-block;
margin: auto;
position: absolute;
top: 0; left: 0; bottom:100px; right: 0;
}

.welkom{
	max-width:75%;
	display:inline-block;
	margin: auto;
	color: white;
	font-size: 24px;
	text-align: center;
}

/* 6-1. HOME PAGE WITH SLIDER */

.swiper-container {
height: 100%;
}
.swiper-slide {
width:100%;
text-align:center;
padding:0 0 0 0;
}
.slider_logo img{
max-width:50%;
}
.swiper-slide span{
text-align:center;
display:block;
margin:120px 0 10px 0;
font-size:80px;
line-height:20px;
font-weight:900;
letter-spacing:-1px;
color:#fff;
line-height:80px;
}
.swiper-slide span.subtitle{
margin:0px 0 10px 0;
font-size:40px;
font-weight:300;
letter-spacing:0px;
color:#fff;
line-height:40px;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #fff;
}
a.swiper_read_more{
color:#fff;
border:1px solid #fff;
padding:20px 30px;
text-decoration:none;
margin:20px 0 0 0;
display:inline-block;
font-size:20px;
}


/*===============================================*/
/* 7. PAGES LAYOUT */
/*===============================================*/

#pages_maincontent{
width:100%;
padding:0px 0 30px 0;
margin:0px;
position: absolute;
top: 70px;
left: 0;
right: 0;
color: white;
bottom: 0px;
overflow: scroll;
background-color: #49182d;
-webkit-overflow-scrolling: touch;
}
.post_title_teamleden_teampot {
    font-size: 1.2em;
    padding-left: 6em;
}

.page_content_menu{
max-width:414px;
min-height:100%;
/*padding:10px 5% 10% 5%;*/
margin:0;
}
h2.page_title{
width:90%;
padding:10px 5%;
font-size:24px;
font-weight:300;
margin:0;
color: white;
display:inline-block;
letter-spacing:-0.5px;
background-color:#49182d;
color:White;
}
h2.page_subtitle{
font-size:22px;
line-height:25px;
font-weight:300;
padding:0 0 10px 0;
margin:20px 0 10px 0;
display:inline-block;
letter-spacing:-0.5px;
}
#pages_maincontent h3{
font-size:16px;
font-weight:700;
margin:5px 0 20px 0;
display:block;
clear:both;
}
#pages_maincontent p{
padding:0 0 15px 0;
margin:0px;
clear:both;
}
.page_content img{
display:block;
max-width:100%;
margin: 5px 0px 0px 0;
}
.page_content ul.simple_list{
padding:0px 0 20px 10px;
margin:0px;
list-style:none;
}
.page_content ul.simple_list li{
margin:0 0 10px 0;
padding:0 0 0 20px;
background:url(images/bullet.png) no-repeat left;
}

/* 7-1. PAGES HEADER */
.navbarpages{
position: fixed;
top:0;
left:0;
width:100%;
height:70px;
}
.nav_left_logo{
float:left;
width:40%;
padding:0 0 0 5%;
}
.nav_left_logo a img{
display:inline-block;
max-width:30%;
padding:10px 0 0 0;
}
.nav_right_button{
float:right;
width:50%;
text-align:right;
}
.nav_right_button a{
display:block;
float:right;
width:40px;
padding:10px 15px 0 0;
}
.nav_right_button a img{
display:inline-block;
max-width:100%;
padding:0;
}


ul.responsive_table{
width:100%;
float:left;
clear:both;
margin:0 0 10px 0;
padding:0px;
list-style:none;
font-size: 1.3em;

}
li.table_row{
width:100%;
float:left;
clear:both;
line-height:30px;
padding:0px;
list-style:none;
margin:0 0 1px 0;
background-color: transparent;
border-bottom-right-radius: 0px!important;
border-bottom-left-radius: 0px!important;
}

.table_section_small{
width:14%;
float:left;
padding:0 0 0 0.5%;
font-size: 0.8em;/* toegevoegd 2016-5-28 om beter alles op 1 lijn te krijgen*/
}

.table_section_small_WS{
width:10%;
float:left;
padding:0 0 0 0.5%;
font-size: 1.2em;  /* toegevoegd 2016-9-04 om beter alles op 1 lijn te krijgen bij statistieken*/

}.table_section_small_WS1{
width:8%;
float:left;
padding:0 0 0 0.5%;
font-size: 10px;  /* toegevoegd 2016-9-04 om beter alles op 1 lijn te krijgen bij statistieken*/
}



.table_row_uitslag_teamleden {
    margin-top: 15%;
    list-style: none;
}

.post_title_uitslag {
    margin-left: 45%;
}

.responsive_table .table_section_small_WS1 {
    font-size: 1.2em!important;
}

.table_section_lidnaam_teamlid{
    font-size: 1.2em;
    width: 40%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 18px;
}

.table_section_lidnaam_WO {
    font-size: 1.2em;
    width: 30%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 89px;
    margin-right: 7px;
  }

.table_section_lidnaam {
    max-width: 85px;
    font-size: 1.2em;
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 11px;
}

.table_section_P{
    width:45%;
    float: left;
    padding-bottom: 15px 0 0 2%;
    font-size: 0.8em;
}

#statistieken_tonen_W .table_row,
#statistieken_tonen_Wovz .table_row {
    border-bottom: 0px;
    padding: 0px 0;
}

#statistieken_tonen_W .table_row .table_section,
#statistieken_tonen_Wovz .table_row .table_section{
    margin-right: 11px;
    font-size: 1.2em;
}

.table_section{
    width:35%;
    float: left;
    padding-bottom: 15px 0 0 2%;
    font-size: 0.8em;
}
.table_section_profiel{
width:90%;
}

li.table_row_nobottom {
    border: 0px solid #fff!important;
}

.lidnaam,
.Email,
#geboortedatum,
.geslacht,
.positie{
padding: 13px 3% !important;
width: 93% !important;
margin: 0 0 15px 0 !important;
border: 1px solid #45535d !important;
background-color: #FFFFFF !important;
color: #038C00 !important;
font-size: 1.1em !important;
}
.positie{
    -webkit-appearance: button; 
    -webkit-border-radius: 0;
}

.table_section_uitslag input{
    padding: 6px 3% !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.1em !important;
    width: 25px;
    margin: 0 14px 15px 14px !important;

}
.table_section_instellingen input{
    padding: 6px 3% !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.1em !important;
}
.table_section_wedstrijden_header{
font-weight: 700;
font-size: 0.8em;
}

#aanvang, 
#verzamel{
padding: 6px 3% !important;
margin: 0 0 15px 14px !important;
border: 1px solid #45535d !important;
background-color: #FFFFFF !important;
color: #038C00 !important;
font-size: 1.1em !important;
}

select#training1tijdregistratie,
select#trainingdag1 ,
select#trainingdag2,
select#training2tijdregistratie {
    padding: 3% 3% 3% 3% !important;
    margin: 5px 0 5px 0 !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.2em !important;
    -webkit-appearance: none;
    width: 100%;
}

#aanvangregistratie, 
#verzamelregistratie,
#wedstrijdsoortregistratie,
#thuisuitregistratie{
    padding: 3% 3% 3% 3% !important;
    margin: 5px 0 5px 0 !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.2em !important;
    -webkit-appearance: none;
    width: 100%;
}

select option:disabled { 
    color: gray; 
}

.loginform ul.responsive_table li:first-child {
    font-weight: normal;
    font-size: 1em; 
    padding-bottom: 0;
}

.loginform li.table_row {
    margin: 0;
}

.loginform .table_section_wedstrijden {
    float: none;
    margin: 0;
}

.lidnaam,
.Email,
#geboortedatum,
.geslacht,
.positie,
#aanvangtraining,
#aanvangthuiswedstrijd,
#verzamelthuiswedstrijd,
#splteamnaam,
.aanvoerder,
.woonplaats,
.telefoon,
.favclub,
.rugnummer{
width: 100% !important;
padding: 6px 3% !important;
margin: 0 0 15px 0 !important;
border: 1px solid #45535d !important;
background-color: #FFFFFF !important;
color: #038C00 !important;
font-size: 1.1em !important;
}
#submitperiode{
margin-top: 20px;
}
#wedstrijddatum,
#trainingdatum1,
#aanvangtijd,
#thuisuit{
width: 130px !important;
padding: 6px 3% !important;
margin: 0 0 15px 0 !important;
border: 1px solid #45535d !important;
background-color: #FFFFFF !important;
color: #038C00 !important;
font-size: 1.1em !important;
}

#Aanmelden2{
  font-size: 1.3em;
}

.table_section_wedstrijden_aanvoerder{
float: left;
width: 85%;
}

.table_section_wedstrijden_aanvoerder img{
float: right;
margin: 5px 20px 0 0;
width: 3%;
}

.table_section_wedstrijden_aanvoerder_aanwezig input{
display: inline-block;
width: 35px;
height: 35px;
margin-top: -4px;
}

.table_section_invoer input{
    padding: 6px 3% !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.1em !important;
    width: 25px;
    margin: 0 0 15px 0 !important;
}

.table_section_label{
  font-size: 1.3em;
}

.contactform .label-radio{
    padding: 0px 0px 0px 10px;
    font-style: normal;
}

.contactform .positie{
	padding: 13px 3% !important;
}

.contactform .label-radio .item-title{
    font-size: 20px;
    font-weight: bold;
}

.bevestigen{
  font-size: 1.8em;
  color: #000;
}

#Emaillabelgeen,
#Teamnaamlabel,
#Passwordlabel,
#Emaillabel,
#Passwordlabel1{
font-size: 1.4em;
color: #af0000;
font-style: italic;
}

.table_section_14{
width:23%;
height: 24px;
float:left;
padding:0 0 0 2%;
text-align:center;
color: white;
display:block;
white-space: nowrap;
margin-bottom: 10px;
/*font-size: 1.3em;    aangepast 2016-05-28 past anders niet in div */
}

.table_section_SW {
    width: 30%;
    height: 24px;
    float: left;
    padding: 0 0 0 2%;
    color: white;
    display: block;
    white-space: nowrap;
    margin-bottom: 10px;
}
.post_title_SW .statistiek_lidnaam{
	font-size: 25px;
}

#wijzigsettings .table_section{
    width: 100%;
    float: left;
}

.statistiek_wedstrijd_doelpunten,
.statistiek_wedstrijd_gelekaart{
margin-left: 10px;
}

.teampotjenaam {
    font-size: 1.6em;
}

button.potje_verwijder {
    background-color: #FFF;
    color: #038C00;
    font-weight: 700;
    width: 100%;
    padding: 4% 0 4% 0;
    margin: 10px 0 15px 0;
    text-align: center;
    font-size: 1.2em;
    border-radius: 5px;
    border: 0;
}

.teampotjesoort{
	padding-left: 5.6em;
	font-size: 1.6em;
	padding-top: 10px;
}


div.betaling_lid.betaald_bedrag {
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
}

.day1{
    font-size: 1.8em;
    float: left;
}

.month1{
	font-size: 1em;
}

span.day2 {
    font-size: 1.8em;
    float: left;
    margin: auto;
    width: 80%;
}

span.month2 {
    font-size: 1em;
    float: left;
}

span.month3 {
    font-size: 1em;
}

span.day3 {
    font-size: 1.8em;
    margin: auto;
    width: 80%;
}
.post_titleT {
    height: 75px;
}

.teampotjelidnaam{
	font-size: 1.2em;
	padding-top: 1em;
}
.betaling_lid.betaald {
    font-size: 1em;
}

.betaling_invoer {
    font-size: 1.2em;
    padding-top: 1em;
}

.betaling_lid_verwijder {
    float: right;
}

.euroteken {
    font-size: 3.2em;
    float: left;
}

button.betaling_lid_verwijder {
    background-color: #fff;
    color: red;
    padding: 1% 2% 1% 2%;
    font-weight: 700;
    font-size: .8em;
    border: 0;
}

input#bedrag {
    padding: 8px 6%;
    border: 1px solid #038C00;
    background-color: #FFFFFF;
    font-size: 1.6em;
    width: 40px;
    margin: 10px 14px 15px 14px;
}

.table_section_radio{
width:23%;
height: 24px;
float:left;
padding:0 0 0 1%;
text-align: right;
color: white;
display:block;
white-space: nowrap;
margin-bottom: 2px;
/*overflo*/
/*font-size: 1.3em;    aangepast 2016-05-28 past anders niet in div */
}

#leden1{
	color:white;
}
.table_section_14 img{
display:inline-block;
text-align:center;
padding: 0 0 0 0;
margin:0px;
line-height:10px;
}
.table_section_14 strong{
font-size:18px;
}
.table_section_14 a.buy_now{
display:inline-block;
text-align:center;
padding:0 5px;
margin:5px 0;
background-color:#94cb01;
color:#FFFFFF;
font-size:12px;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
/*ul.responsive_table li:first-child{
-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;
-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;
}
ul.responsive_table li:last-child{
-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
}
/*===============================================*/
/* 8. FEATURED LISTS */
/*===============================================*/
ul.features_list{
padding:0 0 20px 0;
width:100%;
margin:0px;
list-style:none;
float:left;
clear:both;
}
ul.features_list li{
border-bottom:1px #e6e6e6 solid;
padding:5px 2% 10px 2%;
margin:5px 0;
display:block;
width:96%;
float:left;
clear:both;
}
ul.features_list li img{
display:inline-block;
max-width:10%;
float:left;
margin:0px;
}
ul.features_list li span{
display:inline-block;
max-width:90%;
padding:5px 0 0 5%;
font-weight:700;
float:left;
}


ul.features_list_detailed{
padding:10px 0 30px 0;
width:100%;
margin:0px;
list-style:none;
float:left;
clear:both;
}
ul.features_list_detailed li{
padding:5px 0 10px 0;
margin:0 0 10px 0;
display:block;
width:100%;
float:left;
clear:both;
border-bottom:1px #ddd solid;
}
ul.features_list_detailed li .feat_small_icon{
width:15%;
float:left;
}
ul.features_list_detailed li .feat_small_details{
width:65%;
float:left;
padding:0 0 0 3%;
}
ul.features_list_detailed li .view_more{
width:10%;
float:left;
margin:25px 0 0 5%;
}
ul.features_list_detailed li .view_more img{
display:block;
max-width:100%;
}
ul.features_list_detailed li .feat_small_details p{
padding:0 0 10px 0;
}
ul.features_list_detailed li .feat_small_details a{
color:#232323;
}
ul.features_list_detailed li .feat_small_icon img{
display:inline-block;
max-width:90%;
}
ul.features_list_detailed li .feat_small_details h4{
font-weight:700;
font-size:18px;
padding:0 0 5px 0;
margin:0px;
}

/*===============================================*/
/* 9. POPUPS */
/*===============================================*/
.popup{
color:#FFFFFF;
}
.popup h4{
color:#FFFFFF;
font-size:28px;
font-weight:700;
text-align:center;
padding:0 0 10px 0;
margin:0px;
}
.popup p{
color:#FFFFFF;
text-align:center;
padding:0px 0 20px 0;
margin:0px;
font-size:14px;
}
.popup-social h4{
padding-top:40px;
}
.popup-login h4, .popup-signup h4, .popup-forgot h4{
color:#FFFFFF;
font-size:18px;
font-weight:700;
text-align:center;
padding:0 0 10px 0;
margin:0px;
}
ul.social_share{
list-style:none;
padding:0px;
margin:0px;
}
ul.social_share li{
width:32%;
text-align:center;
display:inline-block;
padding:10px 0;
margin:0px;
}

.menupopup {
    padding-bottom: 55px;
    background-color: rgb(30,68,30,0.6);
    border-bottom: 2px solid #fff;
}

.header1 {
    width: 10%;
    float: left;
}

.close-popup-trainingcheck img,
.sluitwedstrijdbeheren img,
.sluiteditwedstrijdenindividueeldetail img,
#sluitwijzigteampotje img,
.sluitpld img,
.sluitpopupdefaults img,
.sluitpuntenverdeling img,
.sluitsportlink img,
.sluitwedstrijdverslag img,
.sluitlaatstelogin img,
.sluitloginvandaag img,
.sluitlaatsteaanmeldingen img,
.sluitnietactieveteams img,
.sluitalleenbezoek img ,
.sluitgeenactiviteiten img,
.sluitactiviteiten img,
.sluitactiviteitenaanwezig img,
.sluitmeldingonderhoud img,
.sluitwedstrijdopstelling img ,
.sluittoonwedstrijdverslag img,
#sluitwijzigteampotjeTL img,
#sluitteampotjesliddatailTL img,
.sluitwedstrijduitslag img,
.sluitaanwezigheid img,
.sluitaanwezigheidwedstrijdspeler img,
.sluitaanwezigheidtrainingenind img ,
.sluitaanwezigheidtrainingenspeler img ,
.sluitaanwezigheidwedstrijdind img,
.sluitprofielenedit img,
.sluitprofielenedit1 img,
.sluitprofieleneditaanvoerder img,
#sluitseizoentatistiek img,
#sluittrainingstatistiekkeuze img,
#sluittrainingstatistiek img,
#sluittrainingstatistiek img,
#sluitwedstrijdstatistiek img,
#sluitwedstrijdstatistiekovz img,
#sluitstanden img,
#sluitwedstrijdstatistiekdet img,
#sluitwedstrijdstatistiek img,
.sluitteamsbeheren img,
.close-popup-edit_training img,
.sluit_popup-opstelling_nieuw img,
.sluit_popup-opstelling_nieuw_speler img
{
    max-width: 115%;
    padding: 3px 0 0 0;
}

a.close-popup img{
    max-width: 115%;
    padding: 8px 10px 0px 10px;
}


.popup-opstelling_nieuw_speler .header2{
    width: 60%;
    float: left;
    font-size: 28px;
    padding-left: 20px;
}

.popup-opstelling_nieuw .header2{
    width: 60%;
    float: left;
    font-size: 28px;
    padding-left: 20px;
}

.header2 {
    width: 80%;
    float: left;
}

.header2 h4 {
    padding-top: 6px;
}

.header3 {
    width: 10%;
    float: right;
}

a.gohome img {
    padding: 10px 2px 0 0;
    max-width: 75%;
    margin-right: 10px;
}


.close_popup_button{
width:88%;
text-align:center;
margin:auto;
display:inline-block;
}
.close_popup_button a{
display:inline-block;
width:60px;
height:60px;
margin:auto;
padding:0;
text-align:center;
position:absolute;
top:-20px;
left:44%;
-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
.close_popup_button a img{
display:block;
max-width:60%;
margin:35px 0px auto auto;
}

.close_loginpopup_button{
display:block;
}
.close_loginpopup_button a{
display:inline-block;
width:60px;
height:60px;
margin:auto;
padding:0;
text-align:center;
position:absolute;
top:10px;
}

.close_loginteamlid_button a{
display:inline-block;
width:60px;
height:60px;
margin:auto;
padding:0;
text-align:center;
position:absolute;
top:10px;
right:0px;
}
.close_loginpopup_button a img{
display:block;
max-width:90%;
margin:auto;
}

/*===============================================*/
/* 10. PHOTO GALLERY */
/*===============================================*/
.switch_button{
display:block;
float:left;
}
.switch_button a{
display:block;
width:23px;
height:23px;
}
.switch13{
background:url(images/switch_13.png) no-repeat center;
}
.switch12{
background:url(images/switch_12.png) no-repeat center;
}
.switch11{
background:url(images/switch_11.png) no-repeat center;
}
.page_title_photos{
width:90%;
float:left;
clear:both;
padding:10px 5%;
margin:0;
display:inline-block;
background-color:#ececec;
}
.page_title_photos h2{
float:left;
font-size:24px;
font-weight:300;
color:#222222;
letter-spacing:-0.5px;
}
.gallery_switch{
float:right;
margin:5px 0 0 0;
}
.gallery_switch a{
display:block;
float:left;
padding:0 5px;
}
ul.photo_gallery_13{
width:100%;
list-style:none;
padding:0px;
margin:10px 0 20px 0;
float:left;
clear:both;
}
ul.photo_gallery_13 li{
width:31%;
padding:0;
float:left;
margin:1%;
}
ul.photo_gallery_13 li img{
max-width:100%;
display:block;
}
ul.photo_gallery_12{
width:100%;
list-style:none;
padding:0px;
margin:10px 0 10px 0;
float:left;
clear:both;
}
ul.photo_gallery_12 li{
width:48%;
padding:0;
float:left;
margin:1%;
}
ul.photo_gallery_12 li img{
max-width:100%;
display:block;
}
ul.photo_gallery_11{
width:100%;
list-style:none;
padding:0px;
margin:10px 0 10px 0;
float:left;
clear:both;
}
ul.photo_gallery_11 li{
width:100%;
padding:0;
float:left;
margin:0px 0 10px 0;
}
ul.photo_gallery_11 li img{
max-width:100%;
display:block;
}
.photo-categories{
width:100%;
padding:0;
font-size:14px;
font-weight:300;
margin:0;
display:block;
}
.photo-categories a{
width:31%;
margin:1%;
display:block;
float:left;
text-align:center;
padding:10px 0;
background-color:#f2f0f0;
}
.photo-categories a.active{
color:#FFFFFF;
}
/*===============================================*/
/* 11. BLOG LAYOUT */
/*===============================================*/
ul.posts{
padding:0px;
margin:0px;
list-style:none;
width:100%;
}
ul.posts li{
padding:20px 0;
margin:0px;
float:left;
clear:both;
list-style:none;
width:100%;
border-bottom:3px #ececec solid;
}
.post_date{
float:left;
width:10%;
text-align:center;
}
span.day{
    font-size: 55px;
    font-weight: 700;
    line-height: 27px;
    float: left;
    margin-bottom: 10px;
}

span.day.nietopgegeven{
font-size:1em;
font-weight: normal;
line-height: 1.2;
}

.training_speler_pos {
  margin-left: 10px;
	font-size: 1.2em;
}

.training_speler_naam{
  margin-left: 10px;
  font-size: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table_section_training_aanwezig_header_01 {
    font-size: 1.4em;
    font-weight: bold;
}

.table_section_training_aanwezig_header_02,
.table_section_training_aanwezig_header_03.teller {
    font-size: 1.4em;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.wedstrijd_speler_pos {
  margin-left: 10px;
	font-size: 1.2em;
}


.wedstrijd_speler_naam{
  margin-left: 10px;
  font-size: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table_section_wedstrijd_aanwezig_header_01 {
    font-size: 1.2em;
    margin-bottom: -5px;
}

.table_section_wedstrijd_aanwezig_header_02,
.table_section_wedstrijd_aanwezig_header_03.teller {
    font-size: 1.2em;
    margin-bottom: -5px;
}


.table_section_training_aanwezig_header_03.teller {
    font-size: 1.2em;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

.table_section_wedstrijd_aanwezig_header_03.teller {
    font-size: 1.2em;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.table_section_wedstrijd_tegenstander {
    font-size: 1.4em;
    font-weight: bold;
}

.table_section_wedstrijd_verband {
    font-size: 1.4em;
    margin-right: 10px;
    font-weight: bold;
}


.table_section_wedstrijd_datum {
  font-size: 1.4em;
  font-weight: bold;
}

.table_section_wedstrijd_aanvang {
font-size: 1.2em;
    margin-top: 5px;
}

.table_section_wedstrijd_verzamel {
    font-size: 1.2em;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.speler_aanwezig_tekst {
    font-size: 2.6em;
    text-align: center;
}

.speler_naam {
    font-size: 1.6em;
    margin-top: 50px;
    text-align: center;
}

span.day.aanwezig,
span.day.nietaanwezig {
    font-size: 3.3em;
    font-weight: normal;
    line-height: 0.8;
}

.tekst {
    float: left;
    font-size: 3.0em;
    text-align: center;
    margin: auto;
    width: 50%;
}

.speler_training_aanwezig,
.speler_training_nietaanwezig,
.speler_wedstrijden_aanwezig,
.melding_onderhoud,
.speler_wedstrijden_nietaanwezig {
    width: 95px;
    height: 95px;
    margin-top: -4px;
}

span.month{ 
line-height:20px;
font-size: 19px;
float: left;
}

.post_title{
width:80%;
float:left;
margin:0 0 0 10%;
}
.post_title h2{
font-size:24px;
line-height:26px;
font-weight:300;
margin:0px 0 10px 0;
padding:0px;
}
.post_title h2 a{
color:#333333;
}


.list-block {
margin:0px 0;
}
.list-block li{
border-bottom:1px #ddd solid;
padding:10px 0 10px 0;
margin:0 0 20px 0;
}
.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
padding:0 30px;
margin:0 0 0 20px;
color: #fff;
text-align:center;
}
.post_thumb{
width:100%;
}
.post_thumb img{
display:inline-block;
max-width:100%;
}


.post_details span, .post_single span{
display:inline-block;
padding:0 5px;
}
.post_details span.post_comments, .post_single span.post_comments{
background:url(images/comments.png) no-repeat right;
padding:0 20px 0 0;
}
#loadMore{
display:inline-block;
margin:15px auto;
padding:0;
text-align:center;
width:100%;
cursor:pointer;
}
#loadMore img{
margin:auto;
max-width:20%;
display:inline-block;
}
#showLess{
display:none;
margin:15px auto;
padding:0;
text-align:center;
width:100%;
cursor:pointer;
}
#showLess img{
margin:auto;
max-width:20%;
display:inline-block;
}
.post_single{
}
.entry{
padding:20px 0 0 0;
}
.entry p{
line-height:22px;
}
.featured_image{
width:100%;
margin:auto;
position:relative;
clear:both;
}
.featured_image img{
display:block;
max-width:100%;
z-index:777;
}
.post_title_single{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:auto;
z-index:888;
background:url(images/trans_black_gradient.png) repeat-x;
}
.post_title_single h2{
color:#FFFFFF;
font-size:34px;
padding:25px;
font-weight:300;
line-height:38px;
}
.post_social{
z-index:999;
position:absolute;
top:15px;
right:15px;
width:30px;
}
.post_social img{
display:block;
max-width:100%;
margin:10px 0 0 0;
}
.post_author{
z-index:999;
position:absolute;
top:15px;
left:15px;
width:50px;
}
.post_author img{
display:block;
max-width:100%;
margin:10px 0 0 0;
-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px
}

ul.comments{
list-style:none;
padding:0px;
margin:0px;
width:100%;
}
ul.comments li{
list-style:none;
float:left;
clear:both;
width:90%;
padding:5% 5% 0 5%;
margin:0px 0 10px 0;
background-color:#f5f3eb;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px
}
.comm_avatar{
width:15%;
display:inline-block;
float:left;
}
.comm_avatar img{
display:inline-block;
max-width:100%;
}
.comm_content{
width:80%;
float:left;
display:inline-block;
padding:0 0 0 5%;
}
.comm_content p{
padding:0px;
margin:0px;
font-style:italic;
}

.blog_nav{
width:100%;
}
.blog_nav a{
float:left;
}
.blog_nav a.prev_post{
width:45%;
padding:7px 0 7px 5%;
text-align:left;
}
.blog_nav a.next_post{
width:45%;
padding:7px 5% 7px 0;
text-align:right;
}
.blog_nav a.disabled{
opacity:0.8;
}
/*===============================================*/
/* 12. FORMS */
/*===============================================*/
/* 12.1 CONTACT FORM */
.contactform{
width:100%;
padding:0 0 15px 0;
}


.contactform label.afbeeldingupload{
background-color:#FFF;
color: #038C00;
font-weight: 700;
width:100%;
padding:4% 0 4% 0;
margin:0px 0 15px 0;
/*font-weight:normal;*/
text-align:center;
cursor:pointer;
font-size:1.2em;
/*color:#FFFFFF;*/
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
border: none;
cursor:pointer;
-webkit-appearance: none;
}

.contactform label{
  width:100%;
  padding:10px 0px 3px 0px;
  display:block;
  font-size:16px;
  font-style: italic;
  color: #fff;
}
.contactform .item-content{
padding:5px 0 5px 20px;
margin:0px;
}
.contactform label .item-media{
display:inline-block;
}
.contactform label .item-inner{
display:inline-block;
}
.contactform label.label-switch{
display:inline-block;
width:auto;
}
.contactform .item-title{
width:auto;
padding:0;
display:inline-block;
font-size:14px;
font-weight:300;
}
.contactform label .item-title{
width:auto;
padding:0;
display:inline-block;
font-size:14px;
font-weight:300;
}

.contactform .item-input{
display:inline-block;
width:auto;
margin:0 0 0 10px;
}
.contactform label.error{
padding:0 0 10px 0;
width:100%;
text-align:left;
font-size:14px;
color:#f65821;
font-weight:400;
}
.contactform input.form_input{
padding:15px 3%;
width:93%;
margin:0 0 15px 0;
border:1px solid #45535d;
background-color: #FFFFFF;
color:#038C00;
-webkit-appearance: none;
font-size: 1.1em;
}

input.form_submit.toonstatistiekenlopendseizoen{
	background-color: #FFF;
    color: #038C00!important;
    font-weight: 700!important;
    width: 100%;
    padding: 4% 0 4% 0;
    margin: 0px 0 15px 0;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    border-radius: 5px;
    -webkit-appearance: none;
}

.teamstatsheader{
	font-size: 1.6em;
    margin-top: -40px;
}

.teamstatsklasse1{
    float: left;
}

.buttons-row a{
    white-space: pre-wrap;
}

.contactform .form_select{
padding:10% 0 8% 5%;
width:135px;
margin:0 0 5px 0;
border:1px solid #ddd;
color:White;
-webkit-appearance: none;
background:url(images/dropdown.png) no-repeat right;
}
.contactform .form_select option{
padding:5px;
background-color: #49182d;
}

.aanvangwedstrijden,
.aanwezigwedstrijden{
float: left;
width: 75%;
}

.training_teamnaam{
float: left;
width: 100%;
font-size: 1.3em;
margin-top: -5px;
}

.statistiek_lidnaam{
    float: left;
    width: 100%;
    font-size: 1.3em;
    margin-top: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.statistiek_punten_wedstrijd {
    float: left;    
}

.uitslag {
    font-size: 1.2em;
}

span.day-wedstrijd {
    font-size: 45px;
    font-weight: 700;
    line-height: 23px;
}

input#opstellingwedstrijduitslag {
    margin-top: 25px;
}

.contactform input.verwijderteamliddefinitief.form_submit {
    width: 25%;
    background-color: #fff;
    color: red;
    padding: 1% 2% 1% 2%;
    font-weight: 700;
    font-size: .8em;
    border: 0;
    -webkit-appearance: button;
    -webkit-border-radius: 0;
}

.table_section_header{
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.table_section_wedstrijden{
float: left;
margin-right: 15px;
}

.wedstrijdverband03{
font-size: 1.3em;
float: left;
margin-right: 15px;
}
.wedstrijdverband_select select{
width: 130px !important;
padding: 6px 3% !important;
margin: 0 0 15px 0 !important;
border: 1px solid #45535d !important;
background-color: #FFFFFF !important;
color: #038C00 !important;
font-size: 1.1em !important;
}

.table_section_trainingsdatum,
.table_section_aanvangtraining{
font-size: 1.3em;
}

.tegenstander{
float: left;
width: 85%;
font-size: 1.4em;
margin-top: -5px;
}

.table_section_tegenstanders{
float: left;
font-weight: bolder;
margin-right: 30px;
}

.section_tegenstanders{
font-weight: normal;
}

.tegenstander_03{
    padding: 6px 3% !important;
    margin: 0 0 15px 0 !important;
    border: 1px solid #45535d !important;
    background-color: #FFFFFF !important;
    color: #038C00 !important;
    font-size: 1.1em !important;
}

.table_section_wedstrijdverband01{
font-size: 0.8em;
font-weight: normal;
font-size: 0.7em;
}

.table_section_wedstrijdverband{
  font-weight: bolder;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table_section_tegenstander01{
	width: 175px;
	font-weight: normal;
	font-size: 1.2em;
    width: 100%;
}

.table_section_wr_detail_naam {
    font-size: 1.6em;
	margin-bottom: 20px;
}

.table_section_wr_detail {
    float: left;
	width: 48%;
    font-size: 1.2em;
}

.table_section_wr_detail_punten {
    font-size: 1.2em;
}

.table_section_wr_detail_puntentotaal {
    font-size: 1.6em;
	float: left;
    width: 48%;
}

.table_section_wr_detail_lege_regel {
    margin-bottom: 20px;
}

#Login,
#Teamnaamlabel,
#Passwordlabel{
  font-size: 1.3em;
  font-style: italic;
}

/*
tbv tonen teamleden op toevoegscherm
*/
.contactform1 input.form_input{
border:1px solid #ddd;
-webkit-appearance: none;
}
.contactform1 .form_select{
padding:2% 3%;
width:100%;
margin:0 0 5px 0;
border:1px solid #ddd;
color:White;
-webkit-appearance: none;
background:url(images/dropdown.png) no-repeat right;
}
.contactform1 .form_select option{
padding:5px;
background-color: #49182d;
}
/*  einde teovoegscherm */


.contactform textarea.form_textarea{
padding:3%;
width:93%;
height:50px;
margin:0 0 5px 0;
border:1px solid #ddd;
-webkit-appearance: none;
}
.contactform input.form_submit{
width:100%;
padding:4% 0 4% 0;
margin:15px 0 15px 0;
font-weight:normal;
text-align:center;
cursor:pointer;
font-size:1.2em;
color:#FFFFFF;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
border: none;
cursor:pointer;
-webkit-appearance: none;
}

div.buttonpopup{
    /*background-color: #FFF;*/
    color: #038C00 !important ;
    font-weight: 700;
    width: 100%;
    padding: 4% 0 4% 0;
    margin: 0px 0 15px 0;
    text-align: center;
    font-size: 1.2em;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff !important ;
    cursor: pointer;
}

/* 12-2. LOGIN / SIGNUP / FORGOT PASS FORM */
.form_logo{
width:90%;
text-align:center;
margin:30px 0;
}
.form_logo img{
display:inline-block;
margin:auto;
}

.loginform{
width:90%;
padding:0 0 15px 5%;
}
.loginform label.error{
padding:0 0 10px 0;
width:100%;
text-align:left;
font-size:14px;
color:#f65821;
font-weight:400;
}
.loginform input.form_input{
padding:13px 3%;
width:93%;
margin:0 0 15px 0;
border:1px solid #45535d;
background-color:#FFFFFF;
color: #038C00;
font-size: 1.1em;
}
.loginform input.form_submit{
width:100%;
padding:10px 0;
margin:15px 0 0 0;
font-weight:normal;
text-align:center;
cursor:pointer;
font-size:18px;
font-weight: 700;
color:#038C00;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
border: none;
cursor:pointer;
-webkit-appearance: button;
-webkit-border-radius: 0;
border-radius: 5px;
}
.forgot_pass{
width:100%;
text-align:right;
}
.forgot_pass a{
color:#FFFFFF;
opacity: 0.5;
}
.signup_bottom{
width:100%;
text-align:center;
padding:30px 0 0 0;
}
.signup_bottom p{
padding:5px;
font-size: 13px
}
.signup_bottom a{
color:#038C00;
font-weight:700;
}
.signup_social{
width:100%;
text-align:center;
padding:20px 0 0 0;
}
a.signup_facebook{
background-color:#38579a;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
width:47%;
display:inline-block;
padding:10px 0;
margin:0 4% 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:700;
}
a.signup_twitter{
background-color:#0cacea;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
width:47%;
padding:10px 0;
display:inline-block;
color:#FFFFFF;
font-size:12px;
font-weight:700;
}
/* 12.3 COMMENT FORM */

.commentform{
width:100%;
padding:0 0 15px 0;
}
.commentform label{
width:100%;
padding:5px 0 3px 0;
display:block;
font-size:16px;
font-weight:700;
}
.commentform label.error{
padding:0 0 10px 0;
width:100%;
text-align:left;
font-size:14px;
color:#f65821;
font-weight:400;
}
.commentform input.form_input{
padding:3%;
width:93%;
margin:0 0 5px 0;
border:1px solid #ddd;
}
.commentform textarea.form_textarea{
padding:3%;
width:93%;
height:50px;
margin:0 0 5px 0;
border:1px solid #ddd;
}
.commentform input.form_submit{
width:100%;
padding:4% 0 4% 0;
margin:10px 0 0 0;
font-weight:normal;
text-align:center;
cursor:pointer;
font-size:20px;
color:#FFFFFF;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
border: none;
cursor:pointer;
}
.contact_info{
padding:0 0 15px 0;
margin:5px 0 15px 0;
font-size:14px;
border-bottom:3px solid #ececec;
line-height:22px;
font-weight:300;
}
/*===============================================*/
/* 13. TABS & ACCORDION */
/*===============================================*/
.tabs-animated-wrap, .tabs-simple{
position: relative;
width: 100%;
overflow: hidden;
height: auto;
margin:20px 0 0 0;
}
.photos_tabs{
margin-top:0px;
}
.tab h4{
padding:0 0 10px 0;
margin:0px;
font-size:16px;
}
.custom-accordion{
padding:0;
}
.custom-accordion .accordion-item-toggle{
padding:0px 0px;
height:44px;
line-height:44px;
font-size:17px;
cursor:pointer;
}
.custom-accordion .accordion-item-toggle:active{
background:rgba(0,0,0,0.15);
}
.custom-accordion .accordion-item-toggle span{
display:inline-block;
margin-left:15px;
}
.custom-accordion .icon-plus,.custom-accordion .icon-minus{
display:inline-block;
width:22px;
height:22px;
border:1px solid #FFF;
border-radius:100%;
line-height:20px;
text-align:center;
}
.custom-accordion .icon-minus{
display:none;
}
.custom-accordion .accordion-item-expanded .icon-minus{
display:inline-block;
}
.custom-accordion .accordion-item-expanded .icon-plus{
display:none;
}
.custom-accordion .accordion-item-content{
padding:0px 15px;
}

.whatsappradio input{
    width: 30px;
    height: 35px;
    margin-top: -4px;
    display: block !important;
    float: left;
}

.whatsapp_afhandeling{
    margin-top: -20px;
}

.whatsapp_afhandeling .item-inner{
    background-image: none !important;
    float: left;
    padding-right: 21px !important;
}

.whatsapp_afhandeling .item-content{
    padding: 0 !important;
    font-size: 1.5em;
}

.whatsapp_afhandeling .item-title{
    margin-left: 0;
    font-weight: normal !important;
    font-size: 1.2em !important;
}

.whatsapp_afhandeling .whatsapp_extra_text{
    width: 100%;
    display: block;
    font-size: 1.2em;
    font-style: normal;
}

label.label-radio.item-content.whatsappradio.active-state {
    background-color: transparent;
}

.tekst1 {
    float: left;
    padding-top: 15px;
}

.whatsapp_afhandeling .contactform input.form_submit{
    margin-top: 15px;
}

textarea#whatsappmessage{
    font-size: 1.2em;
    height: 80px;
}

textarea#whatsappmessage2 {
  font-size: 1.2em;
}

/*===============================================*/
/* 14. MEDIA QUERIES */
/*===============================================*/
@media screen and (max-width: 680px) {
.swiper-slide span{
margin:0 0 10px 0;
padding:70px 0 0 0;
font-size:55px;
line-height:60px;
}
.swiper-slide span.subtitle{
margin:0px 0 10px 0;
font-size:22px;
line-height:22px;
}
.tegenstander {
    width: 80%!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.swiper_read_more{
padding:10px 20px;
margin:20px 0 0 0;
font-size:16px;
}
}
@media screen and (max-width: 480px) {
.toolbar {
height: 55px;
}
ul.toolbar_icons li img{
}
ul.toolbar_icons li.menuicon{
padding:3.5% 1%;
margin:0 1%;
}
.close_popup_button a{
left:40%;
}
.swiper-container {
height: 95%;
}
.swiper-slide span{
margin:0 0 10px 0;
padding:70px 0 0 0;
font-size:48px;
line-height:50px;
}
.swiper-slide span.subtitle{
margin:0px 0 10px 0;
font-size:20px;
line-height:20px;
}
a.swiper_read_more{
padding:10px 20px;
margin:20px 0 0 0;
font-size:14px;
}
.close_popup_button{
width:80%;
}
#pages_maincontent{
top:50px;
}
.navbarpages{
height:50px;
}
.nav_left_logo a img{
max-width:65%;
padding:10px 0 0 0;
}
.nav_right_button a{
width:30px;
padding:10px 15px 0 0;
}
ul.posts li{
padding:10px 0;
}
.post_date{
width:20%;
}
.post_title{
width:70%;
color: #fff;
}
.post_title_teamleden_teampot {
    font-size: 1.2em;
    padding-left: 6em;
}

.post_title_teamleden{
font-size: 1.3em;
}
.post_title h2{
font-size:18px;
line-height:22px;
}
.post_title_single h2{
font-size:24px;
padding:15px;
line-height:28px;
}
}

@media only screen and (min-width: 960px) {
 
        .container{
            bottom: 2em;
            display: block ;
            width: 414px;
            position: fixed;
            padding: 0 0 0 0 ;
        }

        a.close-popup img, 
        .close-popup-trainingcheck img, 
        .sluitwedstrijdbeheren img, 
        .sluiteditwedstrijdenindividueeldetail img,
        #sluitwijzigteampotje img, 
        .sluitpld img, 
        .sluitpopupdefaults img, 
        .sluitpuntenverdeling img, 
        .sluitsportlink img, 
        .sluitwedstrijdverslag img, 
        .sluitlaatstelogin img, 
        .sluitloginvandaag img, 
        .sluitlaatsteaanmeldingen img, 
        .sluitnietactieveteams img, 
        .sluitalleenbezoek img, 
        .sluitgeenactiviteiten img, 
        .sluitactiviteiten img, 
        .sluitactiviteitenaanwezig img, 
        .sluitmeldingonderhoud img, 
        .sluitwedstrijdopstelling img, 
        .sluittoonwedstrijdverslag img,
        #sluitwijzigteampotjeTL img, 
        #sluitteampotjesliddatailTL img, 
        .sluitwedstrijduitslag img, 
        .sluitaanwezigheid img, 
        .sluitaanwezigheidwedstrijdspeler img, 
        .sluitaanwezigheidtrainingenind img, 
        .sluitaanwezigheidtrainingenspeler img, 
        .sluitaanwezigheidwedstrijdind img, 
        .sluitprofielenedit img, 
        .sluitprofielenedit1 img, 
        .sluitprofieleneditaanvoerder img, 
        #sluitseizoentatistiek img, 
        #sluittrainingstatistiekkeuze img,
        #sluittrainingstatistiek img, 
        #sluittrainingstatistiek img, 
        #sluitwedstrijdstatistiek img, 
        #sluitwedstrijdstatistiekovz img,
        #sluitstanden img, 
        #sluitwedstrijdstatistiekdet img,
        #sluitwedstrijdstatistiek img, 
        .sluitteamsbeheren img, 
        .close-popup-edit_training img {
            max-width: 80%;
            padding: 3px 0 0 0;
        }
        
        .form_logo{
            width: 90%;
            margin: 0;
            text-align: center;
        }
        
        .form_logo img{
            max-width: 80%;
        }
        
        .main-nav{
            width: 414px;
            margin: auto;
        }
 
        img.nr1{
            width: 30%;
        }
        
        img.nr2{
           width: 30%;   
        }
        
        img.nr3{
           width: 30%;   
        }
        
        img.nr4{
           width: 30%;   
        }
        
        img.nr5{
           width: 30%;   
        }
        .main-nav ul li {
            width: 25%;
            list-style: none;
            margin: 2%;
            display: inline-block;
            text-align: center;
        }
        
        div.homepage{
            background: linear-gradient(to bottom,#47b244 61vh,#9de39b 21vh) !important;
        }

        .tegenstander {
            width: 90%!important;
        }
        
        
        

}

@media screen and (max-width: 667px) and (orientation : landscape){

#refresh_button a img{
    max-width: 10%;
    float: left;
    margin-right: 1em;
    position: relative;
}

.main-nav ul li img {
    max-width: 50%;
}

.main-nav ul li {
    width: 24%;
    list-style: none;
    padding: 0 0px 0px 0px;
    margin: 0%;
    display: inline-block;
    text-align: center;
}

ul.toolbar_icons {
    text-align: center;
    width: 100%;
}

ul.toolbar_icons li img {
    margin: -30px 0 0 0;
}

.toolbar{
  height: 0;
}

}