.modal {
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
    .modal-dialog {
      max-width: 960px;
      margin: 1.75rem auto;
    }
}
.modal-content {
  position: relative;
  /*display: -ms-flexbox;*/
  display: flex;
  /*-ms-flex-direction: column;*/
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2)!important;
  border-radius: 0.3rem!important;
  outline: 0;
}
.modal-header {
  background: #e81c24;
}
.modal-dialog .modal-header {
  border-bottom: none;
  padding: 1em!important;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-title {
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase; font-weight:700;
}
.close-btn .cross {
    color:#ffffff; 
    cursor:pointer; 
    position:absolute; 
    right:0px; 
    top:0px; 
    padding:1em; 
    font-size: 20px;
}

.modal-body p {
	font-weight:300;
	font-size: 16px;
	line-height:24px;
	color:black;
}
.modal-footer {
  border-top: 1px solid #252526!important;
  padding-bottom: 30px!important;
  padding-top:30px!important;
}
.modal-footer .close-voorwaarden {
  background: none;
  border: 0;
  color: #e81c24!important;
}
ul.voorwaarden {
	list-style-type:decimal;
	margin-bottom:1.5em;
	list-style-position: inside;
}
.modal-body h2 {
	margin-bottom:0.2em; color:black
}
ul.voorwaarden li {
	font-weight:300;
	font-size: 16px;
	line-height:24px;
	color:black;
}
ul.voorwaarden_extra {
	list-style-type:disc;
	/*margin-bottom:1.5em;*/
	list-style-position: inside;
}
ul.voorwaarden_extra li {
	font-weight:300;
	font-size: 16px;
	line-height:24px;
	color:black;
}
table.voorwaarden {
	border-collapse: collapse; width:100%;
}
table.voorwaarden tr {
	border-top:1px solid black;
}
table.voorwaarden tr:last-child {
	border-top:1px solid black;
	border-bottom:1px solid black;
}

table.voorwaarden td:nth-child(1) {
	width:20%; vertical-align:top
}
table.voorwaarden td:nth-child(2) {
	width:60%;
}
table.voorwaarden td:nth-child(3) {
	width:20%; text-align:center; vertical-align:top
}