p.outstandingamount {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: bolder;
}
div.youroptions {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.1rem;
    margin-bottom: 1rem;
    font-weight: bolder;
}
a.black-no-hover {
    color: black;
    text-decoration: none;
}

.fv-black {
    color: black;
}

div.fv-debtbox {
    color: white;
    border-color: black;
    border-style: dotted;
    border-width: 1px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 5px 5px 10px 0px grey;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-radius: 10px;
}

.fv-instalmentofferbox {
    color: black;
    background-color: white;
    border-color: black;
    border-style:none;
    border-width: 1px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 5px 5px 10px 0px grey;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

a.fv-instalmentofferbox {
    text-decoration: none;
    color: black;
}

div.fv-debtbox > .label, a.fv-instalmentofferbox > .label {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.7rem;
    line-height: 0rem;
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;
}

div.fv-jobbox {
    color: black;
    background-color: white;
    border-color: black;
    border-style:none;
    border-width: 1px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 5px 5px 10px 0px grey;
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-height: 5rem;
}

div.fv-jobbox > div.title {
    font-size: 0.9rem;
    font-family: Arial, Helvetica, sans-serif;
}

div.fv-jobbox > div.company {
    font-size: 0.7rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


div.fv-jobbox > div.distance {
    font-size: 0.7rem;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 20px;
    right: 30px;
}

div.fv-debtbox > .content, a.fv-instalmentofferbox > .content > {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.0rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

div.fv-debtbox > .content-xl, a.fv-instalmentofferbox > .content-xl {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.4rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

div.fv-debtbox > .content-lg, a.fv-instalmentofferbox > .content-lg {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.2rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

div.fv-debtbox .content-sm, a.fv-instalmentofferbox > .content-sm {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

div.fv-disclaimer {
    color: black;
    font-family: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.fv-text-bold
{
    font-weight: bolder;
}

a.fv-btn {
    
    min-height: 5rem;
    border-color: white;
}

.fv-badge { 
    position: relative; 
    top: -10px; 
    left: -18px; 
    border: 0px solid white; 
    background-color: red;
    border-radius: 50%; 
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 2px 6px;       
}

.fv-badge-desktop { 
    position: relative; 
    top: -11px; 
    left: -7px; 
    border: 0px solid white; 
    background-color: red;
    border-radius: 50%; 
    color: white;
    font-size: 0.6rem;
    font-weight: bold;
    padding: 2px 5px;       
}



.fv-btn-payment {
    color: black;
    background-color: white;
    border-color: black;
    border-style:none;
    border-width: 1px;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 5px 5px 10px 0px grey;
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-height: 120px;
}



div.messagereceived {
    font-size: small;
    color: black;
    background-color:lightblue;
    width:fit-content;
    padding: 10px;
    border-radius: 10px;
    float: left;
    text-align: left;
    margin-right: 40px;
}

div.messagereceived-status {
    font-size:x-small;
    color: grey;
    width:fit-content;
    float: left;
    text-align: left;
    margin-left: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}

div.messagesent {
    font-size: small;
    color: black;
    background-color:lightcyan;
    width:fit-content;
    padding: 10px;
    border-radius: 10px;
    float: right;
    text-align: right;
    margin-left: 40px;
}

div.messagesent-status {
    font-size:x-small;
    color: grey;
    width:fit-content;
    float: right;
    text-align: right;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}

div.message-field {
    position: absolute;
    bottom: 100px;
}

textarea.fv-chatinput {
    font-size: 16px;
}

.fv-text-16px {
    font-size: 16px;
}

.fv-text-32px {
    font-size: 32px;
}

.fv-text-bold {
    font-weight: bold;
}

div.fv-disputereason {
    font-size: 12px;
}


.fv-divider
{
	position: relative;
	/*margin-top: 90px;*/
	height: 2px;
}

.fv-div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(184, 184, 184), transparent);
}

img.fv-creditorlogo {
    max-width: 60px;
    max-height: 60px;
    padding: 5px;
}