/* This file will trigger the browser to reload quickly */

/* Component types */
/* A section is a main component and should be outlined. It may be displayed as block. */
section.component {
    outline: dashed thin;
    outline-color: var(--default-color-lighter);
}
section.component:hover {
    outline: dashed thin;
    outline-color: var(--default-color-light);
}
/* A div is a shared component, block, and should not be styled internally */
div.component {
    outline: dotted thin;
    outline-color: var(--default-color-lighter);
}
div.component:hover {
    outline-color: var(--default-color-light);
}
/* A span is a shared component, inline, and should not be styled internally */
span.component {
    outline: dotted thin;
    outline-color: var(--default-color-lighter);
}
span.component:hover {
    outline-color: var(--default-color-light);
}


.main_template_container {
    /*outline: dashed medium green;*/
}


.main_template_content {
    /*outline: dashed thin red;*/

}

.qr_scanner_form {
    /*outline: solid thin green;*/
}

.qr_scanner {
    /*outline: solid thin pink;*/
}


.badge_body {
    /*outline: dotted thin red;*/
}

.badge_person_name {
    /*outline: dashed thin pink;*/
}

.badge_affiliations_location {
    /*outline: dashed thin pink;*/
}