.textright{
    text-align:right !important;
}

.txt-center, .textcenter{
    text-align:center !important;
}

.textleft{
    text-align:left !important;
}

.center{
    margin-left: auto;
    margin-right: auto;
}

/* deze is om de achtgrond op de surveillant en zo te kunnen laten overflowen */
.bg-white{
    background-color: white;
}

.txt-white{
    color: white;
}

/*
 .txt-bold, .txt-bold .ui-button-text
 de eerste is gewoon een class, maar de tweede is een class override op de jQ ui buttons in de dialog
*/
.txt-bold, .txt-bold .ui-button-text{
    font-weight: 800;
}

.txt-italic{
    font-style: italic;
}

.txt-markeer{
    color: #006EB3;
    font-weight: 600;
}

/* wordt oa gebruik om delen van formules te highlighten */
.txt-red{
    color: red;
}

/*
 * 20220408 toegevoegd om doorgestreepte getallen te kunnen maken
 * 20220624 vervangen door versie daaronder
 * https://codepen.io/pwiegers/pen/rNJgBjQ/e0b7653bd0b5c205a9525675bb130183
 */
.txt-strike {
  position: relative;
}

.txt-strike:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

.txt-right{
    text-align: right;
}

.div-txt-align-both{
  	display:table-cell;
  	text-align:center;
  	vertical-align:middle;
}

.txt-hcenter{
    text-align: center;
}

/* grote blauwe cijfers */
.txt-grootBlauwTimes{
    font-size:2em;
    color: var(--blauwDonker);
    font-family: TimesNewRoman, Times New Roman, Times,Baskerville, Georgia,serif;
}

.txt-Times{
    font-family: TimesNewRoman, Times New Roman, Times,Baskerville, Georgia,serif;
}
    
.overline{
    border-top: 1px solid #000;
    position: relative;
    top: 1px;
}

.txt-verybold{
    font-weight: 800;
    text-shadow: 0px 0px 4px #FFA500;
    color: var(--menuAchtergrond);
}

a.txt-linkHP{
    color: var(--oranjeDonker);
    font-weight: 600;
}

a.txt-linkHP:hover{
    text-decoration: underline;
}

//20210126 toegevoegd
.txt-courier{
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important;
}

//20220806 nu alleen van/voor op referral-schermpje
.txt-vetOranje{
    font-weight: 800;
    color: var(--oranjeDonker);
}

.txt-larger{
    font-size: 1.7em !important;
    position: relative;
}

blockquote{
    //border-left: 5px solid var(--oranjeDonker) !important;
    -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.2);

    border-left: 1px solid #FFA50088;
    border-bottom: 1px solid #FFA50088; //rgb(255, 165, 0, 0.5); //var(--oranjeDonker);

    font-size: 1em !important;
    margin: 1em !important;
    width: fit-content; //20201007 toegevoegd
}

.par-explain::before {
    content: '💡';
    position: relative;
    top: 0px;
    left: -4px;
    font-size: 1.5em;
}

.par-explain{
    border-left: 5px solid #FDD282;
    padding-left: 0.7em;
}

.txt-ArchitectsDaughter{
    font-family: 'Architects Daughter';
}

.txt-Josefin{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 800;
}

.txt-Monospace{
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important;
    font-size: 1.1em;
}

/* deze wordt gebruikt in theorie om de vormgeving even anders te laten zijn */
code{
    color: var(--blauwDonker);
    font-weight: 600;
    font-size: 95%;
    background-color: #e0dfe0;
}

.nowrap{
    white-space: nowrap;
}