/*
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 : Sep 7, 2020, 1:26:04 PM
    Author     : maartendewilde
*/
.loginBox{
    width: 65%;
    flex-wrap: wrap;
    margin: auto;
}

.inlogTitel{
    text-align: center;
}

#invoerBox1{
    border: 0px solid black;
    width: 100%;
}

#invoerBox1:focus{
    outline: none;
}

#invoerWW1{
    border: 0px solid black;
    width: 100%;
}

#invoerWW2{
    border: 0px solid black;
    width: 100%;
}

#invoerWW1:focus{
    outline: none;
}

#invoerWW2:focus{
    outline: none;
}

#invoerBox2{
    border: 0px solid black;
    width: 100%;
}

#invoerBox2:focus{
    outline: none;
}

#invoerSms{
    border: 0px solid black;
    width: 100%;
    font-size: 15px;
}

#invoerSms:focus{
    outline: none;
}

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

.wwVergeten{
    margin-top: 5px;
    text-align: center;
    float: left;        
}

.link{
    color: #5ca6f6;
    padding-top: 1.75%;
    padding-left: 0;
    float: left;
    position: relative;
    font-size: 15px;
    text-decoration: underline;
}

.link:hover{
    text-decoration: underline;
}

.message{
    color: red;
    text-align: center;
}

.messageSms{
    color: red;
    text-align: left;
}

.messageGreen{
    color: green;
    text-align: center;
    margin-bottom: 10px;
}

.messageRed{
    color: red;
    text-align: center;
    margin-bottom: 10px;
}

.messageLeft{
    color: red;
    text-align: left;
}

.smsDiv{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 20px;
    text-align: left;
    width: 100%;
    max-width: 533px;
}

.smsHeader{
    padding-top: 4%;
    padding-bottom: 10%;
}

.smsBody{
    width: 95%;
    border: 2px solid #002546;
    padding: 12px 22px;
    background: #fff;
    border-radius: 100px;
}

.BlueFontSms{
    color: #5ca6f6;
}

#invoer{
    border: 0px solid black;
    width: 100%;
}

#invoerBoxWachtwoordReset{
    border: 0px solid black;
    width: 100%;
}

.smsFooter{
    bottom: 2%;
}

.confirmBtn{
    margin-top: 5px;
    text-align: center;
    border: 3px solid #fff;
    padding: 12px 20px;
    background: #ef9122;
    border-radius: 100px;
    color: #fff;
    transition-duration: 0.5s;
    font-size: 15px;
    font-family: 'patua_oneregular' !important;
    box-sizing: inherit;
}

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

.smsGreyout{
    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;
}

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


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

.linkLook:hover{
    color: inherit;
}

.boxing{
    width: 35%;
    min-width: 330px;
}

.botLeft{
    float: left;
    width: 45%;
}

.botRight{
    padding: auto;
    float: right;
    width: 55%;
}

.botRightSms{
    padding: auto;
    float: right;
    width: 55%;
    margin-top: 15px;
}

.spaceUnder{
    margin-bottom: 5%;
}

.fas.fa-user-circle{
    height: auto;
    width: auto;
    float: left;
}

.whiteAroundSms{
    padding: 4%;
}

#resendSms{
    padding-top: 11px;
}

.name{
    font-size: 18px;
    color: #5ca6f6;
    font-family: patua_oneregular;
}

.grey-bg{
    background-color: #ccc;
}

::placeholder {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

.textEmail{
    width: 50%;
}

.passwordReset{
    margin-top: -20px;
    float: left;
}

.button-orange{
    background-color: rgb(239,145,34) !important;
}

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

a.extendedButton{
    width: auto;
    padding-left: 15px;
    padding-right: 13px;
}

.pakketten_line_skip{
    vertical-align: middle;
    margin-top: -1px;
}

.pakketten-link{
    font-size: 15px;
    padding-top: 9px;
}

.pakketten-bglink{
    background-color:#EF9122;
}

@media (max-width: 700px) {
    .botLeft{
        width: 100%;
    }
    .clear{
        style: "clear: both";
    }
}

@media (max-width: 535px) {
    .botRightSms{
        float: none;
    }
}