.mpcs-submission{
  font-size: 16px;
}

#mpcs-drag-drop-area {
  background: #f0f2f4;
  border: 2px dashed #ddd;
  /* border-bottom: 0 none; */
  padding: 20px;
}

#mpcs-drag-drop-area.dragover {
  background: rgba(255, 255, 255, 0.4);
  border-color: green;
}

#debug {
  margin-top: 20px;
}

#mpcs-drag-drop-area .mpcs-drag-drop-info {
  font-weight: bold;
}

#mpcs-drag-drop-area .mpcs-drag-drop-inside {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
}

#mpcs-drag-drop-area .mpcs-drag-drop-inside p {
  margin: 0;
}

#mpcs-drag-drop-area .mpcs-drag-drop-buttons input[type="button"] {
  background-color: #0073aa;
  color: #fff;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
}

#mpcs-drag-drop-area .mpcs-drag-drop-buttons input[type="button"]:hover {
  background-color: #005689;
}

#mpcs-html5_file-input-container input#mpcs-html5_file-input {
  font-size: 999px;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  accept: "application/msword,.doc,application/vnd.openxmlformats-officedocument.wordprocessingml.document,.docx,.pages,application/vnd.ms-excel,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,.xlsx,.numbers,image/jpeg,.jpeg,.jpg,image/png,.png,image/gif,.gif,application/vnd.ms-powerpoint,.ppt,application/vnd.openxmlformats-officedocument.presentationml.presentation,.pptx,.keynote,application/pdf,.pdf";
}

#mpcs-url-paste-area {
  margin-top: -2px;
  z-index: 9999999999999;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fff;
  margin-bottom: 20px;
  border: 2px dashed #ddd;
  border-top: 0 none;
  font-size: 14px;
}

#mpcs-url-paste-area input#mpcs-upload-url {
  padding: 5px;
  width: 200px;
  line-height: normal;
  margin-left: 10px;
  border: 1px solid #999;
  border-radius: 5px;
}

#mpcs-assignment-submit-bottom {
  cursor: pointer;
}

.disabled-link-css {
  opacity: 0.7;
  background: #ccc !important;
  border: 0 none !important;
  color: #999 !important;
}

.mpcs-submission-upload-preview{
  display: none;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
}

.mpcs-submission-upload-preview figure{
  margin: 0;
}

.mpcs-submission-upload-preview figure img{
  max-width: 30px;
  display: block;
}

.mpcs-submission-upload-preview p{
  font-size: 14px;
  margin: 0;
}

.mpcs-submission-upload-preview.upload-error{
  border-left: 4px solid #b21616;
}

.mpcs-submission-upload-preview-error{
  color: #b21616;
}

.plupload-upload-progress{
  position: relative;
  width: 150px;
  height: 10px;
  border-radius: 10px;
  margin-left: auto;
  background-color: #f0f0f0;
}

#plupload-upload-progress-bar{
  position: absolute;
  border-radius: 10px;
  width: 0%;
  height: 100%;
  background-color: green;
}

.mpcs-submission-upload-info{
  display: flex;
  align-items: center;
  width: 50%;
}

.mpcs-submission-preview-title{
  margin: 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plupload-upload-preview-error{
  margin: 0;
  font-size: 12px;
}

#mpcs-submission-upload-delete{
  font-size: 14px;
  margin-left: 10px;
}

.mpcs-submission{
  margin-top: 20px;
  margin-bottom: 20px;
}

.mpcs-submission-display{
  margin-top: 20px;
  margin-bottom: 20px;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
}

.mpcs-submission-display__warning{
  background-color: #fffaf0;
  border: 1px solid #ed8936;
}

.mpcs-submission-display__success{
  background-color: #f3faf7;
  border: 1px solid #03543f;
}

.mpcs-submission-display p{
  font-size: 14px;
}

.mpcs-submission-display .mpcs-submission-message{
  margin: 0;
}

.mpcs-submission-display .mpcs-upload-info{
  margin-left: 5px;
  overflow:hidden
}

.mpcs-submission-display button{
  margin-top: 10px;
  cursor: pointer;
  outline: 0;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mpcs-submission-display__warning.mpcs-submission-display button{
  border-color: #723b13;
  color: #723b13;
}

.mpcs-submission-display__success.mpcs-submission-display button{
  border-color: #03543f;
  color: #03543f;
}

.mpcs-submission-display button:hover{
  color: #fff;
  background-color: #723b13;
  border-color: #723b13;
}


.mce-char-count{
  font-size: 12px !important;
  padding: 2px 10px !important;
}

#mpcs-assignment-navigation{
  display: flex;
  justify-content: space-between;
}

/* Submission */
.mpcs-submission-modal {
  background: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 90%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30em;
  text-align: left;
  max-height: 60vh;
  display: none;
  flex-direction: column;
  z-index: 3;
}
.mpcs-submission-modal-wrapper.show .mpcs-submission-modal{
  display: flex;
}
.mpcs-submission-modal .mpcs-submission-modal-close {
  align-items: center;
  color: #111827;
  display: flex;
  height: 3.5em;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em;
}
.mpcs-submission-modal .mpcs-submission-modal-close svg {
  display: block;
  cursor: pointer;
}
.mpcs-submission-modal .mpcs-submission-modal-title {
  color: #111827;
  padding: 1em;
  pointer-events: all;
  position: relative;
  width: calc(100% - 4.5em);
}
.mpcs-submission-modal .mpcs-submission-modal-title h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.mpcs-submission-modal .mpcs-submission-modal-content {
  border-top: 1px solid #e0e0e0;
  padding: 1em;
  pointer-events: all;
  overflow: auto;
  white-space: normal;
}
.mpcs-submission-modal-overlay {
  transition: opacity 0.2s ease-out;
  pointer-events: none;
  background: rgba(15, 23, 42, 0.8);
  position: fixed;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 2;
}
.mpcs-submission-modal-wrapper.show .mpcs-submission-modal-overlay {
  pointer-events: all;
  opacity: 0.5;
}
.mpcs-assignment-error {
  /* display: none; */
  margin: 8px 0 0 0;
  padding: 5px 0;
}
.mpcs-assignment-error-inner {
  padding: 3px 15px;
  margin: 0;
  background-color: #F2DEDE;
  color: #B94A48;
  border-left: 5px solid #c73412;
  float: left;
  width: auto;
  line-height: 1.4;
}