#wkrFormPaymenticonfontSpin{
    /* CÓDIGO PARA CHAMAR A ANIMAÇÃO */
    -webkit-animation: wkrSpinSpinner 3s linear alternate 3;
    -moz-animation: wkrSpinSpinner 3.0s linear infinite;
    -ms-animation: wkrSpinSpinner 3.0s linear infinite;
    -o-animation: wkrSpinSpinner 3.0s linear infinite;
    animation: wkrSpinSpinner 3.0s linear infinite;
}


#wkrFormContent{
    position:relative;
    border-left:8px solid #f6f7fc;
    padding:15px 20px 15px 30px;
    margin:40px 0 0 0;
    margin-top:40px;
    margin-bottom:40px;
}
#wkrFormContent div{
    margin-bottom:4px;
}
#wkrFormContent p{
    position:absolute;
    height:35px;
    font-size:12px;
    font-weight:600;
    background:#DDD;
}
#wkrFormContent label{
    display:block;
    font-weight:500;
    padding:0 0 0 5px;
    margin-bottom:-5px;
}
#wkrFormContent input, #wkrFormContent select{
    max-height:45px;
    background:#fcfdff;
    background:#FFF;
	font-size:14px;
    line-height:42px;
    padding:0 8px;
    border-radius:8px;
    margin:5px 0;
}
#wkrFormContent input:focus,#wkrFormContent select:focus{
    border-color:#ced4da;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#wkrFormContent .is-invalid:focus{
    border-color:#dc3545;
}
#wkrFormContent input:placeholder,#wkrFormContent select:focus{
    border-color:#CFD8DC;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#wkrFormContent input:disabled,#wkrFormContent select:disabled{
    color:#b6b7bc;
    background:#f6f7fc;
}
#wkrFormContent input::-webkit-input-placeholder{color:#b6b7bc;}
#wkrFormContent input:-moz-placeholder{color:#b6b7bc;}
#wkrFormContent input::-moz-placeholder{color:#b6b7bc;}
#wkrFormContent input:-ms-input-placeholder{color:#b6b7bc;}

#wkrFormContent input::-moz-selection{color:#FFF; background:#6f42c1;}
#wkrFormContent input::selection{color:#FFF; background:#6f42c1;}

#wkrFormContent .wkrFormLoading{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    padding:0px;
    margin:0px;
    background:rgba(255,255,255,0.65);
    z-index:97;
}
#wkrFormContent .wkrFormLoading .wkrFormLoadingContent{
    display:flex;
    width:100%;
    height:100%;
    text-align:center;
}
.wkrFormLoadingContent div:first-of-type{
    position:relative;
    width:100%;
    margin:0;
}
.wkrFormLoadingContent div div{
    max-width:120px;
    height:120px;
    max-height:120px;
    border-radius:50%;
    background:rgba(255,255,255,0.5);
}
.wkrFormLoadingContent div div img:first-of-type{
    position:absolute;
    top:0px;
    left:0px;

    /* CÓDIGO PARA CHAMAR A ANIMAÇÃO */
    -webkit-animation: wkrSpinSpinner 3s linear alternate 3;
    -moz-animation: wkrSpinSpinner 3.0s linear infinite;
    -ms-animation: wkrSpinSpinner 3.0s linear infinite;
    -o-animation: wkrSpinSpinner 3.0s linear infinite;
    animation: wkrSpinSpinner 3.0s linear infinite;
}
.wkrFormLoadingContent div div img:last-of-type{
    margin-top:41px;
    filter:brightness(0);
    opacity:0.3;
}
#wkrFormContent .wkrFormLoadingContent div p{
    width:100%;
    height:30px;
    max-height:30px;
    left:0px;
    top:130px;
    line-height:30px;
    letter-spacing:1px;
    background:none;
}





#wkrFormPayment{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    padding:20px 15px 0 15px;
    background:#FFF;
}
#wkrFormPayment .row:nth-child(1){
    margin:0px;
    padding:0px;
    text-align:center;
}
#wkrFormPayment .row:nth-child(1) .selected img,#wkrFormPayment .row:nth-child(1) .selected p{
    opacity:1;
}
#wkrFormPayment .row:nth-child(1) .unselected img,#wkrFormPayment .row:nth-child(1) .unselected:hover img,#wkrFormPayment .row:nth-child(1) .unselected p,#wkrFormPayment .row:nth-child(1) .unselected:hover p{
    opacity:0.4;
}
#wkrFormPayment .row:nth-child(1) div{
    position:relative;
    height:120px;
    padding:0px;
    margin-bottom:20px;
    border-bottom:1px solid #EEE;
    cursor:pointer;
}
#wkrFormPayment .row:nth-child(1) img{
    width:50px;
    max-height:50px;
    margin-bottom:10px;
    opacity:0.4;
    transition:0.3s;
}
#wkrFormPayment .row:nth-child(1) div:hover img,#wkrFormPayment .row:nth-child(1) div:hover p{
    opacity:1;
}
#wkrFormPayment .row:nth-child(1) div p{
    width:100%;
    text-align:center;
    background:none;
    font-size:14px;
    letter-spacing:1px;
    opacity:0.4;
    transition:0.3s;
}
#wkrFormPayment .row:nth-child(2) div{
    position:relative;
    padding:0 20px;
}
#wkrFormPayment .row:nth-child(2) div .row{
    top:40px;
    max-height:260px;
}
#wkrFormPayment .row:nth-child(2) #form-checkout div{
    max-height:70px;
}
#wkrFormPayment .row:nth-child(2) .row div{
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
    border:none;
}
#wkrFormPayment .row:nth-child(2) .row div p{
    position:relative;
    height:inherit;
    background:none;
    font-size:14px;
    font-weight:500;
    margin:0px;
    padding:0px;
}
#wkrFormPayment .row:nth-child(2) .row button{
    font-size:12px;
    font-weight:600;
    background:none;
    margin-top:10px;
}
#wkrFormPayment .row:last-of-type{
    padding:0;
}
#wkrFormPayment .row:last-of-type div{
    margin:0px;
    padding-top:20px;
}


#wkrFormPaymentComplete{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    padding:20px 15px 0 15px;
    background:#FFF;
}
#wkrFormPaymentComplete .row:nth-child(1){
    margin:0px;
    padding:0px;
    text-align:center;
}



/* KEY FRAMES PARA FAZER OS GIROS */
@-webkit-keyframes wkrSpinSpinner {
	0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
	100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@-moz-keyframes wkrSpinSpinner {
	0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
	100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@-ms-keyframes wkrSpinSpinner {
	0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
	100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@-o-keyframes wkrSpinSpinner {
	0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
	100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes wkrSpinSpinner {
	0% { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	50% { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
	100% { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}

#wkrPaymentContent{
    padding-top:100px;
    padding-bottom:100px;
}
#wkrPaymentContent .btn{
    color:var(--brand-primary-color-in-font-color);
}
#wkrPaymentContent .btn, #wkrPaymentContent #wckFormLinkSite,#wkrPaymentContent .btn-theme{
    padding:10px 30px;
}
#wkrPaymentContent #wckFormLinkSite,#wkrPaymentContent .btn-theme{
    background:var(--brand-primary-color);
    color:var(--brand-primary-color-in-font-color);
}
#wkrPaymentContent .btn:hover, #wkrPaymentContent #wckFormLinkSite:hover, #wkrPaymentContent .btn-theme:hover{
    background:var(--brand-primary-color);
    color:var(--brand-primary-color-in-font-color);
}