/*
 * Site specific CSS
 */

@media screen and (max-width: 600px) {
  .content-wrapper > .content {
    padding: 0px;
  }

  .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }

  .card-body {
    padding: 0px;
  }

  .help-tooltiptext {
    left: 50% !important;
    min-width: 12em !important;
  }
  .content.WF_QuestionnaireEntrepriseRempli {
    width:135%;
  }
  .form-group {
    overflow: scroll;
  }
  label {
    margin-bottom: 0 !important;
  }
  body,
  .form-control,
  .btn {
    font-size: 80% !important;
  }
}

body {
  color: #000;
  font-size: 14px;
}

a {
  color: #0000cc;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
  padding-left: 8px;
  padding-right: 8px;
}

.alert {
  margin-bottom: 0.25rem;
}

.box-header {
  padding: 6px;
}

.content-header > h1 {
  font-size: 20px;
}

.modal-footer {
  display: block;
  text-align: right;
  position: sticky;
  bottom: 0px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  inset: auto !important;
}

#debug_message {
  border: 1px solid white;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 2px;
  background: white;
  overflow: hidden;
  padding: 2px 2px 4px 2px;
  z-index: 1;
}

  #debug_message:hover {
    width: 500px;
    height: auto;
    overflow: auto;
  }

.form-group {
  margin-bottom: 2px;
}

.input-group-btn {
  display: flex;
}

.multiselect-filter,
.multiselect-editor {
  max-height: 34px;
  visibility: hidden;
}

.modal-dialog {
  width: 80%;
  max-width: 100%;
}

@media (max-width: 768px) {
  .modal-dialog {
    width: 90%;
  }
}


.modal-content {
  border-radius: 5px;
}

.modal-server-dialog {
  margin: 0px;
}

.modal-server-iframe {
  border: 0 none;
  width: 100%;
  height: 400px;
  padding: 0px;
}

.progress, .progress-bar {
  border-radius: 4px;
}

body.iframebody {
  overflow-x: auto;
}

table.dataTable td, table.dataTable th {
  padding: 0.3rem;
}

table.simple-table {
  font-size: 100%;
  border-collapse: collapse;
  border: 1px solid black;
}

  table.simple-table td,
  table.simple-table th {
    padding: 2px;
    border: 1px solid black;
  }

  table.simple-table .cell-key {
    background-color: rgb(179, 211, 62);
  }


  table.simple-table .cell-ok {
    background-color: lightgreen;
  }

  table.simple-table .cell-error {
    background-color: orangered;
  }

  table.simple-table .cell-warning {
    background-color: gold;
  }

  table.simple-table .cell-ignore {
    background-color: lightgrey;
  }


.tooltip-inner {
  max-width: 100%;
}

.tooltip.in {
  opacity: 1;
}

table.reference-table {
  font-size: 100%;
  border-collapse: collapse;
  border: 1px solid white;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

  table.reference-table td,
  table.reference-table th {
    padding: 2px;
    border: 1px solid white;
    text-align: left;
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

.dataTables_processing {
  z-index: 1000;
  border: 0px;
  border-radius: 6px;
  background: #00a65a;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-weight: bold;
  top: 0 !important;
}

.dataTables_wrapper {
  margin-top: 0.5em;
}

  .dataTables_wrapper .dataTables_length {
    float: left;
  }

  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
  }

#listviewtable .col-Entreprise_Ident {
  display: none;
}

.nav-tabs-custom {
  box-shadow: none;
}

.nav-border-bottom {
  border-bottom: 1px solid #4b545c;
}

.validation-summary-errors {
  background-color: #dd4b39 !important;
  color: #fff !important;
  border-color: #d73925;
  border-radius: 3px;
  padding: 10px 0 5px 0;
  margin-bottom: 20px;
  padding: 0.5em;
}

.menu-item span {
  margin-left: 15px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
  padding-left: 8px;
}

.sidebar li.active > a {
  background: grey !important;
}

.sidebar li > a {
  /*
  padding: 5px;
  height: 38px;
*/
}

  .sidebar li > a .entity-icon {
    font-size: 24px;
    width: 25px;
  }

button.btn.collapsed:after {
  content: '\25bc' !important;
}

button.btn.not-collapsed:after {
  content: '\25b2';
}

.col-single-label {
  padding-left: 20px;
}

.tab-list-count {
  font-weight: bold;
}

.menu-link span {
  line-height: 38px;
  vertical-align: middle;
}

.menu-link i {
  line-height: 38px;
  vertical-align: middle;
}

.form-control {
  font-size: 14px;
  height: 1.75rem;
  padding: 2px 4px 2px 4px;
}

.custom-select.form-control {
  padding: 2px 20px 2px 4px;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.4rem center/8px 10px no-repeat;
}

.select2-container {
}

.select2-search, .select2-results__option {
  padding: 0px 4px 0px 4px !important;
  font-size: inherit !important;
}

.select2-search__field {
  padding: inherit !important;
  font-size: inherit !important;
}

.select2-container--bootstrap-5 .select2-selection--single {
  font-size: 14px;
  padding: 0px 4px 0px 4px;
  height: 24px;
  min-height: 24px;
  background-position: right .25rem center;
}

  .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: black;
  }

  .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    right: 6px;
  }

.select2-container--bootstrap-5 .select2-selection--multiple {
  font-size: 14px;
  padding: 0px 4px 0px 4px;
  min-height: 22px;
}

  .select2-container--bootstrap-5 .select2-selection--multiple::after {
    content: '\23f7';
    position: absolute;
    right: 2px;
    top: 4px;
  }

  .select2-container--bootstrap-5 .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 22px;
  }

  .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 0px 0 0 1px;
    padding: 0 1px;
    font-size: inherit;
  }

  .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear {
    margin-top: 3px;
    margin-right: 13px;
  }

.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
  background-color: #6ce1cb !important;
  color: #262626 !important;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted {
  background-color: #337ab7 !important;
  color: #fff !important;
}

.input-group-addon {
  padding: 4px 8px;
}

.btn {
  padding: 1px 6px;
  font-size: 14px;
}

.input-with-operator {
  width: 100%;
}

  .input-with-operator .form-control {
    width: 75%;
  }

  .input-with-operator .select2-container {
    width: 75%;
  }

  .input-with-operator .input-operator {
    width: 25%;
    padding: 0;
  }

input[type="checkbox"], input[type="radio"] {
  width: 1rem;
}

.datepicker-dropdown {
  transform: translate(0, 3.8em);
}

.box {
  margin-bottom: 10px;
}

.form-horizontal .control-label {
  white-space: normal;
  padding-top: 0px;
}

.form-horizontal .control-label-left {
  text-align: left !important;
}

.clickable-link {
  cursor: pointer;
}

input[type="file"] {
  padding: 0;
  border: 0;
}

.logo-list {
  list-style: none;
  padding: 1px;
}

  .logo-list > li {
    float: left;
    padding-right: 10px;
  }

    .logo-list > li img {
      border-radius: 3px;
      max-width: 120px;
      max-height: 60px;
    }

.Statut_Horaire_ENC {
  background-color: #b3ff66 !important;
}

.Statut_Horaire_EXP {
  background-color: #ff8080 !important;
}

.Statut_Horaire_TER {
  background-color: red !important;
}


.RDV_Intervenant_ {
  background-color: #b3ff66 !important;
}

.Statut_RDV_AFR {
  background-color-old: #ffc266 !important;
  filter: brightness(85%);
}

.Statut_RDV_LIBRE {
  background-color-old: #b3ff66 !important;
}

.Statut_RDV_EXP {
  filter: brightness(85%);
}

.Statut_RDV_NVU {
  background-color: orangered !important;
}

.Statut_RDV_NVF {
  background-color: red !important;
}

.Statut_RDV_OCCUPE {
  background-color: red !important;
}

.Statut_RDV_EFF {
  background-color: #28a745 !important;
}

.Statut_Reponse_OK {
  background-color: #b3ff66 !important;
}

.Statut_Reponse_ATTENTION {
  background-color: #ffc266 !important;
}

.Statut_Reponse_ERREUR,
.Statut_Reponse_MANQUE_QUESTIONNAIRE {
  background-color: red !important;
}


.form-editor-iframe {
  width: 100%;
  border: 0;
}

.tab-content div .tab-pane {
  display: none;
}

.tab-content div .active {
  display: block;
}

.content-header > h1 {
  text-align: left;
}

.btn-tab-header {
  width: 90%;
  text-align: left;
}

.btn-tool {
  padding-top: 5px;
}

.contact-dialog .modal-dialog {
  width: 50%;
}

.lov-dialog .modal-dialog {
  width: 50%;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
}

th.user-role,
td.user-right {
  text-align: center;
}

.form-input.text-area {
  white-space: pre-wrap;
}

button.bg-lime {
  color: black !important;
}

.user-server {
  font-size: 10px;
}

.bootstrapMenu .dropdown-menu {
  padding: 0;
}

.tabname-Ident {
  color: #0000cc;
}

.tabname-Absences {
  color: #0000cc;
}

.tabname-Absence_Histo {
  color: #0000cc;
}

.tabname-Maternites {
  color: #0000cc;
}

.tabname-AI {
  color: #0000cc;
}

.tabname-Expertises {
  color: #0000cc;
}

.tabname-Suivi_Vaccination {
  color: #0000cc;
}

.tabname-Suivi_Commentaires {
  color: #0000cc;
}

.tabname-Suivi {
  color: #0000cc;
}

.tabname-Statut_Vaccination {
  color: #0000cc;
}

.tabname-Evenements {
  color: #0000cc;
}

.tabname-Heures_Travail_Jour {
  color: #0000cc;
}

.tabname-Heures_Travailles {
  color: #0000cc;
}

.tabname-MesuresEtRisques {
  color: #0000cc;
}

.tabname-RisquesProfessionnels {
  color: #0000cc;
}

.tabname-Dossiers_Medicaux {
  color: #0000cc;
}

.tabname-Entretiens {
  color: #0000cc;
}

.tabname-Actions {
  color: #0000cc;
}

.tabname-Procedure_Actions {
  color: #0000cc;
}

.tabname-donnees-base {
  color: #0000cc;
}

.tabname-specificites {
  color: #0000cc;
}

.tabname-dashboard {
  color: #0000cc;
}

.tabname-Attachments {
  color: #0000cc;
}

.tabname-Historiques {
  color: #0000cc;
}

.tabname-Sites {
  color: #0000cc;
}

.tabname-Departements {
  color: #0000cc;
}

.tabname-Employes {
  color: #0000cc;
}

.tabname-RisquesProf {
  color: #0000cc;
}

.tabname-Contacts {
  color: #0000cc;
}

.tabname-Commentaires {
  color: #0000cc;
}

.tabname-Assurances {
  color: #0000cc;
}

.tabname-Rencontres {
  color: #0000cc;
}

.tabname-Projets {
  color: #0000cc;
}

.tabname-RapportsStat {
  color: #0000cc;
}

.tabname-rapports {
  color: #0000cc;
}

.tabname-Droits_Entreprise {
  color: #0000cc;
}

.tabname-Droits_Site {
  color: #0000cc;
}

.tabname-Droits_Departement {
  color: #0000cc;
}

.input-group-addon {
  font-size: 12px;
}

.entity-buttons {
  float: left;
}

.entity-logos {
  float: left;
  padding-left: 10px;
}

.listview-buttons {
  padding-bottom: 5px;
}

.edit-buttons {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}

.dashboard {
  float: right !important;
  width: 25%;
  padding-right: 0;
  padding-left: 0;
}

.base-data,
.specificity {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  width: 75%;
}

.extra-tabs {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}

.print-body {
  width: 1000px;
}

  .print-body .dataTables_paginate,
  .print-body .dataTables_wrapper .top {
    display: none;
  }

.form-editor-footer {
  display: none;
}

.modal-header {
  padding: 6px;
}

.modal-body {
  padding: 3px 6px 3px 6px;
}

.help-tooltiptext {
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 1px 5px;
  border-radius: 6px;
  z-index: 100;
  left: 100%;
  min-width: 15em;
  /*  width: 93%;
  top: 105%;
  */
  opacity: 0.7;
}

  .help-tooltiptext.error-message {
    background-color: #dd4b39;
    color: #fff;
  }

  .help-tooltiptext.warning-message {
    background-color: #f0ad4e;
    color: #fff;
  }

.sticky-element {
  z-index: 1000;
}

#listview-suivi-heures {
  font-size: smaller;
}

.suivi-heures-today {
  background-color: lightcoral;
}

.suivi-heures-day-Saturday,
.suivi-heures-day-Sunday {
  background-color: lightgray;
}

.suivi-heures-total {
  font-weight: bold;
}

select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

.selectize-dropdown {
  z-index: 1100 !important;
}

.editor-disabled {
  background-color: #e9ecef;
  opacity: 1;
  pointer-events: none;
}

#embedded-editor-form .WF_RDVConsultation-QuestionsInfirmiere_Statut_Text,
#embedded-editor-form .WF_RDVConsultation-QuestionsCollaborateur_Statut_Text,
#embedded-editor-form .WF_RDVConsultation-QuestionsAvantRDV_Statut_Text {
  border-top: 1px solid rgb(0,0,0,0.2);
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.WF_RDVConsultation-QuestionsCollaborateur .control-editor,
.WF_RDVConsultation-QuestionsInfirmiere .control-editor,
.WF_QuestionnaireAvantConsultation-QuestionsCollaborateur .control-editor {
  flex: 0 0 100%;
  max-width: 100%;
}

.question-separator {
  font-weight: bold;
}

  .question-separator td {
    border-top: 1px solid black;
    border-bottom: 1px solid black !important;
    font-weight: bold;
  }

.accordion-header > a {
  display: block;
  position: relative;
}

  .accordion-header > a:after {
    content: "\f067"; /* fa-chevron-down */
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 20%;
  }

  .accordion-header > a[aria-expanded="true"]:after {
    content: "\f068"; /* fa-chevron-up */
  }

.rdv-success-message {
  font-size: 20px;
}

.rdv-level-0 {
  /*
  background-color: lightyellow;
  */
  background-color: lightskyblue;
}

.rdv-level-1 {
  background-color: lightcyan;
}

.rdv-level-2 {
}

.rdv-level-3 {
  background-color: lightskyblue;
}

.site-address {
  font-size: 80%;
  font-style: italic;
}

.free-count {
  font-size: 100%;
}

.pac-container {
  z-index: 2000 !important;
  min-width: 30em !important;
}

.colorpicker {
  -webkit-box-sizing: inherit;
}

.colorpicker.colorpicker-2x {
  width: 272px;
}

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px;
}

.colorpicker-2x .colorpicker-bar {
  width: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px;
}

.colorpicker-2x .colorpicker-alpha,
.colorpicker-2x .colorpicker-preview {
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}

  .colorpicker-2x .colorpicker-preview,
  .colorpicker-2x .colorpicker-preview div {
    height: 30px;
    font-size: 16px;
    line-height: 160%;
  }

.colorpicker-saturation .colorpicker-guide {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  margin: -5px 0 0 -5px;
}

.WF_RDVConsultation-Utilisateur_Ident_String #Utilisateur_Ident_String::placeholder {
  color:coral;
}