div[class="kbmijn"] p {
    margin-block-start: 0;
    margin-block-end: 0;
}

/*
 * Row styling
 * */
/* Prevent taking the columns out of the flow of the page */
.kbmijn-row::after {
  content: "";
  clear: both;
  display: table;
}


/*
 * Column styling
 * */
[class*="kbmijn-column-"] {
    padding: 10px;
}

/* For mobile phones */
[class*="kbmijn-column-"] {
    width: 100%;
    float: left;
}

/* For tablet */
@media only screen and (min-width: 600px) {
    [class*="kbmijn-column-"] {
        width: 50%;
    }
    
    .kbmijn-column-right {
        float: right;
    }
}

/* For desktop */
@media only screen and (min-width: 768px) {
}

/*
 * Panel styling
 * */
.kbmijn-panel, .kbmijn-profile-info-bar {
    float: left;
    width: 100%;
    margin: -5px -5px 20px -5px;
    padding: 15px 15px;
    border: solid 1px grey;
    box-shadow: 5px 5px 5px grey;
}

.kbmijn-panel-content {
    margin-bottom: 15px;
}

.kbmijn-panel-content {
    margin-bottom: 15px;
}

.kbmijn-alerts {
    width: 100%;
}

/*
 * Button styling
 * */
div[class="kbmijn"] button, div[class="kbmijn"] input[type="submit"], div[class="kbmijn"] input[type="button"] {
	border: 1px solid #d65050;
	background-color: #ff0000;
	font-family: "Raleway", sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    padding: 6px 17px;
    color: #fff;
    text-transform: uppercase;
	border-radius: 3px;
	transition: all 0.3s;
	-webkit-appearance: button;
    cursor: pointer;
	overflow: visible;
	font: inherit;
	margin: 0;
}

.kbmijn-button-secondary {
	background-color: #757575 !important;
	border: 1px solid #757575 !important;
}

.kbmijn-button-secondary:hover {
	color: #757575 !important;
	background-color: transparent !important;
}

div[class="kbmijn"] button[class="kbmijn-button-secondary"], div[class="kbmijn"] input[type="button"][class="kbmijn-button-secondary"] {
	background-color: #757575;
	border: 1px solid #757575;
}

div[class="kbmijn"] button:hover, div[class="kbmijn"] input[type="submit"]:hover, div[class="kbmijn"] input[type="button"]:hover {
	color: #d65050;
	background-color: transparent;
}

/*
 * Alert styling
 * */
.kbmijn-alert-error:before {
    padding-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: red;
    content: "\f071";   /* exclamation-triangle */
}

.kbmijn-alert-warning:before {
    padding-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: orange;
    content: "\f06a";   /* exclamation-circle */
}

/*
 * Paragraph styling
*/
.kbmijn-categorie-titel {
    color: red;
    font-weight: bold;
    border-bottom: solid red 1px;
}

.kbmijn-data-titel {
    font-weight: bold;
    float: left;
    width: 33%;
}

.kbmijn-data-value {
    float: right;
    width: 66%;
}

.kbmijn-data-row::after {
    content: "";
    clear: both;
    display: table;
}

.kbmijn-action-area{
    margin-top: 15px;
}

/*
 * Message styling
 * */
.kbmijn-berichten {
    float: left;
    background-color: #99ff99;
    width: 100%;
    margin: -5px -5px 20px -5px;
    padding: 15px 15px;
    border: solid 1px grey;
    box-shadow: 5px 5px 5px grey;
}

.kbmijn-berichten table {
    width: 100%;
}

.kbmijn-berichten table td {
    padding: 5px;
}

.kbmijn-message-action {
    text-align: right;
    white-space: nowrap;
}