.petjeaf-button {
padding: 12px 16px !important;
border-radius: 4px !important;
background: #510fa8 !important;
display: inline-block !important;
color: #ffffff !important;
font-weight: 700 !important;
border: 1px solid #510fa8 !important;
text-decoration: none !important;
font-family: 'Nunito', sans-serif !important;
text-transform: none !important;
position: relative !important;
outline: 0 !important;
box-shadow: none !important;
}
.petjeaf-button--loading:after {
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(255, 255, 255, 0.5);
position: absolute;
z-index: 2;
}
.petjeaf-button--icon {
position: relative !important;
padding-left: 45px !important;
}
.petjeaf-button--icon:before {
display: inline-block;
content: '';
background-image: url(//colombiaans.nl/wp-content/plugins/petje-af/public/images/petje-af-icon.svg);
background-size: 25px 25px;
width: 25px;
height: 25px;
margin-right: 15px;
position: absolute;
left: 10px;
}
.petjeaf-button--cta {
background: transparent !important;
border-color: #4cd964 !important;
background: #4cd964 !important;
}
.petjeaf-button--info {
background: transparent !important;
border-color: #24b7fa !important;
color: #24b7fa !important;
}
.petjeaf-button--info:hover,
.petjeaf-button--info:active,
.petjeaf-button--info:focus {
color: #fff !important;
background-color: #24b7fa !important;
border-color: #24b7fa !important;
}
.petjeaf-button--cta:hover,
.petjeaf-button--cta:active,
.petjeaf-button--cta:focus {
color: #fff !important;
background-color: #2dd249 !important;
border-color: #2ac845 !important;
}
.petjeaf-button__loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #510fa8;
border-radius: 50%;
width: 25px;
height: 25px;
animation: spin 2s linear infinite;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12.5px;
margin-left: -12.5px;
z-index: 3;
}
.petjeaf-button--info .petjeaf-button__loader {
border-top: 4px solid #24b7fa;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .petje-af-access-denied-box {
background: #fafbfe;
border: 1px solid #eff2f7;
padding: 30px 15px;
text-align: center;
font-family: 'Nunito', sans-serif !important;
font-size: 16px !important;
position: relative;
border-radius: 4px !important;
box-shadow: 0 3px 6px rgba(0,0,0,0.06), 0 3px 6px rgba(0,0,0,0.13);
}
.petje-af-access_denied-box--hide {
margin-top: -75px;
}
.petje-af-access_denied-box--hide:before { 
content: '';
position: absolute;
left: 0;
right: 0;
top: -120px;
height: 120px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0.7) 31%, rgba(255,255,255,0) 100%);
}
.petje-af-access-denied-box p {
margin-bottom: 0 !important;
}
.petje-af-access-denied-box h4 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 700;
}
.petje-af-access-denied-box__prefix {
display: block;
color: #8492a6;
padding: 20px 0 15px;
font-size: 14px !important;
font-family: 'Nunito', sans-serif !important;
} .petje-af-account {
background: #fafbfe;
border: 1px solid #eff2f7;
padding: 15px 15px;
font-family: 'Nunito', sans-serif !important;
font-size: 16px !important;
}
.petje-af-account h4 {
margin-top: 10px !important;
margin-bottom: 15px !important;
}
.petje-af-account__prefix {
display: block;
color: #8492a6;
padding: 20px 0;
font-size: 14px !important;
} .petjeaf-redirecter {
width: 100%;
display: block;
text-align: center;
}
.petjeaf-redirecter--loading {
position: fixed;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(255, 255, 255, 0.9);
z-index: 10090;
}
.petjeaf-redirecter__loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #510fa8;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
z-index: 10091;
position: fixed;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
}
.petjeaf-redirecter--loading .petjeaf-redirecter__error {
display: none;
}
.petjeaf-redirecter__error {
display: block;
text-align: left;
padding: 15px;
border: 1px solid red;
color: red;
}