@charset "utf-8";

/*
	Naam: Leaseone.nl
	Omschrijving: style css bestand
	Versie: 2.0 27-05-2021
	Company: Digifresh
	
	1.  #RESETS
	2.	#IMPORTS 
	3.  #GENERAL LAYOUT
	4.	#GENERAL STYLES
	6.	#TOP
	7.	#CONTENT
		7.1		#HOME
		7.2		#NORMAL
		7.3		#ACTIONS
		7.4		#CONTACT
	8.	#FOOTER
*/

/* ---------- #IMPORTS ---------- */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');


/* ---------- #GENERAL LAYOUT ---------- */

html {
	text-align: center;
}
	
body {
	color: #535353;
	font-family: "Sora", sans-serif;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	background-color: #ffffff;
}
	
h1, h2, h3 {
	font-weight: bold;
}
		
h1 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 10px;
	padding: 10px 0 10px;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	/* [disabled]letter-spacing: 2px; */
	margin: 0 0 10px;
	padding: 10px 0 10px;
	color: #535353;
}
		
h3 {
	padding: 0px 0px 10px 0px;
}
		
h3 {
	font-size: 0.9375em;
}
		
h4 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 10px;
	padding: 10px 0 10px;
	color: #535353;
}

h5 {
	background-color: #FFFFFF;
	color: #535353;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 20px;
	padding: 10px 0 10px 20px;
	/* [disabled]background-image: url(../images/plus.png); */
	/* [disabled]background-repeat: no-repeat; */
	/* [disabled]background-position: right center; */
}
h5 a
{
	text-decoration:none;
}
h5 active {
    background-color: #666;
    color: #535353;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 10px;
    padding: 10px 0 10px 20px;
}

h9 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 10px;
	padding: 10px 0 10px;
	color: #535353;
}

h10 {
	font-size: 22px;
	font-weight: bold;
	/* [disabled]letter-spacing: 2px; */
	margin: 0 0 10px;
	padding: 10px 0 10px;
	color: #535353;
}
a {
    color: #000000;
}
a:hover {
    color: #000000;
}


.text-orange{
color:#EB7B00;
}
.text-blue {
    color: #042C63;
}
.text-red{
color:#DF061F;
}


.plus {
	float:right;
	width:25px;
	font-size:25px;
	font-weight:bold;
}

.minus {
	float:right;
	width:25px;
		font-size:25px;
	font-weight:bold;
}


/* Tooltip container */
span.tooltip {
    position: absolute;
    z-index: 1080;
    display: inline-block;
    margin: 0;
    /* font-family: var(--bs-font-sans-serif); */
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
    opacity: 1;
    color: #EB7B00;
    top: 5px;
    right: 10px;
}

span.tooltip span.tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 175%;
    left: 50%;
    margin-left: -180px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
}
span.tooltip span.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
}

span.tooltip:hover span.tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Tooltip2 container */
span.tooltip2 {
    position: absolute;
    z-index: 1080;
    display: inline-block;
    margin: 0;
    /* font-family: var(--bs-font-sans-serif); */
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
    opacity: 1;
    color: #EB7B00;
    padding-left: 5px;
}

span.tooltip2 span.tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 250%;
    left: 50%;
    margin-left: -135px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
}
span.tooltip2 span.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
}

span.tooltip2:hover span.tooltiptext {
  visibility: visible;
  opacity: 1;
}

span#aanschafwaardezlabel, span#aanbetalingzlabel, span#looptijdzlabel, span#slottermijnzlabel {
    min-width: 178px;
    display: inline-block;
    padding-top: 4px;
    font-size: 1.1em;
}
.bg-blue {
	background-color: #275788;
}

.bg-orange {
	background-color:#EB7B00;
}

#overzicht .form-control:disabled, #overzicht .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
    border: none;
    color: #ffffff;
    border-radius: unset;
}


.border-grey {
    border-bottom: 1px solid #e18b5c !important;
}

.btn-submit {
    color: #ffffff;
    background-color: #00bf63;
    border-color: #00bf63;
    font-weight: 600;
    max-height: 50px;
    border-radius: 10px;
}

.btn-submit:hover {
    color: #ffffff;
    background-color: #027e42;
    border-color: #027e42;
}

.nav-link.active {
    color: #ffffff !important;
    background-color: #666666 !important;
    border-color: #666666 !important;
    /* border: none; */
    opacity: 1 !important;
}

.nav-tabs {
    border-bottom: 5px solid #666666;
}

.nav-tabs .nav-link {
    color: #ffffff;
    min-width: 125px;
    border-top-color: #666666;
    border-left-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    background: #666666;
    opacity: 0.5;
}



img.img-fluid.logo {
    max-width: 175px;
}

a.n-underline {
    text-decoration: none;
}

a.n-underline:hover {
	text-decoration: underline;
}

.maandbedrag {
    background: transparent;
    border: transparent;
    font-size: 17px;
    display: inline-block;
    color: #ffffff;
}

.maandblok {
    font-size: 17px;
}

.col-form-label {
    padding-top: calc(.675rem + 1px);
}

div#box_1600 {
	max-width: 1600px;
}


.ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {
    background-color: #999999;
    border-radius: 0.25rem;
}

.ui-state-focus {
	border:2px solid #999999;
	background: none;
	outline: none;
}


span.ui-slider-handle.ui-state-default.ui-corner-all {
    cursor: pointer;
    border: none;
    border: 2px solid #ffffff;
    border-radius: 10px;
    background-color: #999999;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0.25rem;
}

.ui-widget.ui-widget-content {
    height: 7px;
    border: none !important;
    background-color: #f3f4f4;
    margin-right: 8px;
    margin-left: 8px;
}
.form-control {
    border: none;
}

.fs-125 {
    font-size: 1.25rem;
}
.fs-150 {
    font-size: 1.50rem;
}
input#maandbedragovz_z {
    padding-top: 10px;
    padding-bottom: 0;
}

input#leasetermijn {
    background-color: transparent;
    border: none;
    color: #000000;
}

input#leasetermijnp {
    background-color: transparent;
    border: none;
    color: #000000;
}

.form-control-plaintext {
    padding-top: 0.5em;
}

input#maandbedragovz_zp {
    outline: none;
}

input#maandbedragovz_z {
    outline: none;
}