.wd-authenticator-container{position:relative; padding:30px;}
.wd-authenticator-wrapper{position:relative; margin-top:20px;}

.wd-authenticator-loader{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:999; background-image:url(../assets/loader.svg); background-position:center center; background-repeat:no-repeat;}

.wd-authenticator-submission{position:absolute; width:100%; height:100%; background-color:#fff; z-index:999; top:0; left:0;}
.wd-authenticator-submission-wrapper{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.wd-authenticator-submission-icon-wrapper{width:200px; height:200px; background-color:rgba(9, 160, 85, .2); border-radius:100%; display:flex; align-items:center; justify-content:center;}
.wd-authenticator-submission-icon-wrapper svg{color:rgba(9, 160, 85, 1); width:50px;}
.wd-authenticator-submission-wrapper p{color:rgba(9, 160, 85, 1); font-weight:bold; margin-top:10px;}
.wd-authenticator-submission-wrapper button{border:0 none; background-color:rgba(9, 160, 85, .7); color:#fff; border-radius:30px; padding:5px 30px; cursor:pointer; font-weight:bold; transition:.2s all ease-in-out}
.wd-authenticator-submission-wrapper button:hover{background-color:rgba(9, 160, 85, 1);}

.wd-authenticator-header{}
.wd-authenticator-header h3{font-weight:600; color:rgba(0,0,0,.7)}
.wd-authenticator-header p{color:rgba(0,0,0,.4)}

.wd-authenticator-inputs-wrapper{display:flex; flex-direction:column; align-items:flex-start}

.wd-authenticator-inputs-wrapper.code{flex-direction:row; align-items:center; justify-content:center; margin-top:20px;}
.wd-authenticator-inputs-wrapper.code .wd-form-control{flex-direction:row; align-items:center; width:auto}
.wd-authenticator-inputs-wrapper.code input{flex:1; height:42px;}
.wd-authenticator-inputs-wrapper.code label{margin-bottom:0; margin-right:5px;}
.wd-authenticator-inputs-wrapper.code .wd-submit-button{border-radius:0 5px 5px 0; height:42px;}
.wd-authenticator-inputs-wrapper.code span.error{position:absolute; bottom:-5px;}

.wd-form-control{display:flex; flex-direction:column; margin-bottom:20px; min-width:35%;}
.wd-form-control label{font-weight:bold; color:rgba(0,0,0,.5); margin-bottom:5px;}
.wd-form-control input,
.wd-form-control textarea{padding:7px; transition:.2s all ease-in-out; border:1px solid rgba(0,0,0,1); border-radius:0 !important;}
.wd-form-control input:hover{}
.wd-form-control input:focus{}

.wd-form-control .error{color:rgba(188, 9, 18, 1)}

.wd-authenticator-wrapper .error-message{border:1px solid rgba(188, 9, 18, 1); background-color:rgba(188, 9, 18, .1); padding:5px 10px; color:rgba(188, 9, 18); margin-bottom:10px;}
.wd-authenticator-wrapper .error-message p{margin:0;}
.wd-authenticator-wrapper .success-message{border:1px solid rgba(18, 188, 9, 1); background-color:rgba(18, 188, 9, .1); padding:5px 10px; color:rgba(18, 188, 9); margin-bottom:10px;}
.wd-authenticator-wrapper .success-message p{margin:0;}

.wd-form-control .wd-submit-button{border-radius:50px; border:0 none; padding:8px 20px; font-weight:bold; line-height:1;}