<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/view/include/tags.jspf" %>

<style>
    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: 0.25em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: .75s linear infinite spinner-border;
        animation: .75s linear infinite spinner-border;
    }

    @keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: 0.2em;
    }

    @media (prefers-reduced-motion: reduce) {
        .spinner-border,
        .spinner-grow {
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
        }
    }
</style>
<script src="/clfd/js/dgns/dgnsService.js?ver=1.6"></script>
<script src="/clfd/js/dgns/survey.js?ver=1.4"></script>
<div class="main_wrapper">
    <div class="pathbar">
        <div class="pathbar__text">
        </div>
    </div>
    <div id="surveyRootDiv" class="dia-wrapper">
    </div>
</div>
