.t-Header-nav {
  overflow: hidden;
}

.t-Header-logo-link img {
    display: block;
    max-height: 3rem;
}

/* origineel 12px */
.t-Body-contentInner {
    padding: 2px ;
}

/* orginineel 12px */
.t-Region .t-Region-body {
    padding: 6px;
	color: black;
}

/* origineel 8px 12px */
.t-Report-cell {
    padding: 2px 3px;
}

/* origineel 1.2rem 1.6rem */
.t-Report-cell, .t-Report-colHead {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

/* origineel padding 12px */
.t-Report-colHead {
  vertical-align: bottom;
  padding: 4px;
  margin-left: 2px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}

.spelverdeling_vierkant {
    width: 250px;
    height: 250px;
    min-width: 240px;
    min-height: 240px;
    box-sizing: border-box;  
}

.vierkant33procent {
    width: 33.3%;
    height: 33.3%;
    float: left;
    box-sizing: border-box;    
    }
    
.spelverdeling_spel {
    padding: 4% 3%;
    font-size: 1.4em;
    font-weight: bold;
    /* border: 1px solid black;  */
 }
.spelverdeling_hand {
    padding: 4% 3%;
    font-size: 1.1em;
     /*border: 1px solid black;*/
 }

.spelverdeling_roos_svg {
   width: 100%;
   height: 100%;
   padding-right: 10px;
   padding-top: 15px;
   padding-bottom: 10px; 
}

span.geenLid{
color:gray;
background-color:lightcyan}

.myBreakHeader {
    font-size: medium;
    font-weight: bold;
    display:inline-block; 
    margin: 10px 2px 18px 2px;
}            

.myHTMLButton {
    font-size: 1.2rem;
    line-height: 1rem;
    padding: 0.8rem 1rem;
    background-image: url("../img/logo_nbb_zondertekst.svg") !important;
}

.MyLegenda {
    font-weight: bold;
}

.NBBcol {
  float: none;}
  
 td > a {
 display: block;
 }  /* zorgt ervoor dat links binnen een td als hele cel clickable zijn */

 td > a:hover{
  text-decoration: underline;
 }
 
 th > a:hover{
  text-decoration: underline !important;
 }
 
/* Instellingen voor de tekst in de header*/ 
.nbbHeader{color: white;
           margin:12px;
           font-size: 12px;
           float:left;
           /*display: inline-block;*/
    }

/*Haalt witte titelbalk weg bij spelverdelingkaarten*/
.t-Card--featured .t-Card-body, .t-Cards--featured .t-Card .t-Card-body {
    border-top: 0px;
    padding: 0px 0 0;
}

.t-Button--navBar .t-Button-label
{
    display: -webkit-inline-box;
}


.tiptext {
    position:relative;
} 

/*Opmaak van de correctie*/
.popup {
    display:none;
    position:absolute;
    top: -30px;
    right: -3px;
    border:1px solid #B8B8B8;
    background-color: #FCFCFC;
    padding:5px;
    white-space: nowrap;
}


.triangle {
    position: relative;
}

/*Creëert het rode driehoekje bij een veld met een correctie*/
.triangle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 0; 
    display: block;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #f00;
}

/*Zorgt voor de kleuren van de scorekaart*/
.kleur1
{
	display:block; 
	background-color:#99CCFF;
}
.kleur2
{
	display:block;
	background-color:#FFCC66;
}	

.t-Report-cell-slim{
  padding: 12px 8px;
}	

.float-inherit{
  float:inherit;
}	
  
/* Edo 2015-05-23
   Media only query overgenomen uit standaard css voor dit responsive template:
   /i/themes/theme_42/1.0/css/Core.min.css?v=5.0.0.00.31
   Alle voorkomens van .t-Body-title-shrink verwijderd uit de t_Breadcrumb klasses
   Hierdoor toont de applicatie altijd het breadcrumb gedrag voor mobiele telefoons.
   */    
@media only screen and (min-width:641px)
{
.t-BreadcrumbRegion-body{padding-bottom:12px;padding-top:12px}
.t-BreadcrumbRegion-buttons{padding:0 12px 8px 0}.js-rightCollapsed 
.t-BreadcrumbRegion-buttons,.js-rightExpanded 
.t-BreadcrumbRegion-buttons{padding-right:50px}
.t-Breadcrumb-item{display:inline} 
.t-BreadcrumbRegion--useBreadcrumbTitle 
.t-Breadcrumb-item:last-child{height:auto;display:inline;position:relative;overflow:visible;font-size:1.4rem;line-height:2.4rem}
.t-BreadcrumbRegion--useBreadcrumbTitle 
.t-Breadcrumb-item:last-child 
.t-Breadcrumb-label{font-weight:700;height:auto;display:inline}
}


@media (max-width:840px) {.NBBcol {width:100%;float:none;clear:both}}


/*Zorgt voor opmaak voor afdrukken van pagina's*/
@media print {

  .t-Body, .t-Body-main, .t-Body-content, .t-Body-contentInner, .container, .col col-12, .t-Region, .t-Region-bodyWrap, .t-Region-body, .t-Report-wrap, .t-Report-tableWrap, .t-Report-report, .row, .t-Cards-item * {
     border: none !important;
     box-shadow: none !important;
     outline: none !important; 
  }

  .nbbHeader, .t-Header-logo, .t-Body-title, .t-Footer, .t-Region-buttons, .t-Button, .t-Form-fieldContainer, .t-Region-header, .t-Body-topButton {
     display: none !important;
  }

  body {
     margin-top: -50px;
  }

  .t-Report-report * {
     pointer-events: none !important;
     color: black;
     font-weight: normal;
  }
}   

/*Aparte achtergrondkleur, Gainsboro, voor de kolom met het totaal of gemiddelde */
.totaal_gemiddelde {
  background-color:#DCDCDC!important;
  border-left:1px solid #DCDCDC!important;
  border-top:1px solid #DCDCDC!important;
}

.spelSelect {
  min-width: 140px; 
  vertical-align: middle;
}