*{margin:0;padding:0;box-sizing:border-box}html,body{font-size:1.1rem;font-family:Arial,sans-serif;height:100%;background:#0c6980;overflow-x:hidden}.container3{max-width:1200px;margin:0 auto;padding:2rem;background:#000;background:rgba(0,0,0,0.7);border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.3);overflow:hidden}body{padding:.5rem}.container3{margin-top:20px}.navbar{background:#000;background:rgba(0,0,0,0.5);border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.3);margin-bottom:10px;max-width:1200px;margin:0 auto}.background{background-image:url('images/small-image.webp');background-size:cover;background-position:center;background-repeat:no-repeat;height:100%}@supports not(background-image:url('images/small-image.webp')){.background{background-image:url('images/small-image.png')}} @media(min-width:768px){.background{background-image:url('images/medium-image.webp')}@supports not(background-image:url('images/medium-image.webp')){.background{background-image:url('images/medium-image.png')}}}@media(min-width:1200px){.background{background-image:url('images/large-image.webp')}@supports not(background-image:url('images/large-image.webp')){.background{background-image:url('images/large-image.png')}}}.bg-dark{background-color:rgba(0,0,0,0.5) !important}.navbar-dark .navbar-nav .nav-link{color:#fff;font-family:Arial,sans-serif}.navbar-dark .navbar-nav .nav-link:hover{color:#5be0e5}.navbar-dark .navbar-brand:hover{color:#5be0e5}.navbar-dark .navbar-toggler-icon{background-color:#4fc6f4;border:1px solid #FFF}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:#FFF}h1{text-align:center;color:#fff;font-weight:normal;font-size:1.5rem;padding:1rem 0}h1 span{display:block;font-size:2rem;margin-top:.2rem}hr{margin:1rem 0}.container3 .top{color:#5be0e5;padding:0 1rem}p{margin-bottom:1rem;line-height:1.5;color:#FFF;word-wrap:break-word;overflow-wrap:break-word}.container3 p{margin:0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}a{color:#0c6981;text-decoration:none}a:hover{text-decoration:underline;color:#5ce0e6}.container3 .top2{margin-bottom:1rem;margin-top:1rem;color:#5de0e6}.summary{display:flex;flex-direction:column;text-align:center;margin:auto;padding:1%}.total{display:flex;flex-direction:row;justify-content:space-between;margin:auto;width:100%}.total>div{width:45%;text-align:center}.root{width:100%;max-width:1200px;display:flex;flex-direction:column;flex-wrap:wrap;margin:auto;padding:2%;padding-top:1%;justify-content:center;text-align:center;box-sizing:border-box}#items{width:100%}#table,#fuelTable{border-collapse:collapse;width:100%;border:1px solid #ddd;font-size:16px;table-layout:auto}#table th,#table td,#fuelTable th,#fuelTable td{color:#FFF;padding:8px;font-size:1em;word-wrap:break-word;white-space:normal}#table tr,#fuelTable tr{border-bottom:1px solid #ddd}#table tr.titles,#fuelTable tr.titles{background-color:#0c6981;width:100%}input,select,option{padding:2%;border-radius:5px;margin:2%;width:100%;max-width:100%;box-sizing:border-box;cursor:pointer}#itemType{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden}#name{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}#amount{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}#date{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}#currency{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden}#odometer{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}#setBudget{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}#setBudgetButton{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;margin-bottom:1rem}#unit{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden}#distance{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;border:0}.inputitem{display:flex;flex-wrap:wrap;flex-direction:row;font-size:large;padding:0 1rem;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}#new{flex:1;min-width:200px;width:100%;padding:1rem;box-sizing:border-box}input[type="button"]{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;text-align:left;background-color:#0c6981;color:#FFF;border:0}input[type="button"]:hover{background-color:#5de1e7}th{display:table-cell;vertical-align:inherit;font-weight:normal;text-align:-internal-center;unicode-bidi:isolate}@media(min-width:768px){.root{flex-direction:row;justify-content:space-between;align-items:center}.total{flex-direction:row;justify-content:space-between;margin-bottom:0}.total>div{width:45%}.vertical{display:inline-block}.inputitem{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:0}input,select,option,button9{width:auto;max-width:none}#table,#fuelTable{min-width:100%}} @media(max-width:767px){.root{padding:1%}.total{width:100%}.total>div{width:100%;margin-bottom:10px}.inputitem{flex-direction:column;align-items:flex-start;width:100%}input,select,option,button9{width:100%;margin:0}select{max-width:100%}#table,#fuelTable{width:100%}#table th,#table td,#fuelTable th,#fuelTable td{padding:4px;font-size:0.9em;word-wrap:break-word}} p{font-size:18px;color:#5ce0e6;padding:0 1rem}label{color:#FFF;font-size:1.5rem}.togglebutton-wrapper{margin-top:1em}.togglebutton-wrapper label{display:flex;align-items:center}.togglebutton-wrapper input{position:absolute;left:-9999px}.togglebutton-wrapper .togglebutton-label{font-size:.8rem;letter-spacing:.1em}.togglebutton-wrapper .tooglebutton-box{position:relative;display:block;margin-left:.6em;width:38px;height:22px;background:#0c6981;border-radius:999px;cursor:pointer}.togglebutton-wrapper .tooglebutton-box:before{content:'';position:absolute;top:2px;left:2px;display:block;width:18px;height:18px;border-radius:50%;background:#fff;opacity:.9;transition:all .2s ease-in-out}.togglebutton-wrapper.togglebutton-focus .tooglebutton-box{box-shadow:0 0 0 3px rgba(0,0,0,0.1)}.togglebutton-wrapper.togglebutton-checked .tooglebutton-box:before{left:calc(100% - 4px - 16px);opacity:1}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')}.material-icons{font-family:'Material Icons';color:#FFF;font-weight:normal;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.btn-picto{background:0;border:0;cursor:pointer;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:inherit;font-size:1.5rem;transition:transform .2s ease-in-out}.btn-picto:hover{transform:scale(1.2)}.button{position:relative;background-color:#0c6981;border:0;font-size:18px;color:#fff;padding:10px;width:200px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;margin:1em 0 1em 0;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.3)}.button:after{content:"";background:#f1f1f1;display:block;position:absolute;margin-left:-20px !important;margin-top:-120%;opacity:0;transition:all .8s}.button:active:after{padding:0;margin:0;opacity:1;transition:0}button:hover{background:#5de1e7;color:#0c6981}@media(max-width:768px){html,body{font-size:1rem}.container3{padding:1rem}form{flex-direction:column}form input,form button{width:100%;margin-bottom:.5rem}} @media(max-width:480px){html,body{font-size:.9rem}.container3{padding:.5rem}}.maintenance6{display:flex;align-items:center;padding:0 1rem;margin-bottom:1rem;margin-top:.6rem}.maintenance7{display:flex;align-items:center;padding:0 1rem;margin-top:.6rem}.maintenance6 img{margin-left:20px}.tog{color:#333}#footer .social{margin:10px 0 30px 0}#links{display:flex;justify-content:center;flex-wrap:wrap;padding:15px}ul{margin-top:0;margin-bottom:10px}#footer .social i.fa-brands{font-size:26px;width:40px;height:40px;padding:10px 10px 10px 7px;background:#fff;color:#0c6981;border-radius:50%;transition:all .3s}#footer a{color:#fff}#footer .social ul li{display:inline-block;margin:0 20px}.fa,.fa-brands{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands{font-family:'Font Awesome 6 Brands'}/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */:host,:root{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands{font-weight:400;text-align:center;width:100%;line-height:20px}.fa-threads:before{content:"\e618"}.fa-500px:before{content:"\f26e"}.fa-x-twitter:before{content:"\e61b"}.fa-tiktok:before{content:"\e07b"}.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f09a"}.fa-html5:before{content:"\f13b"}.fa-php:before{content:"\f457"}.fa-youtube:before{content:"\f167"}.fa-twitter:before{content:"\f099"}.signinTOP{font-size:1.5rem;color:#FFF;font-weight:400;padding:0 1.5rem}@media(max-width:768px){ul li{font-size:17px;padding:10px 5px 8px 0}}.navbar .dropdown-menu{background-color:#343a40;border:0;border-radius:7px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.navbar .dropdown-item{color:#f8f9fa;padding:10px 20px;font-size:16px;transition:background-color .3s ease}.navbar .dropdown-item:hover{background-color:#495057;color:#fff}.navbar .dropdown-divider{border-top:1px solid #6c757d}.navbar .dropdown-item strong{color:#ffc107}.navbar .dropdown-menu-right{right:0;left:auto}.navbar .dropdown-toggle::after{margin-left:.5rem;vertical-align:middle;border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent}.navbar .dropdown-toggle:hover{color:#fff}.navbar .dropdown-item strong{font-weight:bold;color:#ffcd39}.navbar .dropdown-item.active{background-color:#007bff;color:#fff}.navbar .dropdown-item{font-family:'Arial',sans-serif}@media(max-width:767px){.navbar .dropdown-menu{background-color:#495057}}.background .container3 .summary .total div{color:#F00}.background .container3 .summary .total div div{color:#FFF}.inputs{width:100%}.total{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:nowrap}.circle{background-color:#333;border-radius:50%;width:120px;height:120px;max-width:120px;max-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.2),0 6px 20px rgba(0,0,0,0.19);border:2px solid #666}.circle-content{color:white;font-size:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle h2{margin:10px 0 0;font-size:1.2rem}.circle:nth-child(1) h2{color:#5ce0e6}.circle:nth-child(2) h2{color:#68ed68}.circle:nth-child(3) h2{color:#e2abfe}@media(max-width:600px){.circle{width:90px;height:90px;max-width:90px;max-height:90px}.circle-content{font-size:.8rem}.circle h2{font-size:1rem}.total{gap:5px}}.total2{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:nowrap;padding-bottom:2%}.circle2{background-color:#333;border-radius:50%;width:120px;height:120px;max-width:120px;max-height:120px;color:#FFF;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.2),0 6px 20px rgba(0,0,0,0.19);border:2px solid #666}.circle2-content{color:white;font-size:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle2 h2{margin:10px 0 0;font-size:1.2rem}.circle2:nth-child(1) h2{color:#5ce0e6}.circle2:nth-child(2) h2{color:#68ed68}.circle2:nth-child(3) h2{color:red}@media(max-width:600px){.circle2{width:90px;height:90px;max-width:90px;max-height:90px}.circle2-content{font-size:.8rem}.circle2 h2{font-size:1rem}.total2{gap:5px}}.containerF{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.navbar-brand{font-size:1.45rem;}#van-name, 
#make, 
#model, 
#registration, 
#weight, 
#height, 
#width, 
#vehicle-length, 
#trailer-length, 
#mot-expiry {
    max-width: 100%;
    box-sizing: border-box;
    padding: .5rem;
    overflow: hidden;
    border: 0;
    width: 100%;
	}@font-face {
  font-family: "Font Awesome 6 Free";font-style: normal;font-weight: 900;src: url("webfonts/fa-solid-900.woff2") format("woff2");}.fa-solid, .fas {
  font-family: "Font Awesome 6 Free";font-weight: 900;font-style: normal;}.fa-home:before {
  content: "\f015";}.fa-cog:before {  content: "\f013";}.fa-lg {  font-size: 1.33em;  line-height: 0.75em;
  vertical-align: -0.0667em;}
#icon {display:flex;justify-content:center;flex-wrap:wrap;}.background .container3 #icon .nav-item .nav-link .fas.fa-home.fa-lg {
    color: #FFF;
}.background .container3 #icon .nav-item .fas.fa-cog.fa-lg {
    color: #FFF;
}.background .container3 #icon .nav-item #signoutbtn {
    color: #FFF;
}.background .container3 #icon .nav-item .nav-link .fas.fa-home.fa-lg:hover {
    color: #5be0e5;
}.background .container3 #icon .nav-item .fas.fa-cog.fa-lg:hover {
    color: #5be0e5;
}.background .container3 #icon .nav-item #signoutbtn:hover {
    color: #5be0e5;}
#table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#table td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-word;
}

#table th {
  white-space: nowrap;
}


@media (max-width: 600px) {
  
  .root {
    overflow-x: hidden;
    padding: 1rem 0.5rem;
  }
}