/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('https://intake.apotheekzorg.nl/data/themes/images/img_25e5c71e57a801f0d001c63720f57959-logo_160px.png');
height: 51px;
}

html
{
background-image: url('https://intake.apotheekzorg.nl/data/themes/images/img_7d8bee180db3743f1f13b5962a423454-bg-1.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: transparent;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #6b7280;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #6b7280;
}

#machform_review_table td.mf_review_value
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #374151;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #111827;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #374151;
}

#main_body form li span.ap_tp_text
{
color: #374151;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #374151;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
color: #374151;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #111827;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Rubik','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #374151;
}

#main_body form li.section_break
{
border-top-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

/* Basisinstellingen */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    position: relative;
}

/* Achtergrondafbeelding */
body {
    background-image: url('https://startenmetstoppen.nl/themes/startenmetstoppen/assets/img/backgrounds/bg-1.png');
    background-size: cover;
    background-position: center;
}

/* Geanimeerde overlay */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(164deg, #6ba6e9 16%, #cf4d3f, #cb4d7c, #98ace0, #68c3b2 80%, #943e50);
    background-size: 400% 400%;
    animation: animatedGradient 20s ease infinite;
    opacity: 0.7;
    pointer-events: none;
}

/* Scrollruimte onderaan */
body::after {
    content: "";
    display: block;
    height: 60px;
}

/* Container voor centrering */
#main_body {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding: 60px 20px;
    box-sizing: border-box;
}

/* Formulier */
#form_container {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
    max-width: 640px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 30px;
    box-sizing: border-box;
}

/* Mobiele weergave */
@media (max-width: 768px) {
    #form_container {
        padding: 20px;
        width: 100%;
    }

    #main_body {
        padding: 40px 10px;
    }
}

/* Animatie */
@keyframes animatedGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Titels en tekst */
#main_body h1 a {
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

#main_body .form_description h2,
#main_body .form_success h2,
#main_body form .section_break h3,
#main_body form .media h3,
#machform_review_table td .mf_section_title {
    font-weight: 500;
    font-size: 1.5em;
    margin-bottom: 10px;
}

#main_body form .section_break p,
#main_body form .media p,
#machform_review_table td .mf_section_content {
    font-size: 1rem;
    color: #374151;
}

/* Links */
a:-webkit-any-link {
    font-weight: 700;
    color: #ff3d00;
    cursor: pointer;
    text-decoration: underline;
}

/* Highlights */
#main_body form li.highlighted,
#main_body .matrix tbody tr:hover td,
#machform_review_table tr.alt {
    background-color: #e5e7eb;
}

/* Foutmeldingen */
#error_message_title {
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    color: #DF0000;
    font-size: 125%;
    margin: 7px 0 5px !important;
}

#error_message_desc strong {
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    background-color: #FFDFDF;
    color: #c10000;
    padding: 2px 3px;
}

#main_body form p.error {
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    clear: both;
    color: #c10000;
    font-size: 80%;
    font-weight: 700;
    margin: 0 0 5px !important;
}

.appnitro li {
    width: 90%;
}

/* Knoppen */
#main_body .buttons input {
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    text-shadow: rgb(240, 240, 240) 0px 0px 0px;
    line-height: 1.75rem;
    color: #ffffff;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 5000px;
    background-image: linear-gradient(87.19deg, #fc7e75, #ffb800 211.29%);
    transition: all 0.45s cubic-bezier(.4,0,.2,1);
    border: none;
}

#main_body input.button_text:not(.btn_secondary):hover {
    box-shadow: 0px 0px 1px 1px #ff3d00;
}

#main_body input.button_text:hover, #main_body input.button_text:focus
 {
    color: #ffffff;
    box-shadow: 0px 0px 1px 1px #ff3d00;
}

#main_body input.button_text:hover,
#main_body input.button_text:focus {
    background-image: linear-gradient(86.69deg, #ff3d00 -19.27%, #fc846a 93.53%, #ffb800 312.5%);
}

#main_body input.btn_secondary {
    color: #374151;
    background: #ffffff;
    box-shadow: 0px 0px 1px 1px #ffffff;
    padding: 0.4rem;
    text-decoration: none;
}

.uploadifive-button {
    background-color: #cb4d7c;
    background-image: linear-gradient(87.19deg, #cb4d7c, #98ace0 211.29%);
    background-position: center top;
    background-repeat: no-repeat;
    font-weight: 500;
    font-size: 1em;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #cb4d7c;
    color: #FFF !important;
    font-family: 'Rubik', 'Lucida Grande', Tahoma, Arial, sans-serif;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}

.uploadifive-button:hover {
    background-color: #ffffff;
    background-image: linear-gradient(87.19deg, #89a2cf, #98ace0 211.29%);
    border: 2px solid #89a2cf;
    cursor: pointer;
}