﻿/* Copyright 2017-2023 Epic Systems Corporation */
.card.addItem .vcenter {
  padding: 0.5rem;
}
.card.addItem .addlabel.upload--add-file-label {
  position: relative;
  word-break: break-word;
}
.card.addItem .addlabel.upload--add-file-label:before {
  content: "";
  background-size: auto;
  display: inline-block;
  height: 2.5rem;
  width: 2rem;
  padding: 0;
  vertical-align: middle;
}
.card.addItem .addlabel.upload--document-icon:before {
  background: url("../images/add_document.svg") no-repeat center center;
}
.card.addItem .addlabel.upload--uploading-icon:before {
  background: url("../images/spinner_small_transparentbg.gif") no-repeat center center;
}

/* #region file type icons */
.icon-left:before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 60px;
  margin: 0.5rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.file-type-icon--jpg:before, .file-type-icon--png:before, .file-type-icon--bmp:before, .file-type-icon--gif:before,
.file-type-icon--jpeg:before, .file-type-icon--tga:before, .file-type-icon--fmf:before, .file-type-icon--pcx:before,
.file-type-icon--dcx:before, .file-type-icon--wpg:before {
  background-image: url("../images/document_img.svg");
}

.file-type-icon--doc:before, .file-type-icon--docx:before, .file-type-icon--rtf:before {
  background-image: url("../images/document_doc.svg");
}

.file-type-icon--tiff:before, .file-type-icon--tif:before {
  background-image: url("../images/document_tiff.svg");
}

.file-type-icon--pdf:before {
  background-image: url("../images/document_pdf.svg");
}

.file-type-icon--mp4:before, .file-type-icon--mov:before, .file-type-icon--mpg:before, .file-type-icon--mpeg:before,
.file-type-icon--wmv:before, .file-type-icon--avi:before, .file-type-icon--mkv:before, .file-type-icon--flv:before,
.file-type-icon--3gp:before, .file-type-icon--3gpp:before, .file-type-icon--vob:before, .file-type-icon--ogv:before,
.file-type-icon--ogg:before, .file-type-icon--qt:before, .file-type-icon--rm:before, .file-type-icon--rmvb:before,
.file-type-icon--asf:before, .file-type-icon--m4p:before, .file-type-icon--m4v:before, .file-type-icon--f4v:before,
.file-type-icon--f4p:before, .file-type-icon--f4a:before, .file-type-icon--f4b:before, .file-type-icon--mpeg4:before,
.file-type-icon--mpg4:before {
  background-image: url("../images/document_video.svg");
}

/* #endregion */
.card.upload--document-card.card.withButton {
  display: inline-flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
}
.card.upload--document-card.card.withButton .buttonList {
  min-height: 0;
  padding: 0;
  position: static;
  margin-top: auto;
}
.card.upload--document-card.card.withButton .buttonList {
  flex-wrap: wrap;
}
.section.questionsContainer div.cardlist .card.upload--document-card {
  padding: 0.5rem;
}
.card.upload--document-card > .cardline {
  padding-left: 60px;
}
.card.upload--document-card > .uploadPreview-line {
  padding-left: 10%;
  padding-right: 10%;
}
.card.upload--document-card > .cardline.upload--document-card-line {
  overflow: visible;
  box-sizing: border-box;
}
.card.upload--document-card > .name.icon.upload--document-icon:after {
  left: 0;
}

.card .upload--file-name {
  display: inline-block;
  max-width: 100%;
  color: #32006e;
  position: relative;
}

.upload--document-card[data-is-editing=true] [data-function=name-label] {
  display: none;
  position: absolute;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 95%;
}
.upload--document-card[data-is-editing=false] [data-function=name-label] {
  max-width: 95%;
}
.upload--document-card[data-is-editing=false] [data-function=edit-label-input] {
  display: none;
}
.upload--document-card [data-function=edit-label-input] {
  width: 100%;
}
.upload--document-card [data-function=edit-label] {
  cursor: pointer;
}

#addCoverageCard [data-function=edit-label-input] {
  visibility: hidden;
}

.card-center {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.card-center > div {
  display: table-cell;
  vertical-align: middle;
}

.upload--limit-reached {
  padding: 0.5rem 1rem 0 1rem;
}
