.red{color:#f08080}.table.fixed-width{table-layout:fixed}td.no-border{border:none!important}th.no-border{border:none!important}.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.table .hover-effect:hover{background-color:#ffe6d3;cursor:pointer}.vue-input-tag-wrapper.tags-input{height:40px;padding-left:12px}.focused{border:1px solid rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,1)}.check-container{display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;width:25px}.check-container input{position:absolute;opacity:0;cursor:pointer;left:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.check-container:hover input~.checkmark{background-color:#ccc}.check-container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.check-container input:checked~.checkmark:after{display:block}.check-container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.icon-button{font-size:2em}
.vertical-buttons-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}
.text-orange{color:orange}dl{margin-bottom:0}.collapse hr{margin-bottom:1px;margin-top:1px;border-top:1px solid #d0d0d0}@media screen{.single-line{height:38px}}@media print{.single-line{height:22px}.print-no-margin-bottom{margin-bottom:0}}

.row-number{
  font-size:26px;
  z-index:1
}

.circle{border:2px solid orange;border-radius:100px;width:100%;text-align:center}.no-padding{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.no-horizontal-padding{padding-left:0!important;padding-right:0!important}.navbar-item{margin-top:7px}.navbar-container{display:flex;justify-content:center;padding-left:15px;padding-right:15px}.list-group-item.small-list-item{padding:5px 5px}.list-group.small{margin-bottom:0}.no-bullet{list-style-type:none}

.vue-js-switch#public-toggle {
  font-size:18px
}

.vue-js-switch#quizQuestionLeft-toggle {
  font-size:18px
}

.editable-field:hover .vlabeledit-label{cursor:pointer}.editable-field:hover .vlabeledit-label:after{content:"\270f";cursor:pointer;font:normal normal 16px/1 'Glyphicons Halflings';margin-left:10px;color:orange}.editable-field 

.vlabeledit-input{
  background-color:#fff;
  background-image:none;
  border:1px solid #ccd0d2;
  border-radius:4px;
  padding:0 12px
}

.editable-number .vlabeledit-input{
  width: 100%;
  padding:0 5px
}

#save-button{padding:0 5px}.icon-flipped{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.hover-orange:hover{color:orange}.valid-count{background-color:#ceffb4}.invalid-count{background-color:#ffe2d7}[v-cloak]{display:none}.justified{text-align:justify}.vulnerable{background-color:#d3d3d3;text-decoration:underline}@media print{.table th.vulnerable{background-color:#f5f5f5!important}}button.disabled{background-color:#d3d3d3;border-color:grey}button.disabled:hover{background-color:#d3d3d3!important}button.menu-button{background-color:#0b3954;border-color:#d3d4d9}button.menu-button:hover{background-color:#087e8b;border-color:#d3d4d9}button.menu-button:focus{background-color:#087e8b!important;border-color:#d3d4d9!important}

.big-icon {
  font-size:150px;
  line-height: 168px;
}

div.no-before-after:before{content:none}div.no-before-after:after{content:none}

.livret-title{font-size:40px}
.livret-serie-title{font-size:40px;font-weight:700}

.livret-end-name{font-size:36px}.livret-end-phone{font-size:36px}.livret-end-email{font-size:36px}body,html{height:100%}#app{min-height:calc(100% - 34.4px)}@media screen{.quiz-comments-table{height:88%}}.donne-cards-middle-row .middle-symbol{height:90px;margin-top:0;border-style:solid;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;border-width:5px;font-size:18px;padding-left:1%;padding-right:1%;margin-left:3%;margin-right:3%;width:25%}@media print{.quiz-cards-container{font-size:16px;padding-left:5px;padding-right:5px}.quiz-bids-container{padding-left:5px;padding-right:5px;font-size:16px}.quiz-comment-container{padding-left:5px;padding-right:5px;font-size:16px}.quiz-comments-table{height:100%}.table{margin-bottom:0}.quiz-cards-container .table .first-quiz-cards-row{border-top:2px solid #aaa}.donne-cards-middle-row{padding-top:10px;padding-bottom:10px}}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card:hover{background-color:#f3f3f3;cursor:pointer;transition:background-color .5s}.card-img-top{width:100%;align-self:center;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}img{vertical-align:middle;border-style:none}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.how-to-card-img{width:50%;margin-top:10px}.how-to-card-title{font-size:18px}

.page-how-to-img{width:22px;margin-left:15px}

.clickable {
  cursor: pointer;
}

.clickable:hover {
  color: orange;
}

/* .multiselect--active {
  z-index: 10 !important;
} */

.multiselect--active { z-index: 50!important; }
.multiselect--active .multiselect__content-wrapper { z-index: 50!important; }

@media print {
  .print-text {
    line-height: 1.3em !important;
  }
}

@media screen {
  .no-screen {
      display: none;
  }
}

@media print {
  .red {
      color: lightcoral !important;
  }

  .no-print {
      display: none;
  }
}

@media print {
  @page {
      size: A4 portrait;
  }

  body {
      width: 210mm;
  }

  .container {
      width:100%;
  }

  .page {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      /* should be the right height but not according to chrome.. */
      /* height: 297mm; */
      height: 305mm;
      /* height: 310mm; */
      page-break-inside: avoid;
  }
  
  .page-content {
      /* flex: 1; */
  }

  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
      padding-top: 2px;
      padding-bottom: 2px;
      line-height: 1.5;
  }

  .break-after {
      page-break-after: always;
  }

  .header-title {
      margin-top: 0px;
      margin-bottom: 30px;
  }

  .footer-title {
      /* margin-top: 30px; */
      margin-bottom: 0px;
      font-size: 20px;
  }

  .no-display {
      display: none;
  }

  h3 {
      margin-top: 0px;
  }
}