/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/IosSpinner.vue?vue&type=style&index=0&id=3fcb0dfc&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.spinner-mask[data-v-3fcb0dfc] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 20000;
    transition: all 0.2s linear;
}
.spinner[data-v-3fcb0dfc] {
    font-weight: 400;
    cursor: default;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20001;
}
.ispinner[data-v-3fcb0dfc] {
    position: relative;
    width: 20px;
    height: 20px;
}
.ispinner .ispinner__blade[data-v-3fcb0dfc] {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 10%;
    height: 25%;
    border-radius: 50%/20%;
    animation: iSpinnerBlade-3fcb0dfc 1s linear infinite;
    animation-play-state: paused;
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(1) {
    animation-delay: -1.6666666667s;
    transform: rotate(30deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(2) {
    animation-delay: -1.5833333333s;
    transform: rotate(60deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(3) {
    animation-delay: -1.5s;
    transform: rotate(90deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(4) {
    animation-delay: -1.4166666667s;
    transform: rotate(120deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(5) {
    animation-delay: -1.3333333333s;
    transform: rotate(150deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(6) {
    animation-delay: -1.25s;
    transform: rotate(180deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(7) {
    animation-delay: -1.1666666667s;
    transform: rotate(210deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(8) {
    animation-delay: -1.0833333333s;
    transform: rotate(240deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(9) {
    animation-delay: -1s;
    transform: rotate(270deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(10) {
    animation-delay: -0.9166666667s;
    transform: rotate(300deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(11) {
    animation-delay: -0.8333333333s;
    transform: rotate(330deg) translate(0, -150%);
}
.ispinner .ispinner__blade[data-v-3fcb0dfc]:nth-child(12) {
    animation-delay: -0.75s;
    transform: rotate(360deg) translate(0, -150%);
}
.ispinner.ispinner--animating .ispinner__blade[data-v-3fcb0dfc] {
    animation-play-state: running;
}
.ispinner.ispinner--white .ispinner__blade[data-v-3fcb0dfc] {
    background-color: white;
}
.ispinner.ispinner--gray .ispinner__blade[data-v-3fcb0dfc] {
    background-color: #8c8c8c;
}
.ispinner.ispinner--large[data-v-3fcb0dfc] {
    width: 40px;
    height: 40px;
}
.ispinner.ispinner--large .ispinner__blade[data-v-3fcb0dfc] {
    width: 8.5714285714%;
    height: 25.7142857143%;
    border-radius: 50%/16.67%;
}
@keyframes iSpinnerBlade-3fcb0dfc {
0% {
        opacity: 0.85;
}
50% {
        opacity: 0.25;
}
100% {
        opacity: 0.25;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/IosDialog.vue?vue&type=style&index=0&id=471208b5&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ios-dialog-mask[data-v-471208b5] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 20000;
    transition: all 0.2s linear;
    text-align: center;
}
.ios-dialog-mask[data-v-471208b5]:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.ios-dialog-block[data-v-471208b5] {
    vertical-align: middle;
    display: inline-block;
    background-color: #F8F8F8;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 300px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/legacy/MobilePdfRender.vue?vue&type=style&index=0&id=89f0e24c&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mobile-image[data-v-89f0e24c] {
    width: 35vw;
    margin-bottom: 3px;
}
.icon-image[data-v-89f0e24c] {
    width: 25vw;
    margin-bottom: 3px;
}
.spinner[data-v-89f0e24c] {
    margin: 30px 0 30px 12vw;

    height:10vw;
    width:10vw;
    animation: rotation-89f0e24c .6s infinite linear;
    border-left:1vw solid rgba(0,174,239,.15);
    border-right:1vw solid rgba(0,174,239,.15);
    border-bottom:1vw solid rgba(0,174,239,.15);
    border-top:1vw solid rgba(0,174,239,.8);
    border-radius:100%;
}
@keyframes rotation-89f0e24c {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/legacy/PhotoMobile.vue?vue&type=style&index=0&id=39ceeca8&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mobile-image[data-v-39ceeca8] {
    width: 35vw;
    margin-bottom: 3px
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/MaterialSpinner.vue?vue&type=style&index=0&id=0f876b72&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.progress-circular[data-v-0f876b72] {
    height: 40px;
    position: relative;
    width: 40px;
    transform: rotate(270deg);
    animation: none;
}
.progress-circular__background[data-v-0f876b72],
.progress-circular__primary[data-v-0f876b72] {
    cx: 50%;
    cy: 50%;
    r: 40%;
    animation: none;
    fill: none;
    stroke-width: 5%;
    stroke-miterlimit: 10;
}
.progress-circular__background[data-v-0f876b72] {
    stroke: none;
}
.progress-circular__primary[data-v-0f876b72] {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #0076ff;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-circular--indeterminate[data-v-0f876b72] {
    animation: progress__rotate-0f876b72 2s linear infinite;
    transform: none;
}
.progress-circular--indeterminate__primary[data-v-0f876b72] {
    animation: progress__dash-0f876b72 1.5s ease-in-out infinite;
}
@keyframes progress__rotate-0f876b72 {
100% {
        transform: rotate(360deg);
}
}
@keyframes progress__dash-0f876b72 {
0% {
        stroke-dasharray: 10%, 241.32%;
        stroke-dashoffset: 0;
}
50% {
        stroke-dasharray: 201%, 50.322%;
        stroke-dashoffset: -100%;
}
100% {
        stroke-dasharray: 10%, 241.32%;
        stroke-dashoffset: -251.32%;
}
}
.ios-dialog-mask[data-v-0f876b72] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 20000;
    transition: all 0.2s linear;
    text-align: center;
}
.ios-dialog-mask[data-v-0f876b72]:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.ios-dialog-block[data-v-0f876b72] {
    vertical-align: middle;
    display: inline-block;
    background-color: #F8F8F8;
    padding: 20px;
    border-radius: 2px;
    text-align: center;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/IosSpinnerWithCancel.vue?vue&type=style&index=0&id=1a6c1bfc&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.spinner-cancel[data-v-1a6c1bfc] {
    color: #0065d9;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    margin-bottom: -6px; /*dirty hack to go out from parent bottom padding*/
    font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
}
.progress-circular[data-v-1a6c1bfc] {
    height: 40px;
    position: relative;
    width: 40px;
    transform: rotate(270deg);
    animation: none;
}
.progress-circular__background[data-v-1a6c1bfc],
.progress-circular__primary[data-v-1a6c1bfc] {
    cx: 50%;
    cy: 50%;
    r: 40%;
    animation: none;
    fill: none;
    stroke-width: 5%;
    stroke-miterlimit: 10;
}
.progress-circular__background[data-v-1a6c1bfc] {
    stroke: none;
}
.progress-circular__primary[data-v-1a6c1bfc] {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke: #0076ff;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.progress-circular--indeterminate[data-v-1a6c1bfc] {
    animation: progress__rotate-1a6c1bfc 2s linear infinite;
    transform: none;
}
.progress-circular--indeterminate__primary[data-v-1a6c1bfc] {
    animation: progress__dash-1a6c1bfc 1.5s ease-in-out infinite;
}
@keyframes progress__rotate-1a6c1bfc {
100% {
        transform: rotate(360deg);
}
}
@keyframes progress__dash-1a6c1bfc {
0% {
        stroke-dasharray: 10%, 241.32%;
        stroke-dashoffset: 0;
}
50% {
        stroke-dasharray: 201%, 50.322%;
        stroke-dashoffset: -100%;
}
100% {
        stroke-dasharray: 10%, 241.32%;
        stroke-dashoffset: -251.32%;
}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/AlertDialog.vue?vue&type=style&index=0&id=71da4944&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.wider[data-v-71da4944] {
    width: 310px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/legacy/EditableCell.vue?vue&type=style&index=0&id=78a8f662&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

textarea[data-v-78a8f662] {
    /*width: 100px;*/
    color: black;
}
.cell-display[data-v-78a8f662] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.app-id-text[data-v-78a8f662] {
    font-size: 8pt;
    color: #8c8c8c;
}

/*Firefox doesn't support a trick to fill cell with 100% height (and use flex on it). So we just add margin*/
@supports (-moz-appearance:none) {
.firefox-margin[data-v-78a8f662] {
        margin-top: 100px;
}
}


/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/components/helper/VideoModal.vue?vue&type=style&index=0&id=6b82aeb3&scoped=true&lang=scss& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-modal[data-v-6b82aeb3] {
  display: block;
  position: fixed;
  /* Stay in place */
  z-index: 10001;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.my-modal-content[data-v-6b82aeb3] {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #000000;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
}

/* The Close Button */
.my-close[data-v-6b82aeb3] {
  position: absolute;
  color: #aaaaaa;
  top: -6px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
}
.my-close[data-v-6b82aeb3]:hover,
.my-close[data-v-6b82aeb3]:focus {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/components/helper/AudioModal.vue?vue&type=style&index=0&id=66083db8&lang=scss& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-modal {
  display: block;
  position: fixed;
  /* Stay in place */
  z-index: 10001;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.my-modal-content {
  position: relative;
  display: flex;
  justify-content: center;
  height: 250px;
  width: 400px;
  background-color: #000000;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
}

/* The Close Button */
.my-close {
  position: absolute;
  color: #aaaaaa;
  top: -6px;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
}
.my-close:hover,
.my-close:focus {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/views/legacy/PhotoBlock.vue?vue&type=style&index=0&id=41eacf12&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.desktop-image-holder[data-v-41eacf12] {
    width: 110px;
}
.desktop-image[data-v-41eacf12] {
    width: auto;
    height: 70px;
    padding: 3px;
    cursor: pointer;
}
.portrait-image[data-v-41eacf12] {
    width: 80px;
    height: auto;
    padding: 3px;
    cursor: pointer;
}
.play-video-icon[data-v-41eacf12] {
    position: absolute;
    z-index: 2;
    width: 25px;
    cursor: pointer;
    display: none;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./src/web-ui/components/DetailAlertDialog.vue?vue&type=style&index=0&id=68bd629a&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.alert-dialog-content[data-v-68bd629a] {
    min-height: 25px;
}
.detailText[data-v-68bd629a] {
    font-size: 11pt;
    color: #6d6d6d;
}
.longDetail[data-v-68bd629a] {
    font-size: 11pt;
    color: #6d6d6d;
    text-align: justify;
    margin: 0 10px 0 10px;
}