:root {
    --standardpurple-color: rgba(88, 112, 179, 1);
    --selectedpurple-color: rgba(88, 112, 179, 0.2);
    --selectedred-color: rgba(255, 0, 0, 0.1);
    --standardwhite-color: rgba(255, 255, 255, 1);
    --standardblack-color: rgba(51, 51, 51, 1);
    --totalblack-color: rgba(0, 0, 0, 1);
    --greyline-color: rgba(182, 181, 181, 1);
    --greyborderline-color: rgba(115, 115, 115, 1);
    --lightgreyborderline-color: rgba(205, 205, 205, 1);
    --almostwhite-color: rgba(248,252,255,1);
    --button_inverse-color: rgba(229,229,229,1);
    --button_nogo-color: rgba(115, 115, 115, 1);
    --oddline2-color: rgba(88, 112, 179, 0.1);
    --oddline-color: rgb(245, 247, 255);
    --aankondiging-color: rgba(255, 0, 0, 0.7);
    --fototext-color: rgba(88, 112, 179, 0.5);
    /*--oddline-color: rgb(193, 208, 248, 0,00);*/
}


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f0f4ff; /**/
    min-height: 100vh;
}

body {
    font-family: 'sf_compact_displaythin';
    font-size: 1rem;
    
}

.betamode {
    background-color: #ffb4b4;
}

.hiddenelement {
    display: none;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

.noarrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#debug {
    display: none;
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 5px;
    background-color: rgb(65, 62, 62);
    color: rgba(255, 255, 255, 1);
}

sup {
    /*font-family: 'Arial', Verdana, sans-serif*/
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 19px;
    height: 19px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(themes/base/images/ui-icons_777777_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: var(--standardpurple-color) !important;
    color: #FFFFFF;
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
    font-weight: normal;
}

.fototekst {
    padding: 10px;
    border-radius: 0.5rem;
    background-color: var(--fototext-color);
    font-size: 1.5em;
    color: var(--almostwhite-color);
    width: 50%;
    text-align: center;
}

.redselected {
    background-color: var(--selectedred-color) !important;
}


.redselectedpcreg {
    border: 1px solid red !important;
}
/*
.top-content .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.top-content .carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.top-content .carousel-indicators li {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #000000;
    border-radius: 50%;
}
/*
.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 50px;
    width: 10px;
    outline: none;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 0;
    background-image: none;
}*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
}

.carousel-control-next-icon:after {
    content: url('../Images/purpleright-24.png');
    color: var(--standardpurple-color);
}

.carousel-control-prev-icon:after {
    content: url('../Images/purpleleft-24.png');
    color: var(--standardpurple-color);
}
/**/

#aankondiging {
    padding: 0;
    margin: 0;
}

#aankondiging div {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 300px;
    height: 215px;
    background-color: var(--aankondiging-color);
    color: var(--standardwhite-color);
    z-index: 999;
    border: 1px solid #FFFFFF;
    border-radius: 0.7em;
    font-size: 0.8rem;
    padding: 8px;
    overflow: auto;
}

.prcmain {
    padding: 0;
    background-color: var(--standardwhite-color);
}

/*
.prccontainer {
    padding: 0 0 20px 0 !important;
}
*/

    .pagecontainer {
    border-top: 2px solid var(--standardpurple-color);
    min-height: 600px;
    padding: 0 30px 30px 0;
    color: var(--standardpurple-color);
}


.carousel-caption {
    position: absolute;
    left: 60px;
    top: 60px;
    height: 100px;
    text-align: left;
    color: var(--almostblack-color);
}

.manplaatsstraat {
    padding: 20px;
}

.manplaatsstraat td {
    padding-right: 20px;
}

.manplaatsstraat table tr td:nth-child(2),
.manplaatsstraat input {
    width: 100%;
}

.prcsubmain {
    padding: 20px 15px 30px 0 !important;
    background-color: var(--standardwhite-color);
}

.prcdropdown {
    padding: 0;
}

.afmelding {
    color: rgba(255, 255, 255, 1);
    border: 5px solid transparent;
    border-right: 70px solid transparent;
    padding: 12px 12px 10px 15px;
    margin-left: -21px;
    margin-right: -21px;
}

.afmelding:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}


.imageinfo {
    /*
    width: 800px;
    height: 600px;
    */
    width: 900px;
    height: 675px;
}

#bestelgroepen {
    /*padding-bottom: 30px;*/
}

.prcgroepen {
    padding-top: 25px;
    position: relative;
    overflow-x: auto;
    min-height: 160px;
}

.prcgroepen > div:first-child {
    cursor: pointer;
    min-width: 1090px;
    
}

.prcgroepen a {
    text-decoration: none;
}

.prcgroepen div div:hover .prcgroepen span {
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    /*border-radius: 1rem;*/
}

.prcgroepen span:hover {
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    padding: 2px 15px 2px 16px;
    border-radius: 1rem;
}

.prcgroepen span {
    color: var(--standardpurple-color);
}

.prcbtn {
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    border-radius: 1rem;    
    padding: 5px 40px 5px 40px;
    font-size: 1rem;
    border: 0;
}

.prcbtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.nieuwelocatiebtn {
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    border-radius: 0.8rem;
    padding: 2px 10px 2px 10px;
    font-size: 0.8rem;
    border: 0;
}

.nieuwelocatiebtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.contactbtn {
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    border-radius: 1rem;
    padding: 5px 40px 5px 40px;
    font-size: 1rem;
}

.contactbtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.prcfun2work {
    font-size: 2.55rem;
    color: var(--standardpurple-color);
}

.ftww2 {
    padding-top: 30px;
    font-size: 1.55rem;
}

.prcnav {
    background-color: var(--standardblack-color);
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 1);*/
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.prcnav img {
    cursor: pointer;
}

.prcmenu_link {
    background-color: var(--standardblack-color);
    color: var(--standardwhite-color) !important;
    cursor: pointer;
    padding-left: 22px !important;
    padding-right: 22px !important;
    font-size: 0.95rem;
    min-height: 50px;
    padding-top: 14px;
}

.prcmenu_link:hover {
    background-color: var(--standardpurple-color) !important;
    color: var(--standardwhite-color) !important;
}

.prcmenu_ritem {
    background-color: var(--standardblack-color);
    color: var(--standardwhite-color) !important;
    cursor: pointer;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.95rem;
    min-height: 50px;
    padding-top: 14px;
}

.prcmenu_ritem:hover {
    background-color: var(--standardpurple-color) !important;
}

.prcdropdown:hover {
    background-color: var(--standardblack-color) !important;
    color: #FFFFFF;
    cursor: pointer;
}

.containerfooter {
    background-image: url('../images/footer_image.png');
    background-size: cover;
    width: 100%;
}

.prcfooter {
    padding: 20px 0 20px 0;
    min-height: 200px;
    color: var(--standardwhite-color);
    font-size: 0.8rem;
}

.prcfooter ul {
    padding: 0;
    list-style-type: none;
}


.prcfooter li a {
    color: var(--standardwhite-color);
}

.prcfooter li a:hover {
    color: var(--standardwhite-color);
}

#bestel_submenu div {
    padding-right: 20px !important;
    cursor: pointer;
}

.chkfamilie {
    margin-top: -7px !important;
    font-size: 1.4rem;
    padding-right: 4px;
}

#loader {
    max-height: 31px;
    min-height: 31px;
    height: 31px;
    /*border: 1px solid red;*/
    margin-bottom: 0;
    text-align: center;
}
/************************************** Bestel (start) ****************************************/

#zoekbox {
    background-image: url('../Images/search24.png');
    background-repeat: no-repeat;
    height: 24px;
    margin-top: 13px;
    padding-left: 25px;
    border: 1px solid #000000;
    border-radius: 25px;
}

#bestel_submenu div {
    display: inline-flex;
    padding: 5px 15px 5px 0;
}

.prcbestel {
    border-top: 2px solid var(--standardpurple-color);
    margin: 0 -30px 0 0;
}

.bestel_c1 {
    /*padding: 10px 35px 30px 0;
    min-height: 600px;
    height: 600px;*/
    border-right: 2px solid var(--standardpurple-color);
    padding-top: 20px;
    overflow: auto;/**/
}

.p1_bestel {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.p1_reg {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.bestel_c2 {
    padding: 20px 0 0 35px;
}

.besteldatasubtitel, .mijngegevenssubtitel {
    font-weight: bold;
    font-size: 1em;
}

.artikelrow {
    min-height: 65px;
}

.artikelrowimg {
    padding: 0;
    cursor: pointer;
}

.artikel_col input {
    width: 60px;
    height: 24px;
    border: 1px solid var(--standardpurple-color);
}

.artikeltext {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.3em;
}

.artikeleuro {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.3em;
}

.btwtxt {
    font-size: 0.8em;
}


.art_favorit {
    font-size: 1.1em;
    cursor: pointer;
}

.art_plus {
    padding-left: 4px;
    cursor: pointer;
}

.art_min {
    padding-right: 4px;
    cursor: pointer;
}

.reserveringftr {
    font-size: 1em;
    font-weight: bold;
    border-top: 1px solid var(--standardpurple-color);
}

.reserveringbtw {
    font-size: 1em;
    font-weight: bold;
}

.reserveringhdr {
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid var(--standardpurple-color);
    margin-bottom: 2px;    
}


.bestellijstaantal input {
    width: 65px;
    height: 24px;
    border: 1px solid var(--standardpurple-color);
}

.besteldelete {
    text-align: right;
    cursor: pointer;
}

.regeltotaal, .regeltotaalbtw {
    display: none;
}

.table {
    color: var(--standardpurple-color) !important;
}

.table th, .table td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.table-striped > tbody > tr:nth-child(odd) > td {
    background-color: var(--oddline-color);
}

tfoot {
    /*font-weight: bold;*/
}

#bestellijst_huurtotaal, #bestellijst_factortotaal, #bestellijst_verkooptotaal, #bestellijst_totaal {
    border: 0 !important;
}

.dialogbutton {
    background-color: var(--standardpurple-color);
    color: var(--almostwhite-color);
    border-radius: 1rem;
    padding: 2px 20px 2px 20px;
    font-size: 0.95rem;    
    text-align: center;
    border: 0;
}

.dialogbutton:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.dialogleft {
    position: absolute;
    left: 20px;
}

.resnavbutton {
    background-color: var(--standardpurple-color);
    color: var(--almostwhite-color);
    border-radius: 1rem;
    padding: 2px 20px 2px 20px;
    font-size: 0.95rem;
    width: 210px;
    display: block;
    text-align: center;
}

.resnavbutton:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.resnavbuttonnogo {
    background-color: var(--button_nogo-color);
}

.alleordersbutton {    
    color: var(--standardpurple-color);
    padding: 2px 20px 2px 20px;
    font-size: 0.95rem;
    text-align: center;
    border: 0;
}

.alleordersbutton:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.restext {
    font-size: 0.9em;
    font-weight: bold;
}

.resvoorwaardenlink {
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: underline;
    color: var(--standardpurple-color);
}
.resreveren_avoorwaarden a {
    color: var(--standardpurple-color) !important;
    text-decoration: underline;
}

.resreveren_avoorwaarden input {
    margin-top: -6px;
}

.bevestigingreservering {
    min-height: 40px !important;
}

.bevestigingreservering a {
    padding: 14px !important;
}

.transporttype select {
    border: 1px solid var(--standardpurple-color);
}

.vanaf {
    padding-top: 20px;
}

.huurfactorinfo {
    padding-bottom: 20px;
    height: 22px;
}

.huurfactoren {
    padding-top: 20px;
}

.vanaf input, .huurfactorinfo input {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
}

#vandag, #totdag, #bezorgdag, #retourdag {
    padding-left: 15px;
}

.totenmet input {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
}

.referentie input, #voorletters, #locatievoorletters, #voornaam, #locatievoornaam, #tussenvoegselm,
#locatietussenvoegsel, #achternaam, #locatieachternaam, #emailadres, #locatieemailadres, #locatietelefoonnummer,
#bezorgstraat, #bezorgplaats, #factuurstraat, #factuurplaats, #bedrijfsnaam, #mijnbedrijfsnaam,
#mijnvoorletters, #mijnvoornaam, #mijntussenvoegsel, #mijnachternaam, #mijnemailadres, #mijntelefoonnummer,
#mijnbezorgstraat, #mijnbezorgplaats, #mijnfactuurstraat, #mijnfactuurplaats, #mijnreferentie, #locatienaam, #locatiecontactinfo,
#pwd, #pwdb, #pw, #pwcheck {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 330px;
}

#landnummer {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 74px;
    margin-top: 2px;
}

#telefoonnummer {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 203px;
}

#locatiewebcontact {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 300px;
}

#mijnbank, #mijnbetaalwijze {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
}

#mijnopmerkingen {
    border: 1px solid var(--standardpurple-color);
    height: 130px;
    width: 330px;
    padding: 2px;
}


#locatiepostcode, #locatiestraatnummer, #locatiestraattoevoeging,
#factuurpostcode, #factuurstraatnummer, #factuurstraattoevoeging,
#mijnbezorgpostcode, #mijnbezorgstraatnummer, #mijnbezorgstraattoevoeging,
#mijnfactuurpostcode, #mijnfactuurhuisnummer, #mijnfactuurhuisnummertoevoeging,
#regpostcode, #regstraatnummer, #regtoevoeging {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 80px;
}

#btwnummer, #kvknummer, #mijnbtwnummer, #mijnkvknummer {
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 150px;
}

#voorletters, #tussenvoegsel, #locatievoorletters, #locatietussenvoegsel, #mijnvoorletters, #mijntussenvoegsel {
    height: 22px;
    width: 80px;
}

.regcontainer {
    max-width: 800px !important;
}

.accountcontainer hr {
    background-color: #FFFFFF;
    padding-right: 300px;
}

.register {
    min-width: 350px !important;
    border-radius: 1rem;
    border: 0;
    height: 30px !important;
    background-color: var(--almostwhite-color);
    color: var(--standardpurple-color);
}

.register2 {
    min-width: 350px !important;
    border: 0;
    height: 22px !important;
    background-color: var(--almostwhite-color);
    color: var(--standardpurple-color);
}

#reglandnummer {
    min-width: 50px !important;
    border: 0;
    height: 22px !important;
    background-color: var(--almostwhite-color);
    color: var(--standardpurple-color);
}

.regtelnummer {
    min-width: 277px !important;
    border: 0;
    height: 22px !important;
    background-color: var(--almostwhite-color);
    color: var(--standardpurple-color);
}

.titelanders {
    min-width: 179px !important;
    width: 179px !important;
}

.registerbtn {
    background-color: var(--button_inverse-color);
    color: var(--standardpurple-color);
    border-radius: 1rem;
    padding: 5px 40px 5px 40px;
    font-size: 1rem;
    outline: none;
    border: 0;
}

.registerbtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

#titel_m, #locatietitel_m, #mijntitel_m, #relatietype_p, #mijnrelatietype_p, .factuuradres_option1 {
    margin-right: 5px;
}

#titel_f, #locatietitel_f, #relatietype_z, #titel_d, #locatietitel_d, .factuuradres_option2, #mijntitel_f, #mijnrelatietype_z, #mijntitel_d {
    margin-right: 5px;
    margin-left: 10px;
}

#titel_anders, #locatietitel_anders, #mijntitel_anders {
    margin-left: 5px;
    border: 1px solid var(--standardpurple-color);
    height: 22px;
    width: 90px;
}

.afrekentabel tr td:nth-child(1) {
    min-width: 150px;
    max-width: 150px;
    height: 18px;
    line-height: 0px;
    font-size: 0.9em;
    vertical-align: top;
}

.afrekentabel tr td:nth-child(2) {
    min-width: 300px;
    max-width: 300px;
    font-size: 0.9em;
    font-weight: bold;
    height: 18px;
    line-height: 0px;
    vertical-align: top;
}

.afrekentabel tr td:nth-child(2) textarea {
    width: 300px;
    font-size: 0.9em;
    height: 130px;
}

.artikelinfofoto {
    text-align: center;
}

.artikelinfofoto img {
    width: 100%;
}

.artikelinfo {
    padding-left: 40px;
}

.artikelinfo td {
    padding-right: 15px;
}


.artikelinfo tr td:nth-child(2) {
    text-align: right;
}

.artikelinfo tr td:nth-child(4) {
    width: 100%;
}

/*
#detailtumbs {
    padding-top: 20px;
    min-height: 50px;
    margin: auto;
}

#detailtumbs td {
    width: 40px;
    height: 40px;
}
*/
.detailtumbs {
    height: 50px;
    padding-top: 12px;
}


.detailtumbs img {
    max-width: 40px;
    max-height: 40px;
    cursor: pointer;
}

.infoartikel {
    min-height: 650px;
}

.eindeaanvraag {
    padding: 40px;
    text-align: center;
}

.eindeaanvraag {
    padding-bottom: 20px;
}

.eindeaanvraag p {
    font-weight: bold;
}

.eindeaanvraag img {
    width: 500px;
}

.eindeaanvraagemailadres {
    padding:40px;
}

/************************************** Bestel (end) ****************************************/
/************************************** Over PRC (start) ****************************************/
.prcabout {
    margin: 0;
    padding: 10px 0 30px 0;
}

.prcabout .col {
    margin: 20px 0 20px 0;
    padding: 0;
}

/*
.p1_prcabout {
    padding-top: 30px;
    padding-right: 50px;
    font-size: 1.25rem;
    color: var(--standardpurple-color);
}
*/

.p1_prcabout {
    font-size: 1rem;
    padding-right: 50px;
    padding-top: 30px;
    color: rgba(0, 0, 0, 1);
}

.p2_prcabout {
    font-size: 1rem;
    padding-right: 50px;
    color: rgba(0, 0, 0, 1);
}

.p3_prcabout {
    padding-top: 50px;
    padding-right: 50px;
}


/************************************** Over PRC (end) ****************************************/
/************************************** Inspiratie (start) ****************************************/
.prcinspiratie {
    padding: 20px 15px 30px 0;
}

.p1_inspiratie {
    color: var(--standardpurple-color);
    font-size: 2rem;
}

.p2_inspiratie {
    color: var(--totalblack-color);
    font-size: 1rem;
    padding-right: 100px;
}

.p3_inspiratie {
    color: var(--standardpurple-color);
    font-size: 1.1rem;
    font-weight: bold;
}

.p4_inspiratie {
    color: var(--standardpurple-color);
    font-size: 1.2rem;
    text-align: center;
}

.insptegel {
    margin: 0;
    padding: 11px;
}

.insta_icon {
    padding-top: 20px;
}


/************************************** Inspiratie (end) ****************************************/


/************************************** Downloads (start) ****************************************/

.prcdownloads {
    margin: 0;
    padding: 0 0 30px 0;
}

.downloads_c1 {
    /*padding: 10px 35px 30px 0;*/
    min-height: 600px;
    border-right: 2px solid var(--standardpurple-color);
    padding-top: 20px;
}

.downloads_c2 {
    padding: 20px 0 0 35px;
}

.p1_downloads {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.p2_downloads {
    color: var(--totalblack-color);
    font-size: 0.8rem;
    margin-bottom: 30px;
}

.prcdownloads ul {
    padding: 0;
    list-style-type: none;
}

.prcdownloads li {
    margin-bottom: 12px;
}

.downloadbtn {
    background-color: var(--button_inverse-color);
    color: var(--standardpurple-color);
    border-radius: 1rem;
    padding: 2px 20px 2px 20px;
    font-size: 0.95rem;
    text-align: left;
    min-width: 220px;
    width: 220px;
    display: block;
}

.downloadbtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}



/************************************** Downloads (end) ****************************************/


/************************************** Contact (start) ****************************************/

.contact_c1 {
    /*padding: 10px 35px 30px 0;*/
    padding-top: 20px;
    min-height: 600px;
    border-right: 2px solid var(--standardpurple-color);
}

.contact_c2 {
    padding: 20px 0 0 35px;
}

.p1_contact {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.p2_contact {
    color: var(--standardblack-color);
    margin-bottom: 20px;
}

.p2_contact a, .standardlink {
    color: var(--standardpurple-color) !important;
    text-decoration: underline;
}

.p3_contact {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin: 0;
}

.route_contact {
    border: 0; /*1px solid var(--standardpurple-color);*/
    padding: 0;
}

.contacttbl tr td:nth-child(1) {
    min-width: 120px;
}
.contacttbl tr td:nth-child(2) {
    width: 100%;
}

.contact_label{
    vertical-align: top;
    width: 120px;
    color: var(--standardblack-color);
}

.contact_input {
    width: 25rem;
    max-width: 25rem !important;
    height: 1.2rem;
    margin-left: 1rem;
    border: 1px solid var(--standardpurple-color);
}

.contactbericht {
    width: 25rem;
    height: 10rem;
    margin-left: 1rem;
    border: 1px solid var(--standardpurple-color);
}

.contact_button {
    padding-top: 30px;
    text-align: right;
}

.p2_contact a, .p2_contact a:visited {
    color: var(--standardblack-color);
}

/************************************** Contact (end) ****************************************/

/************************************** Account (start) ****************************************/

.accountcontainer {
    min-height: 800px;
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    margin-top: -150px;
    padding-top: 100px;
}

.forgotcontainer {
    min-height: 740px;
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    margin-top: -150px;
    padding-top: 100px;
}

.herstelpwcontainer {
    min-height: 720px;
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    margin-top: -150px;
    padding-top: 100px;
}

.resetpwconfirmcontainer {
    min-height: 720px;
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
    margin-top: -150px;
    padding-top: 100px;
}

#account {
    min-height: 720px;
    padding: 85px;
    background-color: var(--standardpurple-color);
    color: var(--standardwhite-color);
}

.mijnaccount {
    font-size: 1.3rem;
}

.login {
    width: 280px;
    border-radius: 1rem;
    border: 0;
    height: 30px !important;
    background-color: var(--almostwhite-color);
    color: var(--standardpurple-color);
}

.logininvalidtext {
    color: yellow;
    text-align: center;
    font-weight: bold;
}

.loginhdr {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: var(--standardpurple-color);
}

.loginbtn {
    background-color: var(--button_inverse-color);
    color: var(--standardpurple-color);
    border-radius: 1rem;
    padding: 5px 40px 5px 40px;
    font-size: 1rem;
    outline: none;
    border: 0;
}

.loginbtn:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}



.loginbtn_p {
    margin: 40px;
}

.loginbtn_pr {
    margin-top: -10px;
}

.registerdiv {
    padding-top: 40px;
    padding-bottom: 40px;
}

.registerrow {

}
.accountlinks {
    color: var(--almostwhite-color);
    text-decoration: underline;
    cursor: pointer;
}

.accountlinks:hover {
    color: var(--standardwhite-color);
}


/************************************** Account (end) ****************************************/

/************************************** Downloads (start) ****************************************/

/************************************** Wish (start) ****************************************/

.prcwish {
    margin: 0;
    padding: 0 0 30px 0;
}

.wish_c1 {
    /*padding: 10px 35px 30px 0;*/
    min-height: 600px;
    /*border-right: 2px solid var(--standardpurple-color);*/
    padding-top: 20px;
}

.p1_wish {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

/************************************** Wish (end) ****************************************/

/************************************** Wish (start) ****************************************/

.prccart {
    margin: 0;
    padding: 0 0 30px 0;
}

.cart_c1 {
    /*padding: 10px 35px 30px 0;*/
    min-height: 600px;
    /*border-right: 2px solid var(--standardpurple-color);*/
    padding-top: 20px;
}

.p1_cart {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

/************************************** Wish (end) ****************************************/

/************************************** Mijn PRC (start) ****************************************/

.gegevens {
    background-color: var(--standardpurple-color);
    color: var(--almostwhite-color);
    border-radius: 1rem;
    padding: 2px 20px 2px 20px;
    font-size: 0.95rem;
    width: 210px;
    display: block;
    text-align: center;
}

.gegevens:hover {
    background-color: var(--standardblack-color);
    color: var(--almostwhite-color);
    text-decoration: none;
}

.mijnprc_submenu {
    padding-top: 40px;
}

.mijnprc_menu_item {
    width: 100% !important;
    height: 30px !important;
}

.mijnprc_menu_item1 {
    width: 100% !important;
    height: 50px !important;
}

.mijnprc_menu_item a {
    color: var(--standardpurple-color);
    cursor: pointer;
    text-decoration: underline !important;
}

.mijnprc_menu_item a:hover {
    color: rgba(0, 0, 0, 1) !important;
}

.mijnprctitel {
    color: var(--standardpurple-color);
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.wijzigplaatsadres a, .wijzigplaatsadresreg a, #factuuradres a, #bezorgadres a {
    color: var(--standardpurple-color);
    cursor: pointer;
    text-decoration: underline !important;
}

.wijzigplaatsadres a:hover, #bezorgadres a:hover, #factuuradres a:hover {
    color: rgba(0, 0, 0, 1) !important;
}

.wijzigplaatsadresreg a:hover {
    color: rgb(240, 246, 89) !important;
}

.verkeerdeinvoer {
    color: #FF0000;
}
/************/
.mijnordersbody {
    border: 1px solid var(--standardpurple-color);
    height: 500px;
    overflow: auto;
}

.mijnorderszoek {
    width: 100%;
    border: 1px solid var(--standardpurple-color);
}

.mijnorderszoek table {
    min-width: 100%;
    max-width: 100%;
}

.mijnorderszoek table tr td:nth-child(1) {
    min-width: 100%;
    max-width: 100%;
}

.mijnorderszoek input {
    min-width: 100%;
    border-color: transparent; /*var(--standardpurple-color);*/
    outline-color: var(--standardpurple-color);
}

.mijnorderszoek table tr td:nth-child(2) {
    min-width: 30px;
    max-width: 30px;
}

.hiddeninput {
    width: 0;
    height: 0;
    border-color: transparent; 
    outline-color: transparent;
}

.mijnordershdr th, .mijnordersbody td {
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 0.9em;
}

.mijnordershdr th {
    background-color: var(--standardpurple-color);
    color: #FFFFFF;
}


.mijnordersbody table tr:nth-child(odd) {
    background-color: var(--oddline2-color);
}

/* show */
.mijnordershdr table tr th:nth-child(1), .mijnordersbody table tr td:nth-child(1) {
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    cursor: pointer;
}

/* Orderdatum */
.mijnordershdr table tr th:nth-child(2), .mijnordersbody table tr td:nth-child(2) {
    min-width: 100px;
    max-width: 100px;
}

/* Ordernummer */
.mijnordershdr table tr th:nth-child(3), .mijnordersbody table tr td:nth-child(3) {
    min-width: 100px;
    max-width: 100px;
}

/* Huurdatum */
.mijnordershdr table tr th:nth-child(4), .mijnordersbody table tr td:nth-child(4) {
    min-width: 100px;
    max-width: 100px;
}

/* Status */
.mijnordershdr table tr th:nth-child(5), .mijnordersbody table tr td:nth-child(5) {
    min-width: 100px;
    max-width: 100px;
}

/* Referentie */
.mijnordershdr table tr th:nth-child(6), .mijnordersbody table tr td:nth-child(6) {
    width: 100%;
}


.mijnartikelen thead {
    font-weight: bold;
    border-bottom: 1px solid var(--standardpurple-color);
}

/* Aantal */
.mijnartikelen tr td:nth-child(1) {
    min-width: 50px;
    max-width: 50px;
}

/* Omschrijving */
.mijnartikelen tr td:nth-child(2) {
    width: 100%;
}

/************/

.mijnlocatiesbody {
    border: 1px solid var(--standardpurple-color);
    height: 500px;
    overflow: auto;
}

.mijnlocatieshdr th, .mijnlocatiesbody td {
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 0.9em;
}

.mijnlocatieshdr th {
    background-color: var(--standardpurple-color);
    color: #FFFFFF;
}


.mijnlocatiesbody table tr:nth-child(odd) {
    background-color: var(--oddline2-color);
}

/* edit */
.mijnlocatieshdr table tr th:nth-child(1), .mijnlocatiesbody table tr td:nth-child(1) {
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    cursor: pointer;
}

/* Locatie */
.mijnlocatieshdr table tr th:nth-child(2), .mijnlocatiesbody table tr td:nth-child(2) {
    min-width: 220px;
    max-width: 220px;
}

/* Adres */
.mijnlocatieshdr table tr th:nth-child(3), .mijnlocatiesbody table tr td:nth-child(3) {
    min-width: 220px;
    max-width: 220px;
}

/* PcWpl */
.mijnlocatieshdr table tr th:nth-child(4), .mijnlocatiesbody table tr td:nth-child(4) {
    min-width: 220px;
    max-width: 220px;
}

/* Standaard */
.mijnlocatieshdr table tr th:nth-child(5), .mijnlocatiesbody table tr td:nth-child(5) {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

/************/

.mijncontactenbody {
    border: 1px solid var(--standardpurple-color);
    height: 500px;
    overflow: auto;
}

.mijncontactenhdr th, .mijncontactenbody td {
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 0.9em;
}

.mijncontactenhdr th {
    background-color: var(--standardpurple-color);
    color: #FFFFFF;
}


.mijncontactenbody table tr:nth-child(odd) {
    background-color: var(--oddline2-color);
}

/* edit 
.mijncontactenhdr table tr th:nth-child(1), .mijncontactenbody table tr td:nth-child(1) {
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    cursor: pointer;
}
*/

/* Contact */
.mijncontactenhdr table tr th:nth-child(1), .mijncontactenbody table tr td:nth-child(1) {
    min-width: 300px;
    max-width: 300px;
}

/* Email */
.mijncontactenhdr table tr th:nth-child(2), .mijncontactenbody table tr td:nth-child(2) {
    min-width: 280px;
    max-width: 280px;
}

/* Telefoon*/
.mijncontactenhdr table tr th:nth-child(3), .mijncontactenbody table tr td:nth-child(3) {
    /*min-width: 250px;*/
    max-width: 180px;
    min-width: 180px;
}

/* Huidige gebruiker */
.mijncontactenhdr table tr th:nth-child(4), .mijncontactenbody table tr td:nth-child(4) {
    /*min-width: 250px;*/
    max-width: 120px;
    min-width: 120px;
    text-align: center;
}

/* padding */
.mijncontactenhdr table tr th:nth-child(5), .mijncontactenbody table tr td:nth-child(5) {
    width: 100%;
}

/************/

.mijnfacturenbody {
    border: 1px solid var(--standardpurple-color);
    height: 500px;
    overflow: auto;
}

.mijnfacturenhdr th, .mijnfacturenbody td {
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    word-wrap: break-word;
    font-size: 0.9em;
}

.mijnfacturenhdr th {
    background-color: var(--standardpurple-color);
    color: #FFFFFF;
}


.mijnfacturenbody table tr:nth-child(odd) {
    background-color: var(--oddline2-color);
}

/* download */
.mijnfacturenhdr table tr th:nth-child(1), .mijnfacturenbody table tr td:nth-child(1) {
    min-width: 25px;
    max-width: 25px;
    text-align: center;
    cursor: pointer;
}

/* Factuurnummer */
.mijnfacturenhdr table tr th:nth-child(2), .mijnfacturenbody table tr td:nth-child(2) {
    min-width: 110px;
    max-width: 110px;
}

/* Factuurdatum */
.mijnfacturenhdr table tr th:nth-child(3), .mijnfacturenbody table tr td:nth-child(3) {
    min-width: 90px;
    max-width: 90px;
}

/* Ordernummer */
.mijnfacturenhdr table tr th:nth-child(4), .mijnfacturenbody table tr td:nth-child(4) {
    min-width: 110px;
    max-width: 110px;
}

/* Status */
.mijnfacturenhdr table tr th:nth-child(5), .mijnfacturenbody table tr td:nth-child(5) {
    min-width: 130px;
    max-width: 130px;
}

/* Bedrag */
.mijnfacturenhdr table tr th:nth-child(6), .mijnfacturenbody table tr td:nth-child(6) {
    min-width: 90px;
    max-width: 90px;
    text-align: right;
}

/* Reeds voldaan */
.mijnfacturenhdr table tr th:nth-child(7), .mijnfacturenbody table tr td:nth-child(7) {
    min-width: 90px;
    max-width: 90px;
    text-align: right;
}

/* Openstaand */
.mijnfacturenhdr table tr th:nth-child(8), .mijnfacturenbody table tr td:nth-child(8) {
    min-width: 90px;
    max-width: 90px;
    text-align: right;
}

/* Betaal */
.mijnfacturenhdr table tr th:nth-child(9), .mijnfacturenbody table tr td:nth-child(9) {
    min-width: 100px;
    max-width: 100px;
    padding-left: 20px;
}

/* Padding */
.mijnfacturenhdr table tr th:nth-child(10), .mijnfacturenbody table tr td:nth-child(10) {
    width: 100%;
}

#contactvalidatie, #locatievalidatie {
    color: red;
}
/************************************** Mijn PRC (end) ****************************************/


.prcbetaling {
    padding: 20px !important;
    background-color: var(--standardwhite-color);
    min-height: 660px;
}

.standaardtransport {
    color: red;
}

.standaardtransport img {
    cursor: pointer;
    padding-bottom: 3px;
}

/**********************************************************************************************/