.koppel-page-save, #start-koppel-button{
	appearance: none;
	border: 1px solid var(--theme-color);
	background: transparent;
	color: var(--theme-color);
	border-radius: 15px;
	font-weight: 500;
	padding: 0.5rem;
	font-size: 0.5rem;
	cursor: pointer;
	letter-spacing: .01em;
}
.koppel-page-save-disabled{
    border: 1px solid grey !important;
    color: grey !important;
}
#veilig-section-start{
	height: 80%;
}
#inoutbox-btn-veilig-versturen{
    background-image: url("../../img/outbox-icon-removebg.png");
}
#inoutbox-btn-veilig-ontvangen{
	background-image: url("../../img/inoutbox-icon-removebg.png");
}
.veilig-page-content{
	height:100%!important;
}
.veilig-page-text{
	position:relative;
	text-align: center;
    width: 100%;
    height: 50%;
    background-repeat: no-repeat;
    background-position: center;
	left: -2.5em;
    filter: var(--theme-icon-filter);
    cursor: pointer;
}
.inout-section-file-section{
    position:relative;
}
.inout-file-add{
    border: 1px solid;
    border-radius: 50%;
    overflow:hidden;
    height:50px;
    width:50px;
    border-color: var(--theme-color);
    background-repeat: no-repeat;
    position:absolute;
	left:-4em;
	top:0px;
	cursor: pointer;
}
.new-file{
    background-image: url('../../img/plus-icon.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.recycle-file{
	background-image: url('../../img/recycle-file.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.exisiting-file{
	background-image: url('../../img/protocol-icon-removebg.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
#inout-section-file-new, #inout-section-file-archive-new{
	margin-top:5%;
}
#inout-file-options-wrapper, #inout-file-options-archive-wrapper{
	position: relative;
	width: 90%;
}
.out-file-new-share-link{
	background-image: url('../../img/icon-share-link-removebg-preview.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position: absolute;
	top:0px;
	right:1em;
	filter: var(--theme-icon-filter);
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.in-file-new-share-link{
	background-image: url('../../img/icon-share-link-removebg-preview.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position: absolute;
	top:0px;
	right:2.5em;
	filter: var(--theme-icon-filter);
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.inout-section-file-image_input{
	display: none;
}
.inout-file-options-inputs-add{
	background-image: url('../../img/plus-icon-removebg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	margin-top: 0.2em;
	filter: var(--theme-icon-filter);
	cursor: pointer;
}
.inout-file-options-inputs{
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.4em;
}
.inout-file-options-inputs form{
	display: flex;
	flex-direction: column;
	gap: 0.3em;
}
@media (min-width: 520px){
	.inout-file-options-inputs form{
		flex-direction: row;
		gap: 0.5em;
	}
}
.vo-new-inputs{
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 0.4em;
}
.vo-new-inputs form{
	display: flex;
	flex-direction: column;
	gap: 0.3em;
}
@media (min-width: 520px){
	.vo-new-inputs form{
		flex-direction: row;
		gap: 0.5em;
	}
}
.inout-file-options-inputs-rm{
	background-image: url('../../img/minus-icon-removebg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	margin-top: 0.2em;
	filter: var(--theme-icon-filter);
	cursor: pointer;
}
.inout-file-row{
	content: "";
    position: relative;
    border-color: rgb(165, 165, 165);
    top: 0;
    left: -2.5em;
    width: 105%;
	margin-top: 1em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid rgb(235, 235, 235);
}
.inout-file-options-thrash{
	background-image: url('../../img/trash-icon-removebg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width: 35px;
	height: 35px;
	position: absolute;
	top:-0.5em;
	right:1em;
	filter: var(--theme-icon-filter);
	cursor: pointer;
}
.vv-upload-progress {    
	position: absolute;
    top: -2px;
    left: -2px;
}
.inout-file-title{
	font-weight: bold;
    padding-right: 2.5em;
    word-break: break-word;
    font-size: 0.95em;
    margin-bottom: 0.2em;
}
.inout-file-contacts {
    font-size: 0.85em;
    color: #999;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
.inout-file-settings {
    display: flex;
    gap: 1.5em;
    align-items: center;
    font-size: 0.85em;
    color: #666;
    margin-top: 0.3em;
    flex-wrap: wrap;
}
.vo-documenten{
    margin-top: 0.5em;
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}
.vo-document-row{
    font-size: 0.85em;
    color: var(--theme-color);
    text-decoration: underline;
    cursor: pointer;
    word-break: break-word;
}