/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 9, 2020, 12:53:35 PM
    Author     : maartendewilde
*/
.greyout{
    background-color:#ccc;
    background-color: rgba(120, 181, 248, 0.3);
    opacity: inherit;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.popup{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    padding: 1%;
    width: 55%;
    height: 98%;
    overflow-y: auto;
}

@media (max-width: 1702px) {  
    .popup, .popupbedankt {
       width: 75%;
    } 
}

.popupbedankt{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #fff;
    border-radius: 20px;
    text-align: left;
    padding: 1%;
    width: 55%;
}

.machtiging-title{
    margin-bottom: 10px;
    text-align: center;
}

.zakelijkbtn{
    background-color: #EBF4FE;
    border-radius: 20px;
    padding: 0.8%;
    width: 48%;
    text-align: center;
    align-content: center;
    float: left;
}

.privebtn{
    background-color: #EBF4FE;
    border-radius: 20px;
    padding: 0.8%;
    width: 48%;
    text-align: center;
    align-content: center;
    margin-left: 52%; 
}
.invoer{
    width: 100%;
    border: 2px solid #002546;
    padding: 12px 22px;
    background: #fff;
    border-radius: 100px;
    margin-top: 5px;
}

#invbedrijfsnaam, #invadres, #invwoonplaats, #invpostcode, #inviban, #invtenaamstellingiban, #invvoornaam, #invachternaam{
    border: 0px solid black;
    width: 100%;
    outline: none;
}

.invland{
    border: 0px solid black;
    width: 100%;
    outline: none;
    color: #3891F5;
}

.readonly {
    pointer-events: none;
    touch-action: none;
}

.whitearound{
    padding: 4%;
}

.spacearound{
    padding: 2%;
}

.header, .radio{
    padding-bottom: 5%;
}

.bluetext{
    color: #3891F5;
}

.iconeuro{
    float: left;
    padding-top: 1.5%;
    padding-right: 1%;
    width: 40px;
}

.tweeineenregel{
    flex-wrap: wrap;
}

.linkshalf{
    width: 48%;
    border: 2px solid #002546;
    padding: 12px 22px;
    background: #fff;
    border-radius: 100px;
    margin-top: 5px;
    display: inline-block;
}

.rechtshalf{
    float: right;
    width: 48%;
    border: 2px solid #002546;
    padding: 12px 22px;
    background: #fff;
    border-radius: 100px;
    margin-top: 5px;
    display: inline-block;
}

.textconfirm{
    font-size: 12px;
}

.bevestigenknop{
    margin-top: 5px;
    float: right;
    text-align: center;
    margin-bottom: 10%;
    border: 3px solid #fff;
    padding: 12px 15%;
    background: #ef9122;
    border-radius: 100px;
    color: #fff;
    margin:auto;
    transition-duration: 0.5s;
    font-family: 'patua_oneregular' !important;
}

.bevestigenknop:hover{
    transition-duration: 0.5s;
    background: #d3770b;
}

.footerincasso{

    margin-top: 70px;
    background-color: #EBF4FE;
    border-radius: 20px;
}

.contentfooterincasso{
    padding: 10px;
}

.incassobottext{
    margin-top: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

.fas.fa-angle-right{
    position: relative;
    display: inline-block;
    -webkit-transform: translate(-50%,-55%);
    height: 22px;
    padding-left: 17px;
    font-size: 2em;
    line-height: 45px;
    margin-left: 15px;
    margin-right: 0px;
}

.footerheader{
    width: 100%;
}

.gegevensleft{
    float: left;
    font-size: 14px;
}

.gegevensright{
    float: left;
    margin-left: 10%;
    font-size: 12px;
}

.subclass{
    width: 100%;
    display: table;
}

.subclassgegevensrightleft{
    float: left;
    font-size: 12px;
    display: table-cell;
    width: auto;
}

.subclassgegevensrightright{
    float: left;
    font-size: 11px;
    display: table-cell;
    width: auto;
    font-size: 12px;
    margin-left: 5px;
}

.naamincassant{
    font-size: 14px;
    font-weight: bold;
}

.centeringtextandblue{
    text-align: center;
    color: #3891F5;
    font-size: 23px;    
    font-family: 'patua_oneregular' !important;

}

.centeringtextbigtext{
    text-align: center;
    font-size: 20px;
}

.centeringtext{
    text-align: center;
}

.bevestigenknop1{
    margin-top: 5px;
    text-align: center;
    margin-bottom: 10%;
    border: 3px solid #fff;
    padding: 12px 15%;
    background: #ef9122;
    border-radius: 100px;
    color: #fff;
    width: auto;
    margin: auto;
    transition-duration: 0.5s;
    font-family: 'patua_oneregular' !important;
}

.bevestigenknop1:hover{
    transition-duration: 0.5s;
    background: #d3770b;
}

.centerbutton{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: auto;
}

.linkLook{
    background: none;
    color: black;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    font-size: 15px;
    text-decoration: underline;
}

.btnwhiteborder{
    float: right;
    text-align: center;
    border: 3px solid #fff;
    padding: 12px 20px;
    background: #ef9122;
    border-radius: 100px;
    color: #fff;
    transition-duration: 0.5s;
    font-family: 'patua_oneregular' !important;
    font-size: 15px;
}

a.cntrInsideBtn{
    padding-top: 4px;
    padding-right: 1px;
    width: auto;
}