/*
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

/* tableau Doodle */
body {
  margin: 0 0 0 0;
}

/* tableau Doodle */
.questionResults th, .questionResults td, .questionResults tr {
  padding: 0.5em;
}

.questionResults .questionResults-top th {
  background-color: #E4E4E4;
  border: 1px solid  #CCC;
  width: 150px;
}

.questionResults .questionResults-top .questionResults-vide, .questionResults tbody .questionResults-vide {
  background-color: #FFFFFF;
  border: none;
  padding: 0.25em;
}

.questionSeparator {
  border: none;
  padding: 3px;
  border-bottom: 1px solid #CCCCCC;
}

.questionResults .displayUserName, .questionResults .displayUserName a {
  background-color: #E4E4E4;
  font-weight: 500;
  line-height: 2em;
  margin-right: 5px;
  padding-left: 10px;
}

.questionResults .displayUserName a{
  text-decoration: underline;
}
.questionResults .displayUserName a:hover{
  color: var(--color-lien-action);
}

.questionResults .questionResults-Oui {
	background-color:var(--bgColor-color-im-ok);
	border:1px solid var(--border-color-im-ok);
	text-align:center;
	line-height: 2em;
}

.questionResults .questionResults-Non {
	background-color:var(--bgColor-color-im-nok);
	border:1px solid var(--border-color-im-nok);
	text-align:center;
	line-height: 2em;
}

.questionResults .labelAnswer {
  text-align: left;
  padding-right: 40px;
}

.questionResults .freeAnswer {
  background-color: #EFEFEF;
}

#surveyOperationId {
  float: right;
}

fieldset#dates legend {
  background: transparent url(../../../util/icons/calendar_1.png) 11px 0px no-repeat;
}

fieldset#info legend {
  background: transparent url(../../../util/icons/component/pollingStationSmall.gif) 11px 0px no-repeat;
}

.survey fieldset#info legend {
  background: transparent url(../../../util/icons/component/surveySmall.gif) 11px 0px no-repeat;
}

fieldset#answers legend {
  background: transparent url(../../../util/icons/question.gif) 11px 0px no-repeat;
}

#info .field,
#dates .field,
#answers .field {
  width: 98%;
}

#answers .fieldImage {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 8px;
  padding-right: 0;
}

#info #typeArea select,
#info #nbAnswersArea input,
#info #nbQuestionsArea input {
  width: 46%;
}

#answers .thumbnailInputs select,
#answers .thumbnailInputs input {
  width: auto;
}

#answers .answerimage {
  clear: both;
}

.thumbnailPreviewAndActions {
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
  float: left;
  margin-left: 0;
  padding: 3px;
  margin-bottom: 3px;
  width: 98%;
}

.thumbnailPreview {
  float: left;
}

.thumbnailPreview .thumbnail {
  height: 50px;
  border: 1px solid #DDDDDD;
}

.thumbnailActions {
  float: left;
  margin-left: 4px;
}

.thumbnailActions a {
  margin-bottom: 5px;
  display: block;
}

.thumbnailActions img {
  vertical-align: middle;
}

.thumbnailInputs img, #thumbnailInputs input, #thumbnailInputs select {
  vertical-align: middle;
}

#creation-page .classification .legende {
  display: none;
}

.eventInfo {
  background-color:var(--bgColor-bloc-fond-clair);
  border: 1px solid var(--border-color-bloc-fond-clair);
  border-radius:var(--radius-bloc);
  padding: 1em;
  display: table;
  width: 100%;
}

.sousNavBulle {
  float: none;
}

.surveyResult .sousNavBulle > p {
  display: inline-block;
}

.surveyResult .sousNavBulle > p:before {
  display: inline-block;
  content: '| ';
  margin-right: 1em;
  color:var(--border-color-filtre);
}

.surveyResult .sousNavBulle > p:nth-child(1):before {
  display: none;
}

.eventName {
  color:var(--color-titre);
  font-size:var( --font-size-titre);
  font-weight:var( --font-weight-titre);
}

.eventInfo div {
  display: table-cell;
  border-left: 2px solid  var(--color-trait-separateur);
  min-height: 16px;
  vertical-align: middle;
  text-align: left;
  width: 33%;
}

#eventInfoPublication {
  padding-bottom: 1em;
}

.eventInfo div:first-child {
  border: 0;
}

.eventInfo div div.bloc {
  padding: 0 10px 0 37px;
  display: inline-block;
  width: auto;
  text-align: left;
}

.eventInfo div span {
  display: block;
}

.eventInfo div span a {
  text-decoration: underline;
}

.surveyParticipation .bloc {
  background: transparent url('/silverpeas/util/icons/groupe.gif') 17px center no-repeat;
}

.surveyUserParticipation .bloc {
  background: transparent url('/silverpeas/util/icons/ok.gif') 17px center no-repeat;
}

.surveyDate .bloc {
  background: transparent url('/silverpeas/util/icons/calendar_2.gif') 12px center no-repeat;
}

span.priority {
  background-color: var(--bgColor-color-im-nok);
  border: 1px solid var(--border-color-im-nok);
  border-radius: 5px;
  color: #F02929;
  font-size: 8px;
  line-height: 9px;
  letter-spacing: 0.11em;
  display: inline;
  padding: 1px 4px;
}


.surveyDesc {
  border-left: var(--border-left-size-description) solid var(--border-left-color-description);
  color:var(--color-text-description);
  font-weight: 500;
  padding: 0.5em;
  margin: 1em 0;
}

ul.attachmentList li.attachmentListItem {
  margin: 0;
  padding: 0px 0.5em 0px 1em;
}

.bgDegradeGris p#permalinkInfo {
  padding:1em;
}

.surveyResult {
  clear: both;
  padding: 1em 0;
}

#publishResultDialog label {
  float: left;
  clear: both;
  width: 120px;
}

#publishResultDialog .champs {
  float: left;
  margin-left: 20px;
  width: 400px;
}

#view-publishResultDialog label {
  height: 100px;
}

#view-publishResultDialog .champs-ui-dialog {
  position: relative;
  padding: 0px 0 5px 5%;
}

#view-publishResultDialog .champs-ui-dialog input {
  position: absolute;
  top: 3px;
  left: 0;
}

#synthesisFile-publishResultDialog label,
#notification-publishResultDialog label {
  height: 50px;
}

#synthesisFile-publishResultDialog input,
#notification-publishResultDialog select {
  width: 80%;
}

.inlineMessage, .inlineMessage-ok, .inlineMessage-nok {
  float: none;
  font-weight: bold;
}

.inlineMessage .linkFile {
  color:var(--color-lien-action);
  font-weight: 700;
  text-decoration: underline;
}

.inlineMessage .survey-help-action::before,
.inlineMessage .survey-help-action::after {
  content: '"';
}


/* ergonomy form survey */
form[action="surveyDetail.jsp"] .tableBoard table b u {
  font-size: 1.2em;
}