body {
font-family: 'serifalight', sans-serif;
background-color: rgb(163, 197, 233);
margin:0;
min-width: 1570px;
}

p, .normal {
  font-size: 8pt;
}

img {
height: 100%;
}

fieldset {
display: flex;
justify-content: space-between;
width: 100%;
}

fieldset.small {
width: 180px;
}

.finalpage{
  width: 50%;
margin: -20px auto auto;
}

.letop{
position: absolute;
top: 100px;
font-size: 10pt;
color: red;
width: 90px;
}

.letop2{
position: absolute;
top: 300px;
font-size: 10pt;
color: red;
width: 90px;
}

select {
width: 80%;
font-size: 20px;
font-family: inherit;
}

input {
font-size: 20px;
font-family: inherit;
width: 70%;
}

textarea {
width: 100%; 
/* height: 100px; */
font-size: 17px;
border: 0;
font-family: inherit;
}

strong {
  font-family: 'serifaboldcva'
}

.cvalink,.cvalink a:visited {
  color: #1172bc;
}

a {
  text-decoration: none;
}

li {
  padding: 5px;
}

.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
width: 90%;
padding: 10px;
font-size: 45px;
}

.header_block_1 {
  display: flex;
  align-items: center;
  color: #8f7a4a;
}

.header_block_1 div, .button {
  cursor: pointer;
}

.tour{
  color:aliceblue;
  text-align: right;
  cursor: pointer;
  margin: 10px 0 18px 0;
  display: flex;
  justify-content: space-between;
}

.page1{
  align-self: flex-start;
  margin-top: 10px;
}

#logo {
height: 80px;
}

.actions{
  display: flex;
  margin-bottom: 10px;
}

.button-a {
font-size: 20px!important;
padding: 5px;
margin-top: 5px;
text-decoration: none;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
border-top-color: buttonface;
border-right-color: buttonface;
border-bottom-color: buttonface;
border-left-color: buttonface;
}

.col2 {
display:flex;
/* height:100%; */
width:1200px;
margin:auto;
padding: 5px;
}

#main {
height: 730px;
overflow: visible;
font-size: 20px;
margin-top: 20px;
min-width: 1200px;
}

.in_col {
height:75%;
width: 50%;
}

#buttons {
display: flex;
align-content: center;
align-items: center;
}

.buttons {
background-color: rgb(0,114,188);
border-radius: 10px;
color: white;
font-size: 17px;
cursor: pointer;
}

#p-tekst {
/* height:340px; */
width:95%;
}

#page_no {
padding: 10px;
font-size: 20px;
color: black;
}

.page_nav {
width: auto;
text-align: left;
}

.left-pane {
width:50%;
}

.inputs {
padding:10px;
}

.prevcont, .textchooser {
display: flex;
flex-flow: column;
}

.inhoud {
display: flex;
align-content: center;
align-items: center;
justify-content: left;
width: 100%;
/* overflow: auto; */
}

.inhoud-inner {
display: flex;
width: 100%;
height: 100%;
}

.inhoud-content {
width: 510px;
max-height: 750px;
}

.binnenwerk {
align-content: flex-start;
flex-flow: column;
align-items: flex-start;
}

#loading {
height: 50px;
margin-top: -175px;
z-index: 1;
}

.container.black input:checked ~ .checkmark {
background-color: rgb(0,0,0);
}

.blue {
color: rgb(0,113,188);
}

.container.blue input:checked ~ .checkmark {
background-color: rgb(0,113,188);
}

.gold {
color: rgb(135,118,79);
}

.container.gold input:checked ~ .checkmark {
background-color: rgb(135,118,79);
}

.klassiekred {
color: rgb(196,22,28);
}

.container.klassiekred input:checked ~ .checkmark {
background-color: rgb(196,22,28);
}

.jazzblue {
color: rgb(0,84,139);
}

.container.jazzblue input:checked ~ .checkmark {
background-color: rgb(0,84,139);
}

.poppink {
color: rgb(236,0,140);
}

.container.poppink input:checked ~ .checkmark {
background-color: rgb(236,0,140);
}

.cvaonline {
color: rgb(112,41,141);
}

.container.cvaonline input:checked ~ .checkmark {
background-color: rgb(112,41,141);
}

.label-text {
width:100%;
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* .container.black input:checked ~ .checkmark {
  background-color: black;
} */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

/* inputs */
.in_title {
width: 515px;
/* height: 2em; */
}

.in_title {
  font-size: 20px;
}

.in_kop1 {
  /* height: 2em; */
  font-size: 18px;
  width: 530px;
  font-family: 'serifaboldcva', sans-serif;
}

.in_kop2 {
  height: 2em;
  width: 570px;
  font-size: 16px;
  font-family: 'serifaboldcva', sans-serif;
}

.in_text {
  width: 570px;
  font-size: 10pt;
}

.italic {
  font-style: italic;
}

.login {
  display: flex;
  flex-flow: column;
}

#login {
  width: 50%;
  font-size: 100%;
  background-color: rgb(0,114,188);
  color: white;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 15px;
}

.left-title{
  position: absolute;
left: 100px;
top: 136px;
}

/* editor */

.rte-main {
    text-align: left;
    outline: none;
    user-select: text;
    -webkit-user-select: text;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.rte-hide-caret {
    caret-color: transparent;
}

.cvat {
  font-size: 11pt;
}

.kop1 {
  font-size: 9pt;
  font-family: 'serifaboldcva', sans-serif;
}

.kop2 {
  font-size: 7pt;
  font-family: 'serifaboldcva', sans-serif;
}

.cvablue {
  color: rgb(0,113,188);
}

.cvagold {
  color: rgb(135,118,79);
}

.red {
  color: rgb(196,22,28);
}

.cvaj {
  color: rgb(0,84,139);
}

.cvap {
  color: rgb(236,0,140);
}

.cvao {
  color: rgb(112,41,141);
 }

.intro {
  width: 500px;
  line-height: 1.2em;
}

.intro p {
font-size: 20px;
}

.fa-cva-undo{
  transform:scale(-1, 1);
}

.fa-cva-gold{
  background-color: rgb(135,118,79);
}

.fa-cva-blue{
  background-color: rgb(0,113,188);
}

.fa-cva-red{
  background-color: rgb(196,22,28);
}

.fa-cva-pink{
  background-color: rgb(236,0,140);
}

.fa-cva-jazz{
  background-color: rgb(0,84,139);
}

.fa-cva-purple{
  background-color: rgb(112,41,141);
}

.rte-controls-container{
display: flex;
align-content: center;
align-items: center;
justify-content: space-between;
}

.fa-cva-undo{
scale: 1.14;
transform: translateY(-8px) scaleX(-1);
}

.fa-cva-gold{
background-color: rgb(135,118,79);
border: 1px solid rgb(135,118,79);
}

.fa-cva-blue{
background-color: rgb(0,113,188);
border: 1px solid rgb(0,113,188);
}

.fa-cva-red{
background-color: rgb(196,22,28);
border: 1px solid rgb(196,22,28);
}

.fa-cva-black{
background-color: black;
border: 1px solid black;
}

.fa-cva-white{
background-color: white;
border: 1px solid black;
}

.fa-cva-pink{
background-color: rgb(236,0,140);
border: 1px solid rgb(236,0,140);
}

.fa-cva-jazz{
background-color: rgb(0,84,139);
border: 1px solid rgb(0,84,139);
}

.fa-cva-purple{
background-color: rgb(112,41,141);
border: 1px solid rgb(112,41,141);
}

.bckg_icons > .rte-button{
margin-right: 12px;
}

.rte-button[title=text]{
width: 27px;
margin-right: auto;
}

.rte-button[title=image] > .fa-image{
  width: 25px;
  height: 25px;
  }

.rte-button[title=white], .rte-button[title=black]{
font-size: 21px;
}

.rte-button[title=save]{
width: 27px;
margin-right: 0px;
}

.rte-button[title=undo], .rte-button[title=redo]{
width:16px;
}

.fa-cva-text, .fa-cva-redo, .fa-cva-save{
scale: 1.14;
transform: translateY(-8px);
}