.radio-container {
	display: flex;
	align-items: center;

}
.radio-container-border:not(:last-child) {
	border-bottom: 1px solid whitesmoke;
	padding-bottom: 10px !important;
}

.radio-button {
	width: 50px;
	text-align: center;
}

.radio-button-icon input {
	display: none;
}
.radio-button-icon i.fa {
	font-size: 125%;
}

.radio-button-icon input ~ .fa-check-square-o {
	display:none;
}
.radio-button-icon input ~ .fa-square-o {
	display:block;
}

.radio-button-icon input:checked ~ .fa-square-o {
	display:none;
}
.radio-button-icon input:checked ~ .fa-check-square-o {
	display:block;
}

.modal-header {
	background: whitesmoke;
}
.modal-footer {
	background: #f7f7f7;
    padding: 5px;
}
.modal-comment {
	color: #717171;
    padding-bottom: 10px;
    border-bottom: 1px solid whitesmoke;
    margin-bottom: 20px;	
}
.modal-comment-nomargin {
	margin-bottom: 0px;
}
h4.section-header {
	font-size: 1rem;
	text-align: center;
	/*border-top: 1px solid #ebebeb;*/
	border-bottom: 1px solid #ebebeb;
    padding: 20px 0px;
    margin: 0px;
}
.body-no-vertical-padding .modal-body {
	padding-top: 0px;
	padding-bottom: 0px;
}

.body-no-horizontal-padding .modal-body {
	padding-left: 0px;
	padding-right: 0px;
}.section-body {
	padding: 10px;
	padding-bottom: 20px;
    background: #f9f9f9;
}

@media only screen and (max-width: 575px) {
	.modal-footer {
		height: 50px;
	}
	
	.modal-header {
	    height: 50px;
	    padding-top: 8px;	
	}

	div.modal {
		width: 100vw;
		padding-right: 0px
	}
	
	div.modal-dialog {
		margin: 0px;
	}
	
	div.modal-body {
	    overflow-y: auto;
    	max-height: calc(100vh - 160px);
	}
	.expand-body div.modal-body {
	    max-height: fit-content;
	}
}