
/* Header top text */
.modalHelpText {
  font-size: 18px;
  font-weight: 600;
}

#modalHelpForm {
  margin-top: 20px;
  padding: 0px 10px;
  position: relative;
}

#help_form_descricao {
  height: 150px;
  resize: none;
}

/* ############################################################################################# */
.helpFormUploadMsg {
	position: absolute;
	top: 30px;
  left: 10px;
  height: 40px;
	width: 80%;
	max-width: 398px;
	font-size: 14px;
	color: #fff;
	background-color: var(--sygpurple);
	padding: 2px 0px 2px 10px;
	border-radius: 6px;
	font-weight: 400;
	border: 3px solid #f00d;
	z-index: 10;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.helpFormUploadMsgError {
	border: 3px solid #f00d;
}

.helpFormUploadMsgOK {
	border: 3px solid #eeed;
}

/* ############################################################################################# */

.acFileUploadButtons {
	position: absolute;
	top: 30px;
	right: 10px;
	width: 70px;
	height: 38px;
	z-index: 10;
  background-color: #fff;
  padding: 4px;
}

.acButtonCancel {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-color: var(--sygpurple);
	padding: 2px 0px 0px 5px;
	border-radius: 6px;
	z-index: 10;
	float: left;
	margin-right: 2px;  
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C15.53 0 20 4.47 20 10C20 15.53 15.53 20 10 20C4.47 20 0 15.53 0 10C0 4.47 4.47 0 10 0ZM13.59 5L10 8.59L6.41 5L5 6.41L8.59 10L5 13.59L6.41 15L10 11.41L13.59 15L15 13.59L11.41 10L15 6.41L13.59 5Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
}

.acButtonCancel:hover {
	box-shadow: 0px 0px 5px #333;
}

.acButtonReselect {
  background-color: var(--sygpurple);
	background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.65 2.35C12.2 0.9 10.21 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16C11.73 16 14.84 13.45 15.73 10H13.65C12.83 12.33 10.61 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.66 2 11.14 2.69 12.22 3.78L9 7H16V0L13.65 2.35Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	float: left;
	cursor: pointer;
}

.acButtonReselect:hover {
  box-shadow: 0px 0px 5px #333;
}

/* ############################################################################################# */

.textareaPreviewChra {
  position: absolute;
  bottom: -50px;
  right: 11px;
  width: min-content;
  max-width: 70px;

  font-size: 12px;
  color: #fff;
  margin-top: -10px;
  margin-left: 10px;
  background-color: #444;
  padding: 4px 7px;
  border-radius: 8px;
  z-index: 100000;
  text-align: center;
  white-space: nowrap;
}

.textareaPreviewChraValid {
  border: 2px solid #0f0;
}

.textareaPreviewChraNotValid {
  border: 2px solid #f00;
}

/* ############################################################################################# */

.fileUploadBlock {
  height: 70px;
}
