/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./Scripts/stylesheets/common.css ***!
  \****************************************************************************************************************************************************************************/
[v-cloak] {
  display: none;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-errors {
  color: #cc0033;
}

.input-validation-error {
  background-color: #fce4e4;
  border: 1px solid #cc0033;
  outline-color: red;
}

.spinner-backdrop {
  position: fixed;
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
}

label.required:after {
  color: #ff0000;
  content: "*";
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Scripts/components/base/svgicon.vue?vue&type=style&index=0&id=955c179a&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.svgicon {
    width: 16px;
    height: 16px;
    fill: currentColor;
    display: inline-block;
}
.svgicon-fill-none {
    fill: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Scripts/components/input/dropzone_input.vue?vue&type=style&index=0&id=56e6b11f&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.dropzone {
    min-height: auto;
}
.dropzone.dragging {
    border-style: dashed !important;
}
.dropzone .dz-message {
    margin: auto;
    font-size: 0.85em;
}
.dropzone.dz-started:hover .dz-message {
    display: block;
}
.dropzone .dz-message .dz-button:hover {
    text-decoration: underline;
}
.dropzone .dz-preview {
    display: flex;
    align-items: center;
    margin: auto;
    min-height: auto;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropzone .dz-preview .dz-image img,
  .dropzone .dz-preview:hover .dz-image img {
    filter: none;
}
.dropzone .dz-preview .dz-details {
    display: flex;
    position: static;
    padding: 0;
    min-width: 0;
    opacity: 1;
}
.dropzone .dz-preview.dz-error .dz-details {
    color: rgb(217, 83, 79);
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.85em;
    white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename {
    display: flex;
    align-items: center;
    white-space: normal;
}
.dropzone .dz-preview .dz-details .dz-filename span,
  .dropzone .dz-preview .dz-details .dz-size span {
    padding: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    word-break: break-all;
}
.dropzone .dz-preview .dz-success-mark,
  .dropzone .dz-preview .dz-error-mark {
    animation: none !important;
}
.dropzone .dz-preview .dz-success-mark,
  .dropzone .dz-preview .dz-error-mark {
    display: none;
    position: static;
    width: 1.5rem;
    min-width: 1.5rem;
    flex-basis: 1.5rem;
    margin: 0;
    opacity: 1;
    transition: none;
}
.dropzone .dz-preview .dz-success-mark svg,
  .dropzone .dz-preview .dz-error-mark svg {
    width: 100%;
    height: 100%;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
    display: block;
}
.dropzone .dz-preview:not(.dz-error) .dz-success-mark{
    display: block;
    visibility: hidden;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
    visibility: visible;
}
.dropzone .dz-preview .dz-error-message {
    width: auto;
    white-space: normal;
    top: 100%;
}
.dropzone .dz-preview .dz-error-message:after {
    bottom: 100%;
    left: 50%;
}
.dropzone .dz-preview:not(.dz-complete) .dz-remove .dz-remove-message {
    display: none;
}
.dropzone .dz-preview.dz-complete .dz-remove .dz-cancel-message {
    display: none;
}
.dropzone .dz-preview .dz-progress {
    width: 5rem;
    height: 0.75rem;
    position: static;
}
.dropzone .dz-preview.dz-complete .dz-progress {
    display: none;
}
.dropzone .dz-preview:not(.dz-complete) .dz-progress {
    display: block;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: none;
}


/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Scripts/components/container/sort_container.vue?vue&type=style&index=0&id=626b6182&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.sort-container[data-v-626b6182] {
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    white-space: nowrap;
}
.sorted[data-v-626b6182]::after {
    display: inline-block;
    content: "";
    border-style: solid;
    border-color: currentColor transparent;
    border-width: 0.5rem;
    border-radius: 0.5rem;
}
.sorted.asc[data-v-626b6182]::after {
    border-top-style: none;
}
.sorted.desc[data-v-626b6182]::after {
    border-bottom-style: none;
}


/*# sourceMappingURL=common.css.map*/