@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";

/* $blue: #3490dc;
$indigo: #6574cd; */

.content-wrapper.notconnected .logo {
  max-width: 400px;
  background: rgba(255, 255, 255, 0.3882352941);
  border-radius: 0.25em;
}

.main-footer.notconnected {
  margin-left: 0 !important;
}

body.telechargement #app .content-wrapper {
  background: #02182a;
}

body.telechargement #app .content-wrapper .col-12 {
  margin-top: 20%;
}

body.telechargement #app .content-wrapper .col-12 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4705882353);
}

body.telechargement #app .content-wrapper .col-12 .alert-success {
  background: rgba(0, 255, 58, 0.3294117647);
}

tr.danger {
  background: rgba(255, 129, 0, 0.2784313725);
}

i#syntect_popup:hover {
  cursor: pointer;
}

#table.droits_compte thead th,
#table2.droits_compte thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
}

#table.droits_compte td,
#table2.droits_compte td {
  padding: 0.25rem;
}

.user-panel img.img-circle {
  width: 40px;
  border-radius: initial;
}

td.ligne_complete_droit {
  background: rgba(40, 167, 69, 0.7019607843);
  color: white;
  font-weight: bold;
}

div.droits_header.card-primary div.card-header {
  background-color: rgba(40, 167, 69, 0.7019607843);
}

#table.droits_compte tr:hover,
tr.avec-background,
.hover_bleu tr:hover {
  background: rgba(134, 234, 132, 0.5490196078) !important;
  cursor: pointer;
}

.box.box-success {
  border-top-color: #00a65a;
}

#edition_modele_container .box-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1294117647);
}

#edition_modele_container .box-info {
  border-top-color: rgba(239, 0, 0, 0.4);
  border-left: 1px solid rgba(0, 0, 0, 0.2588235294);
  border-right: 1px solid rgba(0, 0, 0, 0.2588235294);
}

div.article_ajoute {
  background: rgba(65, 189, 162, 0.168627451);
  padding: 1em;
  border: 4px white solid;
}

div.article_ajoute.sortable-ghost {
  background: rgba(65, 189, 162, 0.6588235294);
}

i.fermer.fad.text-red {
  position: absolute;
  right: 1.5em;
}

i.fermer.fad.text-red:hover {
  cursor: pointer;
}

i.fad.fa-trash-alt.mr-2:hover {
  color: white;
}

i.fad.fa-file-edit.text-yelloww {
  color: #ffc107;
}

i.fad.fa-file-edit.text-yelloww:hover {
  color: #ffc107;
  cursor: pointer;
}

tr.message_groupe_ligne.contrat:hover {
  cursor: initial;
}

.content.mt-3:has(> div#accueil) {
  margin-top: 0 !important;
}

#accueil .card.card-primary.card-outline {
  border-top: initial;
}

#accueil #flashinfo .card.card-primary.card-outline {
  border-top: 3px solid #00A2DD;
}

#accueil .card-header.bluewhite {
  background: #00A2DD;
  color: white;
}

#accueil label.stat {
  width: 100%;
}

#accueil #article_linkedin iframe {
  max-width: 100%;
  max-height: 500px;
}

#accueil .container_image.parlym_only {
  width: initial;
}

#accueil .container_image img {
  max-width: 200px;
}

#accueil .container_image.parlym_only img {
  max-width: 172px;
}

#accueil #image_newsletter {
  max-width: 650px;
}

#accueil #flashinfo span {
  margin: auto;
}

#accueil .cn {
  display: flex;
  justify-content: center;
  align-items: center;
}

#accueil #flux_insta img {
  max-width: 100%;
}

#accueil button.vacances {
  background: #00A2DD;
}

#accueil button.btn-responsable {
  background: rgba(108, 117, 125, 0.3803921569);
}

#accueil button.btn-mission {
  background: rgba(240, 92, 92, 0.631372549);
}

#accueil .gallery {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding-bottom: 3rem;
}

#accueil .gallery hr {
  width: 100%;
}

#accueil .gallery-item {
  max-height: 230px;
  position: relative;
  flex: 1 0 11rem;
  margin: 1rem;
  color: #fff;
  cursor: pointer;
  box-shadow: 0px 25px 38px -12px rgba(0, 0, 0, 0.5) !important;
}

#accueil .gallery-item:hover .gallery-item-info,
#accueil .gallery-item:focus .gallery-item-info {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

#accueil .gallery-item-info {
  display: none;
}

#accueil .gallery-item-info ul {
  padding-left: 0;
}

#accueil .gallery-item-info li {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 400;
}

#accueil .gallery-item-likes {
  margin-right: 2.2rem;
}

#accueil .gallery-item-type {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2.5rem;
  text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

#accueil .fa-clone,
#accueil .fa-comment {
  transform: rotateY(180deg);
}

#accueil .gallery-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#accueil .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#accueil a#lien_instagram:hover,
#accueil a#lien_instagram {
  color: white;
}

#accueil .profile {
  padding: 0.5rem 0;
}

#accueil .profile::after {
  content: "";
  display: block;
  clear: both;
}

#accueil .profile-image {
  float: left;
  width: calc(33.333% - 1rem);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 3rem;
}

#accueil .profile-image img {
  border-radius: 50%;
}

#accueil .profile-user-settings,
#accueil .profile-stats,
#accueil .profile-bio {
  float: left;
}

#accueil .profile-user-settings {
  margin-top: 1.1rem;
}

#accueil .profile-user-name {
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 300;
}

#accueil .profile-edit-btn {
  font-size: 1.4rem;
  line-height: 1.8;
  border: 0.1rem solid #dbdbdb;
  border-radius: 0.3rem;
  padding: 0 2.4rem;
  margin-left: 2rem;
}

#accueil .profile-settings-btn {
  font-size: 2rem;
  margin-left: 1rem;
}

#accueil .profile-stats {
  margin-top: 2.3rem;
}

#accueil .profile-stats li {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.2;
  cursor: pointer;
}

#accueil .profile-stats li:last-of-type {
  margin-right: 0;
}

#accueil .profile-bio {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 2.3rem;
  margin-left: 1em;
  margin-right: 0.5em;
  text-align: center;
}

#accueil .profile-real-name,
#accueil .profile-stat-count,
#accueil .profile-edit-btn {
  font-weight: 600;
}

#accueil img#photo_profil {
  width: 150px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2901960784);
}

#accueil .container_photo_profil {
  margin: auto;
  width: 150px;
}

#accueil #reseaux_sociaux .titre h2 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 2rem;
}

#accueil #reseaux_sociaux .liste_reseaux ul {
  padding-left: 0.5em;
}

#accueil #reseaux_sociaux .liste_reseaux ul li {
  list-style-type: none;
  margin-bottom: 0.3em;
  display: inline;
  margin-right: 1rem;
}

#accueil #reseaux_sociaux .liste_reseaux ul li a {
  color: black;
}

#accueil #reseaux_sociaux .liste_reseaux ul li img {
  width: 25px;
  margin-right: 0.75em;
}

div.col-md-6.equal.message_groupe_col .card {
  min-height: 18rem;
}

div.card.popup {
  margin-bottom: initial;
}

img#image_header_img {
  max-width: 200px;
  margin-left: 3em;
}

img#image_newsletter_img,
img#logo_header_img {
  max-width: 300px;
  margin-left: 3em;
}

img#logo_header_img {
  margin-left: 0;
}

tr.message_groupe_ligne:hover,
tr.message_groupe_ligne.selectionne {
  background: rgba(162, 200, 232, 0.3607843137);
  cursor: pointer;
}

tr.message_groupe_ligne.note_de_frais:hover {
  background: initial;
  cursor: initial;
}

#liste-message-groupe {
  height: 400px;
  overflow: auto;
}

td.actions_saisie_frais i:hover {
  cursor: pointer;
}

td.actions_saisie_frais i {
  font-size: 1.5em;
}

img#logo {
  width: 300px;
}

.datepicker.dropdown-menu {
  padding: 15px;
}

input#date_log {
  height: 38px;
  padding-left: 15px;
  border: 1px solid #ced4da;
}

.fa.fa-calendar {
  padding-top: 5px;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}

.input-group-addon:first-child {
  border-right: 0;
}

.fa.fa-phone-alt {
  line-height: 1.7;
}

.form-group.telephone_groupe .help-block.invalid-feedback {
  display: block;
}

img#avatar_img {
  max-width: 100px;
  margin-top: 20px;
  margin-left: 60px;
}

label.fin:not(.form-check-label):not(.custom-file-label) {
  font-weight: 200;
}

div.sidebar .dropdown-divider {
  border-top: 1px solid #4f5962 !important;
}

.table tr {
  transition: background-color 0.3s ease;
}

.table .table-danger td,
.table .table-danger th {
  border-color: #dee2e6;
}

#recap_ep th:hover,
#tableau_fiches_evenements tr:hover,
#recap_ep th.selectionne,
.table .thead-light th:hover,
.table .thead-light th.selectionne,
tr.ligne_user:hover,
tr.ligne_user.table-danger:hover td,
tr.ligne_user.table-danger:hover th,
tr.ligne_user.table-danger.selectionne,
tr.ligne_user.table-danger.selectionne th,
tr.ligne_user.table-danger.selectionne td,
tr.ligne_user.selectionne,
tr.ligne_coop:hover,
tr.ligne_fichier_accueil:hover,
tr.ligne_fichier_accueil.selectionne {
  cursor: pointer;
  background-color: rgba(0, 162, 221, 0.1803921569);
}

.box.box-info {
  border-top-color: #00c0ef;
}

.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  border-top-color: rgb(210, 214, 222);
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}

.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.box-header::before,
.box-body::before,
.box-footer::before,
.box-header::after,
.box-body::after,
.box-footer::after {
  content: " ";
  display: table;
}

.widget-user .box-footer {
  padding-top: 70px;
}

.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  padding-top: 10px;
  background-color: #fff;
}

.fas.fa-sort,
.fas.fa-sort-up,
.fas.fa-sort-down,
.fad.fa-sort-up,
.fad.fa-sort-down {
  padding-left: 1rem;
  pointer-events: none;
}

.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: white;
}

.widget-user .widget-user-desc {
  margin-top: 0;
  color: white;
}

.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}

.bg-aqua-active {
  background-color: #00a7d0 !important;
}

.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.box.box-widget.widget-user {
  border-top: 0;
}

.description-block .btn-app {
  min-width: 140px;
  height: 75px;
  font-size: 13px;
}

.fa.fa-envelope {
  color: #00a7d0;
}

.fa.fa-lock {
  color: red;
}

.fa.fa-user-edit {
  color: green;
}

.fa.fa-lock-open {
  color: #28a745;
}

.fa.fa-key {
  color: #f39c12;
}

.fa.fa-envelope,
.fa.fa-key,
.fa.fa-lock,
.fa.fa-lock-open,
.fa.fa-user-edit,
.fad.fa-user-robot {
  font-size: 29px;
  padding-bottom: 7px;
}

.fa.fa-circle.horsligne {
  color: red;
  display: inline;
}

.fa.fa-circle.enligne {
  color: green;
}

.fad.fa-user-robot {
  color: red;
  font-size: 18px;
}

.fa.fa-circle {
  font-size: 0.7em;
  padding-right: 6px;
}

.edition_grille_button .toggle.btn.btn-primary {
  margin-left: 0;
}

p.online_offline {
  color: white;
}

.sidebar .user-panel a.router-link-active {
  color: white;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}

#liste-utilisateurs {
  height: 700px;
  overflow: auto;
}

#liste-documents-rh {
  height: 500px;
  overflow: auto;
}

[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.router-link-active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.nav-link.purple {
  background-color: #6f42c1 !important;
}

.nav-link.blue-azure {
  background-color: #1ca7bd !important;
}

.custom-file-input ~ .custom-file-label:lang(fr)::after {
  content: "Parcourir";
}

nav .page-link:hover {
  cursor: pointer;
}

h4 span.badge {
  font-weight: 400;
}

h4 span.badge i {
  padding-left: 8px;
}

.card-header h5 i {
  padding-right: 8px;
}

img.svg_icon {
  width: 33px;
  padding-right: 8px;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active.success,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active.success {
  background: #28a745;
}

.main-sidebar,
.main-header {
  z-index: 10 !important;
}

#gestioncontrats a.nav-link.warning {
  background-color: rgba(255, 112, 0, 0.831372549);
  color: #fff;
}

#pagination.form-control {
  display: inline-block;
  max-width: 70px;
  margin-left: 2rem;
}

#liste-collaborateurs table td,
#liste-utilisateurs table td.maxwidth {
  max-width: 120px;
}

#liste-collaborateurs.liste_fiches td {
  max-width: initial;
}

.btn.btn-app.excel,
.btn.btn-app.excel:hover,
.btn.btn-app.rafraichir,
.btn.btn-app.rafraichir:hover,
.btn.btn-app.extraction_speciale:hover,
.btn.btn-app.extraction_speciale,
.btn.btn-app.filtrer_colonnes,
.btn.btn-app.filtrer_colonnes:hover {
  padding-left: 25px;
  padding-right: 25px;
  background: #28a745;
  color: white;
  font-size: 1.1em;
  height: 37px;
  padding-top: 4px;
  font-weight: 700;
}

.btn.btn-app.excel i,
.btn.btn-app.extraction_speciale i,
.btn.btn-app.filtrer_colonnes i {
  color: white;
  display: inline-block;
  padding-left: 10px;
}

.btn.btn-app.excel.clear {
  background: #00A2DD;
}

.btn.btn-app.rafraichir {
  background: #00A2DD;
}

.btn.btn-app.rafraichir:hover {
  background: rgba(0, 162, 221, 0.6117647059);
}

.btn.btn-app.extraction_speciale,
.btn.btn-app.extraction_speciale:hover {
  background: #F39C12;
}

.btn.btn-app.filtrer_colonnes,
.btn.btn-app.filtrer_colonnes:hover {
  background: #837d73;
}

.swal2-container .swal2-radio label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
}

.swal2-container .swal2-radio label input {
  outline: -webkit-focus-ring-color auto 0px;
}

#datepicker_sortie_groupe .vdp-datepicker__calendar,
#fin_renouv_pe .vdp-datepicker__calendar {
  right: 16px;
}

span#telechargement_document:hover,
span#modifier_document:hover {
  cursor: pointer;
}

i#fermer_popup,
i#transparence_popup {
  font-size: 2em;
}

i#fermer_popup:hover,
i#transparence_popup:hover {
  cursor: pointer;
}

div.infobulle {
  font-size: 0.8em;
  color: rgba(0, 31, 63, 0.6117647059);
}

div.infobulle.jaune {
  font-size: 1em;
  color: #001f3f;
  background: rgba(231, 224, 0, 0.3490196078);
}

span#secu_sociale {
  font-size: 0.8em;
}

#export_pdf,
#supprimer_oa,
#supprimer_om,
#generer_courrier_licenciement,
#generer_courrier_licenciement_rc,
#creer_om,
#enregistrer_brouillon,
#generer_courrier_rupture_pe {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 9px;
}

#supprimer_om i.fad.fa-trash-alt:hover,
#supprimer_oa i.fad.fa-trash-alt:hover,
span.badge.badge-danger.p-2.mt-2 i.fad.fa-trash-alt:hover,
#multi_suppression i.fad.fa-trash-alt:hover {
  color: white;
  cursor: initial;
}

#popup_om .btn-warning:focus,
#popup_om .btn-warning.focus,
#om_international .btn-warning:focus,
#om_international .btn-warning.focus {
  background: #ffc107;
  border-color: #ffc107;
}

#popup_om #egxs_www_n_user_responsable.loading,
#om_international #egxs_www_n_user_responsable.loading {
  background: url("/img/loader.gif") no-repeat right center;
  background-size: 20px 20px;
}

#popup_om #liste_rsp.box-body.box.box-solid,
#om_international #liste_rsp.box-body.box.box-solid {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

#popup_om #liste_rsp.box-body.box.box-solid a:hover,
#om_international #liste_rsp.box-body.box.box-solid a:hover {
  cursor: pointer;
  text-decoration: underline;
}

#popup_om #liste_rsp.box-body.box.box-solid ul.nav,
#om_international #liste_rsp.box-body.box.box-solid ul.nav {
  display: inline-block;
}

#expiration_sejour {
  width: 90%;
  display: inline-block;
}

.card-header h3.card-title {
  text-transform: uppercase;
}

div.row.form_collab label,
div.row.form_collab label:not(.form-check-label):not(.custom-file-label) {
  font-weight: normal;
  font-size: 0.9em;
  margin-bottom: 2px;
}

div.card-body.less-padding {
  padding-bottom: 0;
}

.c100.verysmall {
  font-size: 58px;
  display: inline-block;
  vertical-align: middle;
  float: initial;
}

.c100.verysmall:hover:after {
  top: 0.08em;
  height: 0.84em;
  left: 0.08em;
  width: 0.84em;
}

label.inline-block.stat,
label.inline-block.stat:not(.form-check-label):not(.custom-file-label) {
  width: 8rem;
  font-weight: normal;
  font-size: 0.9em;
}

.c100.verysmall > span {
  color: #307bbb;
  font-size: 0.2em;
  width: 5em;
  height: 5em;
  line-height: 5em;
}

.c100.verysmall.orange > span {
  color: #dd9d22;
  font-size: 0.2em;
  width: 5em;
  height: 5em;
  line-height: 5em;
}

div.card-body.less-padding.utiles {
  padding-left: 7px;
  padding-right: 7px;
}

.c100.verysmall:hover > span {
  font-size: 0.2em;
  width: 5em;
  height: 5em;
  line-height: 5em;
}

.card-body.less-padding.utiles button:hover {
  cursor: pointer;
}

.card-body.less-padding.utiles button.salaire {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1rem;
}

label.stat {
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 0.75em;
}

ul#liste_documents li {
  line-height: 1;
  font-size: 0.9em;
}

button#enregistrer_perso,
button#sortie_groupe {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 9px;
}

button#export_pdf i.fas.fa-file-pdf {
  padding-right: 1rem;
}

button#export_pdf {
  background: #FF6501;
  border-color: #FF6501;
}

button#export_pdf:hover {
  background: #FF7F00;
  border-color: #FF7F00;
}

ul#liste_documents {
  padding-left: 1.5rem;
  margin-bottom: 0;
}

#donnees_utiles .col-md-12 {
  margin-top: 1rem;
}

#conges {
  margin-top: 1.2rem;
}

#entree_sortie .col-md-6,
#entree_sortie .col-md-12 {
  margin-top: 1rem !important;
}

#entree_sortie .col-md-6.nomargin {
  margin-top: initial !important;
}

#entree_sortie .card-body {
  padding-bottom: 0;
}

input.form-control.form-control-sm.date_croix {
  width: 90%;
  display: inline-block;
  background-color: #ffffff !important;
}

button#sortie_groupe i {
  padding-right: 10px;
}

.equal {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
}

.equal .card-primary {
  height: 100%;
  width: 100%;
}

.equal .card-success {
  height: 100%;
  width: 100%;
}

#partie_basse .card-body {
  padding: 0;
}

#partie_basse td {
  padding: 0;
  padding-left: 1rem;
}

#partie_basse #oas td,
#partie_basse #oms td {
  padding-left: 0.5rem;
  vertical-align: middle;
}

#partie_basse tr:hover,
#tableau_frais tr:hover,
#tableau_dates tr:hover,
#tableau_tiers_dates tr:hover {
  background: rgba(0, 162, 221, 0.1803921569);
  cursor: pointer;
}

#gestion_devises #recap_ep tbody tr:hover {
  background: rgba(221, 122, 0, 0.1803921569);
  cursor: pointer;
}

#tableau_dates.tableau_om_inter tr:hover {
  background: initial;
  cursor: initial;
}

.tableau_om_inter th {
  border: solid 1px;
  border-bottom: solid 1px !important;
  border-top: solid 1px !important;
}

#tableau_frais.notes_de_fresh tr:hover {
  background: initial;
  cursor: initial;
}

#tableau_frais.notes_de_fresh tr td i:hover {
  cursor: pointer;
}

#partie_basse tr.selected,
#tableau_frais tr.selected {
  background: rgba(0, 162, 221, 0.1803921569);
}

#tableau_frais td.actions_frais.text-center,
#tableau_frais td.etat_conge_col {
  min-width: 150px;
}

#partie_basse tr.validation_rh {
  background: rgba(240, 18, 190, 0.4784313725);
  color: #ffffff;
}

#partie_basse tr.refus_rh {
  background: rgba(240, 18, 18, 0.5490196078);
  color: #ffffff;
}

#partie_basse .table {
  margin-bottom: 0;
}

#partie_basse td span.dot,
#legendes_actions span.dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

#partie_basse td span.dot.active_intra,
#pointage p.legende span.dot.active_intra,
span.dot.active_intra {
  background-color: #28a745;
}

#partie_basse td span.dot.active_non_intra,
#legendes_actions span.dot.active_non_intra {
  background-color: #00A2DD;
}

#partie_basse td span.dot.inactive,
#legendes_actions span.dot.inactive {
  border: solid 1px red;
  background-color: #bbb;
}

#partie_basse td span.dot.aucun_oa,
#legendes_actions span.dot.aucun_oa {
  background-color: #bbb;
}

#partie_basse td span.dot.validation_rh,
#legendes_actions span.dot.validation_rh {
  background-color: rgba(240, 18, 190, 0.4784313725);
  border: solid 1px white;
}

#partie_basse td span.dot.refus_rh,
#legendes_actions span.dot.refus_rh {
  background-color: rgba(240, 18, 18, 0.5490196078);
  border: solid 1px white;
}

#partie_basse td span.dot.oa_principal,
#partie_basse td span.dot.om_principal,
#legendes_actions span.dot.oa_principal {
  background-color: #f39c12;
}

#partie_basse thead tr:hover {
  background: initial;
  cursor: initial;
}

#partie_basse .table thead tr th {
  padding: 0.5rem;
}

#partie_basse #oas .table-responsive,
#partie_basse #oms .table-responsive {
  height: 20rem;
  overflow-y: scroll;
}

#partie_basse p.legende {
  display: inline-block;
  padding-left: 0.2rem;
  margin-bottom: 0.25rem;
  font-size: 0.9em;
}

#legendes_actions span.dot {
  margin-left: 0.5rem;
}

#legendes_actions fieldset {
  margin-top: 0.5rem;
}

#legendes_actions button {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.1em;
}

#legendes_actions i.fa.fa-plus {
  padding-right: 0.25rem;
  font-size: 0.8em;
}

#infos_persos .help-block.invalid-feedback,
#form_oa .help-block.invalid-feedback {
  position: absolute;
  margin-top: 0;
}

.icheck-primary label.key_people {
  font-size: 1.1em;
  font-weight: bold;
  color: #ffaa00;
}

i.move {
  font-size: 1.5em;
}

#move_oa:hover {
  cursor: move;
}

#schema_horaire.table thead th {
  vertical-align: bottom;
  border-bottom: none;
  border-top: none;
  padding: 0.25rem;
  text-align: center;
}

#schema_horaire.table td {
  padding: 0.25rem;
}

#semaine_travail input.form-control {
  margin-right: 0.5rem;
}

.card.no-box-shadow {
  box-shadow: none;
}

.recharge_km {
  font-size: 1.5rem;
  vertical-align: middle;
  padding: 0.25rem 0.5rem;
  color: #00A2DD;
}

.recharge_km:hover {
  cursor: pointer;
}

.input-group.date.is-invalid input#Date_OF {
  border-color: #dc3545;
  padding-right: 2.25rem;
}

form .form-control.is-invalid,
form .was-validated .form-control:invalid {
  background-image: none;
}

#om_international .v--modal-box.v--modal {
  top: 0 !important;
}

.form-group.has-warning .help-block {
  color: #f39c12;
  position: absolute;
  font-size: 0.8rem;
}

.form-group.has-warning.blue .help-block,
.help-block.km_auto {
  color: #00A2DD;
  font-size: 0.8rem;
}

.form-group.has-warning .help-block i {
  padding-right: 0.1rem;
}

.col-md-2.special_checkbox {
  padding-top: 1.5rem;
}

.my-auto.rempli_manu {
  padding-left: 1rem;
}

div.titre p {
  margin-bottom: 0.25rem;
}

i.depfleche {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
}

#rf_20_repas_midi_euro,
#rf_21_repas_soir_euro,
#rf_24_forfait_1_euro.form-control.form-control-sm.paddingleft {
  margin-left: 1rem;
}

div.date_up .vdp-datepicker__calendar {
  bottom: 31px;
}

div.date_up.special_eia .vdp-datepicker__calendar {
  height: 317px;
  bottom: 45px;
  right: 13px;
}

div.date_up.special_eia_bis .vdp-datepicker__calendar {
  height: 317px;
  bottom: 45px;
}

div.date_right .vdp-datepicker__calendar {
  right: 10px;
}

span.label-info.type_trajet {
  background: #00A2DD;
  color: white;
  padding: 0.3rem;
  font-size: 0.9em;
  font-weight: 300;
  font-style: italic;
  border-radius: 2em;
}

.help-block.info_pdf {
  color: #00A2DD;
  font-size: 0.8rem;
}

.help-block.info_pdf i.fas.fa-exclamation-circle {
  margin-right: 0.25rem;
}

#liste-utilisateurs .table td,
#liste-utilisateurs .table th {
  padding: 0.5rem;
}

.help-block.infoadmin {
  color: #00A2DD;
}

.help-block.infoadmin i {
  padding-right: 0.5rem;
}

.help-block.infoadmin.infodroit {
  font-size: 0.8em;
  font-style: italic;
}

#profil_droit_info.help-block.infoadmin {
  font-size: 0.9em;
  font-style: italic;
}

#pre_embauche .vdp-datepicker {
  width: 100%;
}

#pre_embauche .background-green .enfant {
  background-color: rgba(40, 167, 69, 0.4196078431) !important;
}

#pre_embauche .cursor-pointer {
  cursor: pointer !important;
}

#pre_embauche .special_contrat .vdp-datepicker {
  width: 50%;
  margin-bottom: 1em;
}

#pre_embauche button#previsualiser_contrat.btn {
  background: rgba(0, 78, 255, 0.5803921569);
  border: none;
}

#pre_embauche input#salaire_mensuel_lettre,
#pre_embauche input#salaire_annuel_lettre {
  text-transform: lowercase;
}

#pre_embauche span.help-block {
  width: 100%;
  font-style: italic;
  font-size: 0.8em;
}

#pre_embauche span.info_preembauche_retour {
  color: rgba(36, 44, 168, 0.5294117647);
  font-style: italic;
}

#pre_embauche span.help-block strong {
  font-style: normal;
}

#pre_embauche input.form-control.form-control-sm.date_croix {
  width: 95%;
  height: 2.65em;
}

#pre_embauche input#isvl_depreciation1_date.form-control.form-control-sm.date_croix,
#pre_embauche input#isvl_depreciation2_date.form-control.form-control-sm.date_croix {
  width: 90%;
}

#pre_embauche .box.box-primary {
  border-top-color: #007bff;
}

#pre_embauche .box.box-warning {
  border-top-color: #f39c12;
}

#pre_embauche .box.box-success {
  border-top-color: #00a65a;
  min-height: 10rem;
}

#pre_embauche .fad.fa-trash-alt {
  color: red;
}

#pre_embauche .fad.fa-trash-alt:hover {
  cursor: pointer;
}

#pre_embauche #salaires {
  background: #f39c12;
  color: white;
  padding-left: 1rem;
  border-radius: 0.25rem;
  font-weight: 400;
}

#pre_embauche #salaires i {
  font-size: 2em;
  padding-top: 0.5rem;
}

#pre_embauche #prix_de_vente,
#pre_embauche .input-group-text.no-border-radius {
  border-radius: 0;
}

#pre_embauche .row.hauteur_fixe {
  min-height: 6rem;
}

#pre_embauche label.col-md-12.salaire_label,
#pre_embauche label.col-md-12.validite_label {
  padding-left: 0;
}

#pre_embauche #tuteur_id.loading {
  background: url("/img/loader.gif") no-repeat right center;
  background-size: 20px 20px;
}

#pre_embauche #liste_tuteurs.box-body.box.box-solid {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

#pre_embauche #liste_tuteurs.box-body.box.box-solid a:hover {
  cursor: pointer;
  text-decoration: underline;
}

#pre_embauche #enregistrer_brouillon {
  display: inline-block;
  color: white;
  background: #f39c12;
}

#pre_embauche #creer_pre_embauche_button {
  display: inline-block;
}

#pre_embauche h3 span.label-warning {
  background-color: #f39c12 !important;
  color: white;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

#pre_embauche h3 span.label-danger {
  background-color: #c82333 !important;
  color: white;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

#pre_embauche span.message_refus {
  color: #c82333;
  text-decoration: underline;
}

#pre_embauche h3 span.label-info {
  background-color: #00A2DD !important;
  color: white;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

#pre_embauche h3 span.label-success {
  background-color: #28a745 !important;
  color: white;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

#pre_embauche a.lien_fichier {
  color: initial;
}

#pre_embauche .groupe_bouton button i {
  vertical-align: middle;
}

#pre_embauche .callout.callout-info {
  border-left-color: #00A2DD;
}

#pre_embauche .callout.callout-warning {
  border-left-color: #f39c12;
}

#pre_embauche .alert-info.fichier {
  background: #00A2DD !important;
}

#pre_embauche .alert-info.lettre_motiv {
  background: #f39c12 !important;
  border-color: #f39c12 !important;
}

#pre_embauche .alert-info.convention_stage {
  background: #28a745 !important;
  border-color: #28a745 !important;
}

#pre_embauche #validite_proposition.form-control.is-invalid {
  padding-right: 0 !important;
}

#pre_embauche #date_fin_oa_actif.form-control[readonly] {
  background: white;
}

#liste_pre_embauche .toggle.btn.btn-primary {
  margin-left: initial;
}

#liste_pre_embauche #liste-collaborateurs tr.ligne_user.brouillon {
  background-color: rgba(243, 158, 18, 0.5);
}

#bloc_type_affichage_cloud i {
  color: rgba(128, 128, 128, 0.4392156863);
  font-size: 1.3em;
}

#bloc_type_affichage_cloud i:hover {
  cursor: pointer;
}

#documentation button.btn-warning,
#viedentreprise button.btn-warning,
#normes button.btn-warning,
#recherche_dossier button.btn-warning,
#accueil_rh button.btn-warning {
  color: white;
}

#documentation #editer_nom_dossier,
#documentation #editer_nom_fichier,
#documentation #supprimer_fichier,
#documentation #supprimer_dossier,
#viedentreprise #editer_nom_dossier,
#viedentreprise #editer_nom_fichier,
#viedentreprise #supprimer_fichier,
#viedentreprise #supprimer_dossier,
#normes #editer_nom_dossier,
#normes #editer_nom_fichier,
#normes #supprimer_fichier,
#normes #supprimer_dossier,
#recherche_dossier #editer_nom_dossier,
#recherche_dossier #editer_nom_fichier,
#recherche_dossier #supprimer_fichier,
#recherche_dossier #supprimer_dossier,
#accueil_rh #editer_nom_dossier,
#accueil_rh #editer_nom_fichier,
#accueil_rh #supprimer_fichier,
#accueil_rh #supprimer_dossier {
  position: absolute;
  font-size: 1em;
  right: 25px;
  color: rgba(255, 176, 0, 0.8);
}

#documentation .fichier_liste #supprimer_fichier,
#documentation .dossier_liste #supprimer_dossier,
#viedentreprise .fichier_liste #supprimer_fichier,
#viedentreprise .dossier_liste #supprimer_dossier,
#normes .fichier_liste #supprimer_fichier,
#normes .dossier_liste #supprimer_dossier,
#recherche_dossier .fichier_liste #supprimer_fichier,
#recherche_dossier .dossier_liste #supprimer_dossier,
#accueil_rh .fichier_liste #supprimer_fichier,
#accueil_rh .dossier_liste #supprimer_dossier {
  color: red;
  top: 25px;
  right: 30px;
}

#documentation .fichier_liste_liste #supprimer_fichier,
#documentation .dossier_liste_liste #supprimer_dossier,
#viedentreprise .fichier_liste_liste #supprimer_fichier,
#viedentreprise .dossier_liste_liste #supprimer_dossier,
#normes .fichier_liste_liste #supprimer_fichier,
#normes .dossier_liste_liste #supprimer_dossier,
#recherche_dossier .fichier_liste_liste #supprimer_fichier,
#recherche_dossier .dossier_liste_liste #supprimer_dossier,
#accueil_rh .fichier_liste_liste #supprimer_fichier,
#accueil_rh .dossier_liste_liste #supprimer_dossier {
  color: red;
}

#documentation #editer_nom_dossier.hide,
#documentation #editer_nom_fichier.hide,
#documentation #supprimer_fichier.hide,
#documentation #supprimer_dossier.hide,
#viedentreprise #editer_nom_dossier.hide,
#viedentreprise #editer_nom_fichier.hide,
#viedentreprise #supprimer_fichier.hide,
#viedentreprise #supprimer_dossier.hide,
#normes #editer_nom_dossier.hide,
#normes #editer_nom_fichier.hide,
#normes #supprimer_fichier.hide,
#normes #supprimer_dossier.hide,
#recherche_dossier #editer_nom_dossier.hide,
#recherche_dossier #editer_nom_fichier.hide,
#recherche_dossier #supprimer_fichier.hide,
#recherche_dossier #supprimer_dossier.hide,
#accueil_rh #editer_nom_dossier.hide,
#accueil_rh #editer_nom_fichier.hide,
#accueil_rh #supprimer_fichier.hide,
#accueil_rh #supprimer_dossier.hide {
  display: none;
}

#documentation #editer_nom_dossier.show,
#documentation #editer_nom_fichier.show,
#documentation #supprimer_fichier.show,
#documentation #supprimer_dossier.show,
#viedentreprise #editer_nom_dossier.show,
#viedentreprise #editer_nom_fichier.show,
#viedentreprise #supprimer_fichier.show,
#viedentreprise #supprimer_dossier.show,
#normes #editer_nom_dossier.show,
#normes #editer_nom_fichier.show,
#normes #supprimer_fichier.show,
#normes #supprimer_dossier.show,
#recherche_dossier #editer_nom_dossier.show,
#recherche_dossier #editer_nom_fichier.show,
#recherche_dossier #supprimer_fichier.show,
#recherche_dossier #supprimer_dossier.show,
#accueil_rh #editer_nom_dossier.show,
#accueil_rh #editer_nom_fichier.show,
#accueil_rh #supprimer_fichier.show,
#accueil_rh #supprimer_dossier.show {
  display: block;
}

#documentation .dossier_liste_liste #editer_nom_dossier.show,
#documentation .dossier_liste_liste #editer_nom_fichier.show,
#documentation .dossier_liste_liste #supprimer_fichier.show,
#documentation .dossier_liste_liste #supprimer_dossier.show,
#viedentreprise .dossier_liste_liste #editer_nom_dossier.show,
#viedentreprise .dossier_liste_liste #editer_nom_fichier.show,
#viedentreprise .dossier_liste_liste #supprimer_fichier.show,
#viedentreprise .dossier_liste_liste #supprimer_dossier.show,
#normes .dossier_liste_liste #editer_nom_dossier.show,
#normes .dossier_liste_liste #editer_nom_fichier.show,
#normes .dossier_liste_liste #supprimer_fichier.show,
#normes .dossier_liste_liste #supprimer_dossier.show,
#recherche_dossier .dossier_liste_liste #editer_nom_dossier.show,
#recherche_dossier .dossier_liste_liste #editer_nom_fichier.show,
#recherche_dossier .dossier_liste_liste #supprimer_fichier.show,
#recherche_dossier .dossier_liste_liste #supprimer_dossier.show,
#accueil_rh .dossier_liste_liste #editer_nom_dossier.show,
#accueil_rh .dossier_liste_liste #editer_nom_fichier.show,
#accueil_rh .dossier_liste_liste #supprimer_fichier.show,
#accueil_rh .dossier_liste_liste #supprimer_dossier.show {
  display: inline-block;
}

#documentation .fichier_liste_liste #editer_nom_dossier.show,
#documentation .fichier_liste_liste #editer_nom_fichier.show,
#documentation .fichier_liste_liste #supprimer_fichier.show,
#documentation .fichier_liste_liste #supprimer_dossier.show,
#viedentreprise .fichier_liste_liste #editer_nom_dossier.show,
#viedentreprise .fichier_liste_liste #editer_nom_fichier.show,
#viedentreprise .fichier_liste_liste #supprimer_fichier.show,
#viedentreprise .fichier_liste_liste #supprimer_dossier.show,
#normes .fichier_liste_liste #editer_nom_dossier.show,
#normes .fichier_liste_liste #editer_nom_fichier.show,
#normes .fichier_liste_liste #supprimer_fichier.show,
#normes .fichier_liste_liste #supprimer_dossier.show,
#recherche_dossier .fichier_liste_liste #editer_nom_dossier.show,
#recherche_dossier .fichier_liste_liste #editer_nom_fichier.show,
#recherche_dossier .fichier_liste_liste #supprimer_fichier.show,
#recherche_dossier .fichier_liste_liste #supprimer_dossier.show,
#accueil_rh .fichier_liste_liste #editer_nom_dossier.show,
#accueil_rh .fichier_liste_liste #editer_nom_fichier.show,
#accueil_rh .fichier_liste_liste #supprimer_fichier.show,
#accueil_rh .fichier_liste_liste #supprimer_dossier.show {
  display: inline-block;
}

#documentation .dossier_liste_liste #supprimer_fichier,
#documentation .dossier_liste_liste #supprimer_dossier,
#documentation .fichier_liste_liste #supprimer_fichier,
#documentation .fichier_liste_liste #supprimer_dossier,
#viedentreprise .dossier_liste_liste #supprimer_fichier,
#viedentreprise .dossier_liste_liste #supprimer_dossier,
#viedentreprise .fichier_liste_liste #supprimer_fichier,
#viedentreprise .fichier_liste_liste #supprimer_dossier,
#normes .dossier_liste_liste #supprimer_fichier,
#normes .dossier_liste_liste #supprimer_dossier,
#normes .fichier_liste_liste #supprimer_fichier,
#normes .fichier_liste_liste #supprimer_dossier,
#recherche_dossier .dossier_liste_liste #supprimer_fichier,
#recherche_dossier .dossier_liste_liste #supprimer_dossier,
#recherche_dossier .fichier_liste_liste #supprimer_fichier,
#recherche_dossier .fichier_liste_liste #supprimer_dossier,
#accueil_rh .dossier_liste_liste #supprimer_fichier,
#accueil_rh .dossier_liste_liste #supprimer_dossier,
#accueil_rh .fichier_liste_liste #supprimer_fichier,
#accueil_rh .fichier_liste_liste #supprimer_dossier {
  position: relative;
  padding-left: 3px;
}

#documentation .dossier_liste_liste #editer_nom_dossier,
#documentation .dossier_liste_liste #editer_nom_fichier,
#documentation .fichier_liste_liste #editer_nom_dossier,
#documentation .fichier_liste_liste #editer_nom_fichier,
#viedentreprise .dossier_liste_liste #editer_nom_dossier,
#viedentreprise .dossier_liste_liste #editer_nom_fichier,
#viedentreprise .fichier_liste_liste #editer_nom_dossier,
#viedentreprise .fichier_liste_liste #editer_nom_fichier,
#normes .dossier_liste_liste #editer_nom_dossier,
#normes .dossier_liste_liste #editer_nom_fichier,
#normes .fichier_liste_liste #editer_nom_dossier,
#normes .fichier_liste_liste #editer_nom_fichier,
#recherche_dossier .dossier_liste_liste #editer_nom_dossier,
#recherche_dossier .dossier_liste_liste #editer_nom_fichier,
#recherche_dossier .fichier_liste_liste #editer_nom_dossier,
#recherche_dossier .fichier_liste_liste #editer_nom_fichier,
#accueil_rh .dossier_liste_liste #editer_nom_dossier,
#accueil_rh .dossier_liste_liste #editer_nom_fichier,
#accueil_rh .fichier_liste_liste #editer_nom_dossier,
#accueil_rh .fichier_liste_liste #editer_nom_fichier {
  position: relative;
  padding-left: 2rem;
}

#documentation button.btn-warning.annuler,
#viedentreprise button.btn-warning.annuler,
#normes button.btn-warning.annuler,
#recherche_dossier button.btn-warning.annuler,
#accueil_rh button.btn-warning.annuler {
  background-color: #DD4B39;
  border-color: #DD4B39;
}

#documentation button#annuler_zip,
#viedentreprise button#annuler_zip,
#normes button#annuler_zip,
#recherche_dossier button#annuler_zip,
#accueil_rh button#annuler_zip {
  background-color: #DD4B39;
  border-color: #DD4B39;
}

#documentation .selectionne i,
#viedentreprise .selectionne i,
#normes .selectionne i,
#recherche_dossier .selectionne i,
#accueil_rh .selectionne i {
  color: green;
}

#documentation .box-warning,
#viedentreprise .box-warning,
#normes .box-warning,
#recherche_dossier .box-warning,
#accueil_rh .box-warning {
  min-height: 32rem;
}

#documentation .box-warning.is_zip,
#viedentreprise .box-warning.is_zip,
#normes .box-warning.is_zip,
#recherche_dossier .box-warning.is_zip,
#accueil_rh .box-warning.is_zip {
  border: green solid 1px;
}

#documentation button.btn-lg,
#viedentreprise button.btn-lg,
#normes button.btn-lg,
#recherche_dossier button.btn-lg,
#accueil_rh button.btn-lg {
  line-height: 1;
}

#documentation button.btn-lg:visited,
#viedentreprise button.btn-lg:visited,
#normes button.btn-lg:visited,
#recherche_dossier button.btn-lg:visited,
#accueil_rh button.btn-lg:visited {
  background: initial;
}

#documentation .fichier_liste i,
#documentation .dossier_liste i,
#viedentreprise .fichier_liste i,
#viedentreprise .dossier_liste i,
#normes .fichier_liste i,
#normes .dossier_liste i,
#recherche_dossier .fichier_liste i,
#recherche_dossier .dossier_liste i,
#accueil_rh .fichier_liste i,
#accueil_rh .dossier_liste i {
  font-size: 4rem;
}

#documentation .fichier_liste_liste i,
#documentation .dossier_liste_liste i,
#viedentreprise .fichier_liste_liste i,
#viedentreprise .dossier_liste_liste i,
#normes .fichier_liste_liste i,
#normes .dossier_liste_liste i,
#recherche_dossier .fichier_liste_liste i,
#recherche_dossier .dossier_liste_liste i,
#accueil_rh .fichier_liste_liste i,
#accueil_rh .dossier_liste_liste i {
  font-size: 1.3rem;
}

#documentation .fichier_liste:hover i.fa-file-pdf,
#documentation .fichier_liste_liste:hover i.fa-file-pdf,
#viedentreprise .fichier_liste:hover i.fa-file-pdf,
#viedentreprise .fichier_liste_liste:hover i.fa-file-pdf,
#normes .fichier_liste:hover i.fa-file-pdf,
#normes .fichier_liste_liste:hover i.fa-file-pdf,
#recherche_dossier .fichier_liste:hover i.fa-file-pdf,
#recherche_dossier .fichier_liste_liste:hover i.fa-file-pdf,
#accueil_rh .fichier_liste:hover i.fa-file-pdf,
#accueil_rh .fichier_liste_liste:hover i.fa-file-pdf {
  color: #EA0C0C;
}

#documentation .fichier_liste:hover i.fa-file-word,
#documentation .fichier_liste_liste:hover i.fa-file-word,
#viedentreprise .fichier_liste:hover i.fa-file-word,
#viedentreprise .fichier_liste_liste:hover i.fa-file-word,
#normes .fichier_liste:hover i.fa-file-word,
#normes .fichier_liste_liste:hover i.fa-file-word,
#recherche_dossier .fichier_liste:hover i.fa-file-word,
#recherche_dossier .fichier_liste_liste:hover i.fa-file-word,
#accueil_rh .fichier_liste:hover i.fa-file-word,
#accueil_rh .fichier_liste_liste:hover i.fa-file-word {
  color: #1560C0;
}

#documentation .fichier_liste:hover i.fa-file-excel,
#documentation .fichier_liste_liste:hover i.fa-file-excel,
#viedentreprise .fichier_liste:hover i.fa-file-excel,
#viedentreprise .fichier_liste_liste:hover i.fa-file-excel,
#normes .fichier_liste:hover i.fa-file-excel,
#normes .fichier_liste_liste:hover i.fa-file-excel,
#recherche_dossier .fichier_liste:hover i.fa-file-excel,
#recherche_dossier .fichier_liste_liste:hover i.fa-file-excel,
#accueil_rh .fichier_liste:hover i.fa-file-excel,
#accueil_rh .fichier_liste_liste:hover i.fa-file-excel {
  color: #0B8245;
}

#documentation .fichier_liste:hover i.fa-file-image,
#documentation .fichier_liste_liste:hover i.fa-file-image,
#viedentreprise .fichier_liste:hover i.fa-file-image,
#viedentreprise .fichier_liste_liste:hover i.fa-file-image,
#normes .fichier_liste:hover i.fa-file-image,
#normes .fichier_liste_liste:hover i.fa-file-image,
#recherche_dossier .fichier_liste:hover i.fa-file-image,
#recherche_dossier .fichier_liste_liste:hover i.fa-file-image,
#accueil_rh .fichier_liste:hover i.fa-file-image,
#accueil_rh .fichier_liste_liste:hover i.fa-file-image {
  color: #12b886;
}

#documentation .fichier_liste:hover i.fa-presentation,
#documentation .fichier_liste_liste:hover i.fa-presentation,
#viedentreprise .fichier_liste:hover i.fa-presentation,
#viedentreprise .fichier_liste_liste:hover i.fa-presentation,
#normes .fichier_liste:hover i.fa-presentation,
#normes .fichier_liste_liste:hover i.fa-presentation,
#recherche_dossier .fichier_liste:hover i.fa-presentation,
#recherche_dossier .fichier_liste_liste:hover i.fa-presentation,
#accueil_rh .fichier_liste:hover i.fa-presentation,
#accueil_rh .fichier_liste_liste:hover i.fa-presentation {
  color: #E1816C;
}

#documentation .fichier_liste p,
#viedentreprise .fichier_liste p,
#normes .fichier_liste p,
#recherche_dossier .fichier_liste p,
#accueil_rh .fichier_liste p {
  word-break: break-word;
}

#documentation .fichier_liste_liste p,
#documentation .dossier_liste_liste p,
#viedentreprise .fichier_liste_liste p,
#viedentreprise .dossier_liste_liste p,
#normes .fichier_liste_liste p,
#normes .dossier_liste_liste p,
#recherche_dossier .fichier_liste_liste p,
#recherche_dossier .dossier_liste_liste p,
#accueil_rh .fichier_liste_liste p,
#accueil_rh .dossier_liste_liste p {
  display: inline;
}

#documentation div.dossier_liste:hover,
#documentation div.fichier_liste:hover,
#viedentreprise div.dossier_liste:hover,
#viedentreprise div.fichier_liste:hover,
#normes div.dossier_liste:hover,
#normes div.fichier_liste:hover,
#recherche_dossier div.dossier_liste:hover,
#recherche_dossier div.fichier_liste:hover,
#accueil_rh div.dossier_liste:hover,
#accueil_rh div.fichier_liste:hover {
  cursor: pointer;
}

#documentation div.dossier_liste_liste:hover,
#documentation div.fichier_liste_liste:hover,
#viedentreprise div.dossier_liste_liste:hover,
#viedentreprise div.fichier_liste_liste:hover,
#normes div.dossier_liste_liste:hover,
#normes div.fichier_liste_liste:hover,
#recherche_dossier div.dossier_liste_liste:hover,
#recherche_dossier div.fichier_liste_liste:hover,
#accueil_rh div.dossier_liste_liste:hover,
#accueil_rh div.fichier_liste_liste:hover {
  cursor: pointer;
}

#documentation #statistiques_documents i,
#viedentreprise #statistiques_documents i,
#normes #statistiques_documents i,
#recherche_dossier #statistiques_documents i,
#accueil_rh #statistiques_documents i {
  width: 1.8rem;
}

#documentation #statistiques_documents p,
#viedentreprise #statistiques_documents p,
#normes #statistiques_documents p,
#recherche_dossier #statistiques_documents p,
#accueil_rh #statistiques_documents p {
  color: #343A40;
  font-size: 0.9em;
}

#documentation #fil_ariane ul,
#viedentreprise #fil_ariane ul,
#normes #fil_ariane ul,
#recherche_dossier #fil_ariane ul,
#accueil_rh #fil_ariane ul {
  list-style: none;
}

#documentation #fil_ariane ul li,
#viedentreprise #fil_ariane ul li,
#normes #fil_ariane ul li,
#recherche_dossier #fil_ariane ul li,
#accueil_rh #fil_ariane ul li {
  display: inline-block;
}

#documentation #fil_ariane ul li.breadcrumb_element:before,
#viedentreprise #fil_ariane ul li.breadcrumb_element:before,
#normes #fil_ariane ul li.breadcrumb_element:before,
#recherche_dossier #fil_ariane ul li.breadcrumb_element:before,
#accueil_rh #fil_ariane ul li.breadcrumb_element:before {
  content: ">\A0";
}

#documentation #fil_ariane ul li.breadcrumb_element,
#viedentreprise #fil_ariane ul li.breadcrumb_element,
#normes #fil_ariane ul li.breadcrumb_element,
#recherche_dossier #fil_ariane ul li.breadcrumb_element,
#accueil_rh #fil_ariane ul li.breadcrumb_element {
  color: #8b8888;
}

#documentation #fil_ariane ul li.breadcrumb_element.courant,
#viedentreprise #fil_ariane ul li.breadcrumb_element.courant,
#normes #fil_ariane ul li.breadcrumb_element.courant,
#recherche_dossier #fil_ariane ul li.breadcrumb_element.courant,
#accueil_rh #fil_ariane ul li.breadcrumb_element.courant {
  color: #212529;
}

#documentation #fil_ariane ul li.accueil_gris,
#viedentreprise #fil_ariane ul li.accueil_gris,
#normes #fil_ariane ul li.accueil_gris,
#recherche_dossier #fil_ariane ul li.accueil_gris,
#accueil_rh #fil_ariane ul li.accueil_gris {
  color: #8b8888;
}

#documentation #fil_ariane ul li:hover,
#viedentreprise #fil_ariane ul li:hover,
#normes #fil_ariane ul li:hover,
#recherche_dossier #fil_ariane ul li:hover,
#accueil_rh #fil_ariane ul li:hover {
  cursor: pointer;
}

#documentation #fil_ariane ul .fad.fa-home.pr-2.color-black,
#viedentreprise #fil_ariane ul .fad.fa-home.pr-2.color-black,
#normes #fil_ariane ul .fad.fa-home.pr-2.color-black,
#recherche_dossier #fil_ariane ul .fad.fa-home.pr-2.color-black,
#accueil_rh #fil_ariane ul .fad.fa-home.pr-2.color-black {
  color: black !important;
}

#documentation #fil_ariane ul #fil_ariane ul li,
#viedentreprise #fil_ariane ul #fil_ariane ul li,
#normes #fil_ariane ul #fil_ariane ul li,
#recherche_dossier #fil_ariane ul #fil_ariane ul li,
#accueil_rh #fil_ariane ul #fil_ariane ul li {
  display: inline-block;
}

#documentation i.fad.blue,
#viedentreprise i.fad.blue,
#normes i.fad.blue,
#recherche_dossier i.fad.blue,
#accueil_rh i.fad.blue {
  color: blue;
}

#documentation i.fad.orange,
#viedentreprise i.fad.orange,
#normes i.fad.orange,
#recherche_dossier i.fad.orange,
#accueil_rh i.fad.orange {
  color: orange;
}

#viedentreprise div.info-box.bg-green {
  padding: initial;
}

#viedentreprise #upload_fichier {
  font-weight: 400;
}

#viedentreprise span.progress-description {
  font-size: 0.8em;
}

#viedentreprise #contenu_documentation.transfert label {
  font-weight: 400;
  font-size: 0.9em;
}

#viedentreprise #contenu_documentation.transfert .form-control.is-invalid {
  background-image: none;
}

#viedentreprise .btn-success {
  background: #F39C12;
  border: #F39C12;
}

#viedentreprise .btn-success:hover {
  background: #F39C12;
}

#normes .box-header.with-border.and-border {
  border-bottom: 1px solid #a59999;
  background: #dfecf7;
}

#normes span.success {
  color: white;
  background: rgba(40, 167, 69, 0.8);
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5em;
}

#normes span.warning {
  color: white;
  background: rgba(255, 165, 0, 0.6196078431);
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5em;
}

#normes #contenu_normes .box.box-info {
  min-height: 12em;
}

#normes #contenu_normes .box-body {
  min-height: 7em;
}

#normes .norme_block {
  transition: 0.1s;
}

#normes .norme_block:hover {
  cursor: pointer;
  transform: scale(1.03);
  transition: transform 0.1s;
}

#normes span.badge.badge-warning {
  color: white;
}

#normes span.badge {
  text-transform: uppercase;
  font-weight: 500;
}

#normes div.dropdown-divider.trait-epais {
  border-top: 3px solid rgba(145, 152, 158, 0.3490196078);
}

#normes div.logo_norme {
  width: 200px;
  margin: auto;
  margin-bottom: 2em;
}

#normes div.logo_norme img {
  width: 200px;
}

#faq .box-header.with-border.and-border {
  border-bottom: 1px solid #a59999;
  background: #dfecf7;
}

#faq span.success {
  color: white;
  background: rgba(40, 167, 69, 0.8);
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5em;
}

#faq span.warning {
  color: white;
  background: rgba(255, 165, 0, 0.6196078431);
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5em;
}

#faq #contenu_faq .box.box-info {
  min-height: 5em;
}

#faq #contenu_faq .box-body {
  min-height: 3em;
  padding-top: 1.5em;
}

#faq #contenu_faq .faq-block-new .box.box-info {
  min-height: 5em;
  border-top-color: red;
}

#faq .faq_block {
  transition: 0.1s;
}

#faq .faq_block:hover {
  cursor: pointer;
  transform: scale(1.03);
  transition: transform 0.1s;
}

#faq .faq-block-new {
  transition: 0.1s;
}

#faq .faq-block-new:hover {
  cursor: pointer;
  transform: scale(1.03);
  transition: transform 0.1s;
}

#faq span.badge.badge-warning {
  color: white;
}

#faq span.badge {
  text-transform: uppercase;
  font-weight: 500;
}

#faq div.dropdown-divider.trait-epais {
  border-top: 3px solid rgba(145, 152, 158, 0.3490196078);
}

#faq div.logo_faq {
  width: 200px;
  margin: auto;
  margin-bottom: 2em;
}

#faq div.logo_faq img {
  width: 200px;
}

a.router-link-active {
  color: white !important;
  background: rgba(255, 255, 255, 0.1);
}

#parlin h1#parlin_title {
  text-align: center;
  color: #005484;
  margin-top: 2.5rem;
}

#parlin h1#parlin_title .redd {
  color: #F10022 !important;
}

#parlin #visuel_parlin {
  width: 900px;
}

#parlin .container_parlin {
  width: 900px;
}

img.image_note_de_frais,
span.image_note_de_frais {
  position: fixed !important;
  left: 40px;
  max-width: 500px;
  z-index: 999999;
  border: solid;
}

span.image_note_de_frais {
  z-index: -9999;
}

#conteneur_collab,
#conteneur_collab_invite,
#conteneur_tiers_invite,
#anothertable,
#tableau_des_categz {
  position: relative;
  height: 250px;
  display: block;
  overflow: auto;
}

#conteneur_collab_invite.tab_inter {
  height: auto;
}

#conteneur_collab_invite.tab_inter tr:hover {
  background: rgba(0, 162, 221, 0.18);
}

#conteneur_collab_invite,
#conteneur_tiers_invite {
  height: 400px;
}

tr.sous_groupe_tableau {
  background: rgba(0, 162, 221, 0.1803921569);
}

tr.sous_groupe_tableau td {
  border-left: 1px solid #dee2e6;
}

#collegue_a_ajouter.loading {
  background: url("/img/loader.gif") no-repeat right center;
  background-size: 20px 20px;
}

input[type=checkbox].suppression_frais {
  transform: scale(1.5);
  padding: 10px;
}

#insererfraisgx .v--modal-box.v--modal,
#oa_intragroupe .v--modal-box.v--modal {
  overflow: visible !important;
}

a.liste_collab_recherche:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

#liste_rsp.invitation ul.nav-pills.nav-stacked li {
  padding: 0.5rem;
  border: 1px solid black;
  border-bottom: none;
  list-style-type: none;
}

td.etat_validation_1 {
  background: rgba(255, 193, 7, 0.6784313725);
  color: white;
}

td.etat_validation_2,
td.etat_validation_5,
td.etat_validation_6 {
  background: rgba(220, 53, 69, 0.7882352941);
  color: white;
}

td.etat_validation_3,
td.etat_validation_4 {
  background: rgba(40, 167, 69, 0.7803921569);
  color: white;
}

tr.validation_notes_de_frais td {
  text-transform: uppercase;
}

#ajout_form span.help-block {
  width: 100%;
  font-style: italic;
  font-size: 0.8em;
}

a.validation_note_de_frais {
  color: #f2bb1f;
}

a.validation_frais_compta {
  color: rgba(255, 112, 0, 0.831372549);
}

td.incoherence {
  background: red !important;
  color: white !important;
}

#boutons_nav_pointage {
  min-width: 800px;
}

button.btn-primary.envoyer_mail {
  background: #fd7e14;
  border-color: #fd7e14;
}

table.table tr.total_affaire {
  background: rgba(16, 255, 0, 0.2509803922);
}

span.bloquevalide {
  color: rgba(0, 179, 255, 0.9411764706);
  font-size: 1.2em;
}

span.pointagesverouilles {
  color: red;
  font-size: 1.2em;
}

div.bleuclair {
  opacity: 0.7;
}

.tooltip-inner .badge {
  font-size: 96%;
  font-weight: 400;
}

.tooltip-inner span.badge:hover {
  cursor: pointer;
}

#pointage div.card-body #table.calendos {
  width: 100%;
}

#pointage div.card-body #table.calendos table.mois thead th {
  top: -1px;
  border-bottom: none;
  position: sticky;
  top: -1px;
  z-index: 1000;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
  background: white;
  color: black;
}

#pointage div.card-body #table.calendos table.mois thead th.jour_ferie {
  background: #ec6060;
  color: white;
}

#pointage div.card-body #table.calendos table.mois thead th.colonne_semaine {
  background: #20c997 !important;
  color: white;
}

#pointage div.card-body #table.calendos table.mois td {
  padding: 0.25rem;
}

#pointage .box-header.with-border {
  border-bottom: none;
}

#pointage i.fad.fa-eye-slash,
#pointage .fad.fa-eye:hover {
  cursor: pointer;
}

#pointage i.fad.fa-comment-dots.pt-2 {
  font-size: 1.5em;
}

#pointage i.fad.fa-comment-dots.pt-2.bleu {
  color: #00A2DD;
}

#pointage i.fad.fa-comment-dots.pt-2.gris {
  color: #5e6466;
}

#pointage i.fad.fa-comment-dots.pt-2:hover {
  cursor: pointer;
}

#pointage div.container_verou {
  background: rgba(255, 0, 0, 0.5294117647);
}

#pointage div.container_verou.note_de_frais_non_validees.etat_1 {
  background: rgba(0, 139, 255, 0.5294117647);
}

#pointage div.container_verou.note_de_frais_non_validees.etat_2 {
  background: rgba(220, 53, 69, 0.7882352941);
}

#pointage div.container_verou.note_de_frais_non_validees.etat_3 {
  background: rgba(40, 167, 69, 0.7803921569);
}

#pointage div.container_verou.note_de_frais_non_validees h3 {
  font-size: 1.2em;
}

#pointage div.container_verou_blocage {
  background: rgba(255, 165, 0, 0.6196078431);
}

#pointage div.container_verou_blocage h3 {
  font-size: 1.3em;
}

#pointage div.verouille,
#pointage table.verouille {
  opacity: 0.7;
}

#pointage div.navigation_calendos button.btn-success {
  font-size: 1.5em;
}

#pointage div.flex-row-reverse .pr-00 {
  padding-right: 0 !important;
}

#pointage div.navigation_calendos button.btn-success:hover {
  cursor: initial;
}

#pointage .toggle.btn.btn-primary {
  margin-left: initial;
}

#pointage .table-striped tbody tr:nth-of-type(odd) {
  background-color: initial;
}

#pointage tr.sep_affaire {
  height: 10px;
}

#pointage .table-striped tbody tr.ligne_affaire {
  background-color: rgba(16, 159, 242, 0.4509803922);
}

#pointage .table-striped tbody tr.total_affaire {
  background: rgba(16, 255, 0, 0.2509803922) !important;
}

#pointage .table-striped tbody tr.total_affaire.totaux_finaux {
  background: rgba(75, 255, 0, 0.5803921569) !important;
}

#pointage .table-striped tbody tr td.colonne_semaine,
#pointage .table-striped thead th.colonne_semaine {
  background: rgba(32, 201, 151, 0.6117647059) !important;
  color: white;
}

#pointage .table-striped tbody tr.ligne_affaire td {
  color: black;
  text-transform: uppercase;
}

#pointage div.card-body #table.table-editable input {
  text-align: center;
  max-width: 100px;
}

#pointage div.card-body #table table.mois th {
  font-weight: normal;
  padding: 0.25rem;
  font-size: 0.8em;
  position: sticky;
  top: 0;
}

#pointage div.card-body #table table.mois td input {
  width: 30px;
  border-color: rgba(128, 128, 128, 0.1490196078);
  padding: 0;
  margin-top: 1rem !important;
}

#pointage div.card-body #table table.mois td input.toto_finaux {
  margin-top: initial !important;
}

#pointage div.card-body #table table.mois td input.total_plus_grand {
  width: 45px;
  margin-top: initial !important;
}

#pointage div.card-body #table table.mois td input.total_plus_grand.semaine_total {
  margin-top: 1rem !important;
}

#pointage div.card-body #table table.mois td {
  padding: 0.25rem;
}

#pointage div.card-body #table table.mois td.titre_poste_activite {
  text-align: left;
}

#pointage div.card-body #table table.mois tr.ligne_frais td.frais_valeur {
  font-size: 0.8em;
}

#pointage div.card-body #table table.vue_semaine td.titre_poste_activite {
  text-align: left;
}

#pointage div.navigation_calendos button.btn.btn-block.btn-primary.btn-md {
  font-size: 1.1em;
  text-transform: uppercase;
}

#pointage div.navigation_calendos button.btn.btn-block.btn-primary.btn-md i {
  color: white;
}

#pointage input.pointe,
#pointage td.pointe {
  background: rgba(255, 188, 0, 0.9098039216);
  color: white;
}

#pointage input.envalidation,
#pointage td.envalidation {
  background-color: rgba(128, 0, 128, 0.5098039216);
  color: white;
}

#pointage .navigation_calendos h2 {
  text-transform: capitalize;
}

#pointage th,
#pointage td {
  transition: 0.3s;
}

#pointage th.selectionne,
#pointage td.selectionne {
  background: rgba(246, 187, 19, 0.4509803922) !important;
  color: white;
}

#pointage th.jour_semaine_5,
#pointage th.jour_semaine_6,
#pointage td.jour_semaine_5,
#pointage td.jour_semaine_6,
#pointage th.jour_ferie,
#pointage td.jour_ferie {
  background: rgba(236, 96, 96, 0.5803921569);
  color: white;
}

#pointage .dot {
  height: 10px;
  width: 10px;
  display: inline-block;
}

#pointage span.dot.ligne_totaux {
  background-color: rgba(16, 255, 0, 0.2509803922);
}

#pointage span.dot.we_feries {
  background-color: rgba(236, 96, 96, 0.5803921569);
}

#pointage span.dot.cours_edition {
  background-color: rgba(246, 187, 19, 0.4509803922);
}

#pointage span.dot.pointe {
  background-color: rgba(255, 188, 0, 0.9098039216);
}

#pointage span.dot.demande_de_conge {
  background-color: rgba(128, 0, 128, 0.5098039216);
}

#pointage p.legende {
  display: inline;
  padding-left: 0.25rem;
}

#pointage #conteneur_conges,
#pointage #conteneur_frais,
#pointage #conteneur_calendrier,
#pointage #conteneur_saisie_frais,
#pointage #conteneur_validation_frais_compta,
#pointage #conteneur_eia {
  display: none;
}

#pointage #conteneur_conges.active,
#pointage #conteneur_validation_frais.active,
#pointage #conteneur_validation_pointage.active,
#pointage #conteneur_validation_conges.active,
#pointage #conteneur_validation_frais_compta.active,
#pointage #conteneur_saisie_frais.active,
#pointage #conteneur_frais.active,
#pointage #conteneur_calendrier.active,
#pointage #conteneur_conges.show,
#pointage #conteneur_frais.show,
#pointage #conteneur_calendrier.show,
#pointage #conteneur_eia.active {
  display: flex;
}

#pointage #custom-tabs-two-tab li {
  text-transform: uppercase;
}

#pointage td.actions_frais i {
  font-size: 1.3em;
}

#pointage #tableau_frais td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#pointage #tableau_frais th {
  border-right: 1px solid #dee2e6;
}

#pointage #tableau_frais th.first,
#pointage #tableau_frais td.first {
  border-left: 1px solid #dee2e6;
}

#dossier_3659.dossier_liste {
  display: none;
}

#conteneur_tableau_frais {
  height: 650px;
  overflow: auto;
}

body.not_connected .content-wrapper {
  margin-left: 0 !important;
}

i.fad.fa-trash-alt:hover {
  color: red;
  cursor: pointer;
}

i#enregistrer_taux:hover,
i#editer_taux:hover {
  cursor: pointer;
}

ul#fichiers_upload li {
  list-style: none;
}

ul#fichiers_upload li i {
  color: rgba(0, 128, 0, 0.3803921569);
}

ul#fichiers_upload li i.fa-minus-circle {
  color: red;
}

ul#fichiers_upload li i.fa-minus-circle.cache {
  visibility: hidden;
}

ul#fichiers_upload li i.fa-minus-circle.cache:hover {
  cursor: pointer;
}

ul#fichiers_upload li:hover i.fa-minus-circle.cache {
  visibility: visible;
}

@media screen and (min-width: 1701px) {
  #partie_basse #legendes_actions.col-xl-2,
  #partie_basse #societes.col-xl-2,
  #donnees_utiles.mt-3,
  #entree_sortie.mt-3 {
    margin-top: initial !important;
  }
}

@media screen and (max-width: 1700px) {
  #conges .col-md-4 label {
    clear: both;
    display: block;
  }

  #partie_basse #oas.col-md-12,
  #partie_basse #oms.col-md-12,
  #partie_basse #legendes_actions.col-md-12,
  #partie_basse #societes.col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 1600px) {
  #infos_persos .col-md-2 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  #infos_persos .col-md-1 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  #gestion_utilisateurs .action-compte {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 1500px) {
  #infos_persos .col-md-1 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  #infos_persos .col-md-2 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  #infos_persos .col-md-3 {
    flex: 0 0 33.3333%;
    max-width: 33.333%;
  }

  #infos_persos #donnees_utiles .col-md-4 {
    flex: 100%;
    max-width: 100%;
  }

  #entree_sortie .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #gestion_utilisateurs .infos-compte {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 1400px) {
  #profil_parlym,
  #message_groupe {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #block_newsletter,
  #reseaux_sociaux,
  #flashinfo {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }
}

@media screen and (max-width: 1700px) {
  #accueil #image_newsletter {
    max-width: 98%;
    margin: 0.4rem;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1401px) {
  .gallery2 {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  #donnees_utiles.mt-3,
  #entree_sortie.mt-3 {
    margin-top: initial !important;
  }
}

@media screen and (max-width: 1199px) {
  #entree_sortie .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #conges .col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  #gestion_utilisateurs .blocks_utilisateurs {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }

  #gestion_utilisateurs #liste-utilisateurs {
    height: 250px;
  }
}

@media screen and (max-width: 768px) {
  #partie_basse #oas.col-md-12,
  #partie_basse #oms.col-md-12,
  #partie_basse #legendes_actions.col-md-12,
  #partie_basse #societes.col-md-12 {
    flex: 100%;
    max-width: 100%;
  }

  #oms {
    margin-top: 0.5rem;
  }

  #ajout_compte button.col-xs-12 {
    width: 100%;
  }

  #profil_parlym,
  #message_groupe {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0.5rem;
  }

  #accueil #image_newsletter {
    max-width: 98%;
    margin: 0.4rem;
  }
}

@media screen and (max-width: 576px) {
  #infos_persos .col-md-2,
  #infos_persos .col-sm-12 {
    flex: 100%;
    max-width: 100%;
  }
}

.main-sidebar {
  z-index: 1038 !important;
}

.v--modal-overlay {
  z-index: 1040 !important;
}

#message_groupe.v--modal-overlay {
  z-index: 999 !important;
}

.form-control-sm {
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
}

.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right] {
  margin-left: 5px;
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

#conteneur_validation_frais_compta span.dot.pointage_pas_fait {
  background-color: rgba(255, 0, 0, 0.88);
}

#conteneur_validation_frais_compta span.dot.pointage_nonvalide {
  background-color: rgba(251, 255, 0, 0.96);
}

#conteneur_validation_frais_compta span.dot.pointage_valide {
  background-color: rgba(40, 167, 69, 0.8509803922);
}

#conteneur_validation_frais_compta span.dot.pointage_pas_donnees {
  background-color: rgba(70, 67, 72, 0.27);
}

#conteneur_validation_frais_compta .dot {
  height: 15px;
  width: 15px;
  display: inline-block;
}

#conteneur_validation_frais_compta p.legende {
  display: inline;
  padding-left: 0.25rem;
}

#conteneur_validation_frais_compta table tr td.valide {
  color: white;
  background-color: rgba(40, 167, 69, 0.8509803922);
}

#conteneur_validation_frais_compta table tr td.nonvalide {
  color: black;
  background-color: rgba(251, 255, 0, 0.96);
}

#conteneur_validation_frais_compta table tr td.pasfait {
  color: white;
  background-color: rgba(255, 0, 0, 0.88);
}

#conteneur_validation_frais_compta table tr td.entrefalse {
  color: white;
  background-color: rgba(70, 67, 72, 0.27);
}

#conteneur_validation_frais_compta tr th.selectionne {
  background-color: rgba(0, 162, 221, 0.1803921569);
}

#tableau_de_bord_pointage span.dot.pointage_pas_fait {
  background-color: rgba(255, 0, 0, 0.88);
}

#tableau_de_bord_pointage span.dot.pointage_nonvalide {
  background-color: rgba(251, 255, 0, 0.96);
}

#tableau_de_bord_pointage span.dot.pointage_valide {
  background-color: rgba(40, 167, 69, 0.8509803922);
}

#tableau_de_bord_pointage span.dot.pointage_pas_donnees {
  background-color: rgba(70, 67, 72, 0.27);
}

#tableau_de_bord_pointage .dot {
  height: 15px;
  width: 15px;
  display: inline-block;
}

#tableau_de_bord_pointage p.legende {
  display: inline;
  padding-left: 0.25rem;
}

#tableau_de_bord_pointage table tr td.valide {
  color: white;
  background-color: rgba(40, 167, 69, 0.8509803922);
}

#tableau_de_bord_pointage table tr td.nonvalide {
  color: black;
  background-color: rgba(251, 255, 0, 0.96);
}

#tableau_de_bord_pointage table tr td.pasfait {
  color: white;
  background-color: rgba(255, 0, 0, 0.88);
}

#tableau_de_bord_pointage table tr td.entrefalse {
  color: white;
  background-color: rgba(70, 67, 72, 0.27);
}

#tableau_de_bord_pointage tr th.selectionne {
  background-color: rgba(0, 162, 221, 0.1803921569);
}

th#col_collab:hover,
th#col_statut:hover,
th#col_entite:hover,
th#col_etablissement:hover,
th#col_service:hover,
th#col_direction:hover,
th#col_etat:hover,
#tableau_tiers_dates th:hover,
#tableau_dates th:hover {
  cursor: pointer;
  background-color: rgba(0, 162, 221, 0.1803921569);
}

#modif_date_heure .v--modal-box.v--modal {
  overflow: inherit;
}

tr.header {
  background: #f4f6f9;
  text-align: center;
  text-transform: uppercase;
}

td.border-right {
  border-right: 1px solid #dee2e6;
}

span.formation_acceptee {
  border: 1px solid #28a745;
  background: white;
  color: #28a745;
  font-size: 1em;
}

div.block_manager {
  background: rgba(81, 195, 116, 0.3607843137);
  padding-bottom: 1em;
  padding-top: 1em;
  color: rgba(0, 0, 0, 0.6196078431);
}

div.block_manager.alert {
  color: white;
  border: none !important;
  background: #51c374;
}

td.badges_actions span.badge {
  padding: 0.3rem;
  font-size: 1em;
  font-weight: normal;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

td.badges_actions span.badge:hover {
  cursor: pointer;
}

.box-header.with-border.background-bleu {
  background: rgba(0, 162, 221, 0.1803921569);
}

.alert-warning.annee_passee {
  background-color: #d4a61a;
  border-color: initial;
}

i.fad.fa-question-circle.pl-2.text-blue:hover {
  cursor: pointer;
}

i.fad.fa-question-circle.pl-2.text-blue {
  cursor: pointer;
  font-size: 1.25em;
  transition: 0.2s;
}

i.text-gold {
  color: gold;
}

#eia .box-header.with-border {
  text-transform: uppercase;
}

#eia .form-control.date_croix {
  background-color: white;
  width: 95%;
  display: inline-block;
}

#eia h1 span {
  min-width: 300px;
  font-size: 0.7em;
  padding: 0.75rem;
}

#ajout_eia input.form-control.form-control.date_croix {
  width: 95%;
  height: 2.65em;
  display: inline-block;
}

#menu_des_familles li {
  list-style-type: none;
}

div.ck.ck-editor__main div.ck-content {
  height: 200px;
}

textarea.activites_nouvelle_etape {
  min-width: 250px;
  min-height: 100px;
}

table.avec_bordure tr {
  border: solid 1px #dee2e6;
}

table.avec_bordure tr td input.inline_small {
  width: 120px;
}

.colonne_duree_annee {
  width: 10em;
}

.fontawesome {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", sans-serif;
}

button.btn.btn-danger i.fa-trash-alt:hover {
  color: white !important;
}

a#ajouter_certif {
  min-width: 110px;
}

select.liste_formation {
  max-width: 250px;
}

#happy_to_work .moji {
  font-size: 8em;
  text-align: center;
}

#happy_to_work input {
  width: 100%;
  margin: 0 10px;
}

#happy_to_work .slider {
  display: flex;
  justify-content: space-between;
}

#happy_to_work span {
  font-weight: bold;
  color: tomato;
}

#happy_to_work span:last-child {
  color: #5fcf80;
}

td.intitule_bilan {
  background: rgba(233, 236, 239, 0.4);
}

td.inutilise {
  background: rgba(45, 45, 45, 0.6);
}

div.is-invalid.ckeditor + div {
  border: solid 1px red;
}

select.tri_aligne {
  display: inline-block;
  max-width: 79px;
  margin-left: 2rem;
}

div.tableau_conges table.table .thead-light th {
  font-weight: normal;
  font-size: 0.8em;
}

img.loader_pacman {
  width: 30px;
}

#liste-collaborateurs.tableau_conges table.table thead th,
#liste-collaborateurs.tableau_collabz table.table thead th {
  top: -1px;
  border-bottom: none;
  position: sticky;
  top: -1px;
  z-index: 1000;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
  background: white;
  color: black;
}

#gestion_devises h5 {
  text-transform: uppercase;
}

#gestion_devises #parite_euros .toggle.btn.btn-primary {
  margin-top: 0.5rem;
  margin-left: 0;
}

#gestion_devises #parite_euros .toggle.btn.btn-default.off {
  margin-top: 0.5rem;
  margin-left: 0;
}

#gestion_devises input.form-control.date_croix {
  width: 90%;
  display: inline-block;
}

#gestion_devises td.action_tableau i {
  font-size: 1.25;
}

#gestion_devises td.action_tableau i:hover {
  cursor: pointer;
}

#nouveau_client {
  display: inline-block;
  width: 75%;
}

#bouton_ajout_client {
  display: inline-block;
  width: 20%;
}

#recap_ep tr.second_header th,
#recap_ep tr td {
  border-right: 1px solid #dee2e6;
}

#recap_ep tr.premier_header th {
  border-right: 1px solid #dee2e6;
}

#recap_ep tr {
  border-right: 1px solid #dee2e6;
}

#recap_ep.table thead {
  top: -1px;
  border-bottom: none;
  position: sticky;
  z-index: 1000;
}

#recap_ep.table thead th {
  background: rgba(208, 243, 182, 0.9215686275);
  border: 1px solid #dee2e6;
}

#recap_ep.table thead tr.second_header th {
  background: rgba(0, 162, 221, 0.1098039216);
  border: 1px solid #dee2e6;
}

#formulaire_top_tableau #pagination,
#formulaire_top_tableau select.tri_aligne,
#formulaire_bottom_tableau #pagination,
#formulaire_bottom_tableau select.tri_aligne {
  max-width: initial;
  margin-left: initial;
}

button:active {
  background: initial !important;
}

ul li#gestionfichesevenements a.nav-link.active.warning.fiches_evenements_menu {
  background: #e0a800;
}

ul li#gestiondemandesi a.nav-link.active.warning.gestiondemandesi_menu {
  background: #e0a800;
}

ul li#gestion-materiel a.nav-link.active.warning.gestion_materiel_menu,
ul li#veille-reglementaire a.nav-link.active.warning.veille_regl_menu,
ul li#causeries a.nav-link.active.warning.causeries_menu {
  background: #e0a800;
}

ul li#gestionfichesvisites a.nav-link.active.warning.fiches_visites_menu {
  background: #e0a800;
}

#tableau_fiches_evenements td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#tableau_fiches_evenements th {
  border-right: 1px solid #dee2e6;
}

#tableau_fiches_evenements th.first,
#tableau_fiches_evenements td.first {
  border-left: 1px solid #dee2e6;
}

#tableau_fiches_evenements td.nouveau {
  background: #007daa;
  color: white;
  vertical-align: middle;
}

#tableau_fiches_evenements td.annulee_soldee {
  background: rgba(215, 36, 53, 0.9490196078);
  color: white;
  vertical-align: middle;
}

#tableau_fiches_evenements td.en_cours {
  background: rgba(40, 167, 69, 0.7803921569);
  color: white;
  vertical-align: middle;
}

ul#liste_articles {
  padding-left: 0;
  margin-top: 1em;
}

ul#liste_articles li {
  list-style: none;
}

#edition_fiche_evenement .v--modal-overlay .v--modal-box,
#grille_competence .v--modal-overlay .v--modal-box {
  overflow: auto;
}

#gestion_cv {
  font-size: 1.5em;
}

.alert-primary {
  border-color: #00A2DD !important;
}

.colonne_cv ul li {
  list-style: none;
}

.colonne_cv ul {
  padding-left: 0;
}

.colonne_cv h4 {
  font-size: 1.1em;
}

.colonne_cv {
  max-height: 350px;
  overflow: auto;
}

span.boutons_cvs:hover {
  cursor: pointer;
}

span.boutons_cvs {
  opacity: 0.8;
}

#generer_cv .v--modal-box.v--modal {
  height: 100%;
  overflow: visible;
}

button.ajout_real {
  background: white;
}

#legendes_actions span.dot.projet_non_valide {
  background-color: rgba(219, 132, 132, 0.3607843137);
  border-radius: initial;
  height: 20px;
  width: 20px;
}

#legendes_actions p.legende {
  display: inline;
  padding-left: 0.25rem;
}

tr.non_valide {
  background-color: rgba(219, 132, 132, 0.3607843137);
}

#ajout_efj .v--modal-overlay .v--modal-box {
  overflow: visible;
}

#editer_theme .fad.fa-trash-alt:hover {
  cursor: pointer;
  color: red;
}

#editer_theme .fad.fa-pen:hover {
  cursor: pointer;
  color: green;
}

#editer_theme .fad.fa-plus:hover {
  cursor: pointer;
}

#editer_theme .fad.fa-minus:hover {
  cursor: pointer;
}

#instant_question .fad.fa-paper-plane:hover {
  cursor: pointer;
  color: blue;
}

#instant_question .fad.fa-pen:hover {
  cursor: pointer;
  color: green;
}

thead.sticky {
  top: -1px;
  border-bottom: none;
  position: sticky;
  z-index: 1000;
}

#date {
  background-color: initial;
}

#conteneur_collab_invite.table-responsive table.table thead th,
#tableau_tiers_dates.table-responsive table.table thead th {
  top: -1px;
  border-bottom: none;
  position: sticky;
  top: -1px;
  z-index: 1000;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
  background: white;
  color: black;
}

#conteneur_collab_invite.table-responsive table.table thead th:hover,
#tableau_tiers_dates.table-responsive table.table thead th:hover {
  background: white;
}

.tooltip-inner span.badge.badge-info {
  font-size: 96%;
  font-weight: 400;
}

#video_mot_du_pdg.v--modal-overlay,
#video_lancement.v--modal-overlay {
  background: rgba(0, 0, 0, 0.92);
}

#video_mot_du_pdg .icheck-primary > input:first-child:checked + input[type=hidden] + label::before {
  border-color: rgba(255, 255, 255, 0.4784313725) !important;
}

#video_mot_du_pdg [class*=icheck-] > input:first-child + input[type=hidden] + label::before {
  border-color: rgba(255, 255, 255, 0.4784313725) !important;
}

.content.mt-3:has(> div#container_bg) {
  margin-top: 0 !important;
  padding: 0 !important;
}

h3.titre_onboard {
  letter-spacing: initial;
  font-size: 1.75rem;
  font-weight: 500;
  font-family: Termina;
}

img.picto_onboard {
  width: 100px;
  border-radius: 50%;
}

div.block_accueil_salarie {
  text-align: center;
  color: white;
  width: 100%;
  background: #014970;
  border-radius: 15%;
  padding: 1rem;
}

div.block_accueil_salarie p {
  font-size: 0.8rem;
  margin-top: 3rem;
}

div.block_accueil_salarie h1 {
  text-transform: uppercase;
  font-family: Termina;
  font-size: 1.25rem;
}

#accueil_cao div.block_accueil_salarie {
  padding: 2rem;
}

#accueil_salarie {
  margin-left: 2rem;
  margin-right: 2rem;
}

#accueil_cao {
  margin-left: 8rem;
  margin-right: 8rem;
}

#block_compliance {
  background: #172843;
}

#block_securite {
  background: #014970;
}

#block_wob {
  background: #17a1da;
}

#block_caisse {
  background: #2ebad5;
}

div.block_accueil_salarie.sous_block_caisse {
  background: #146372;
  transition: 0.2s;
}

div.block_accueil_salarie.active.sous_block_caisse:hover {
  border-color: transparent;
  color: #146372;
  background: white;
}

div.block_accueil_salarie.active.sous_block_caisse.special_quifaitquoi:hover {
  border-color: transparent;
  color: white;
  background: #146372;
}

#block_faq {
  background: #039890;
}

div.etape_desactivee_onboarding {
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  margin: 0;
}

div.block_accueil_salarie.active {
  border: 6px solid transparent;
}

div.block_accueil_salarie.active:hover,
div.block_accueil_salarie.valide,
div.block_accueil_salarie.valide:hover {
  border-color: green;
  cursor: pointer;
}

h3 span.mot_pdg {
  font-size: 0.8em;
  border: solid white 1px;
  padding: 0.8rem;
  border-radius: 13px;
  font-family: initial;
  font-family: Gotham;
}

h3 span.mot_pdg:hover {
  background: white;
  color: red;
  cursor: pointer;
}

#bar_haut {
  background: #014970;
  color: white;
  width: 100%;
}

#bar_haut h3 {
  display: inline-block;
  text-transform: uppercase;
  font-family: Termina;
  font-size: 1rem;
  padding-left: 2rem;
  margin-bottom: 0;
}

#bar_haut h3.retour_accueil:hover {
  cursor: pointer;
  text-decoration: underline;
}

#bar_haut #container_steps {
  display: inline-block;
}

div.bg-white.securite {
  background: white !important;
}

h2.felicitations {
  color: #014970;
  font-family: Termina;
  text-transform: uppercase;
  font-weight: 600;
}

h3.felicitations {
  color: #2ebad5;
  font-family: gotham;
  font-weight: bold;
  font-size: 1em;
}

p.felicitations {
  font-style: italic;
  /* font-family: termina; */
}

.swal-wide {
  width: 70% !important;
}

.swal-wide .swal2-content {
  text-align: left;
}

.openToTop .vdp-datepicker__calendar {
  bottom: 100%;
}

.alert.alert-warning-light {
  color: #856404;
  background-color: #fff3cd;
  border-color: #fff3cd;
}

.alert.alert-warning-light a {
  color: #856404;
}

.alert.alert-info-light {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #d1ecf1;
}

.alert.alert-info-light a {
  color: #0c5460;
}

.alert.alert-purple {
  background-color: #6f42c1;
  color: #ffffff;
}

.badge-purple {
  background-color: #6f42c1;
  color: #fff;
}

.btn.btn-purple {
  background-color: #6f42c1;
  color: #fff;
}

.btn.btn-purple:hover {
  background-color: #5629a5;
  color: #fff;
}

.table-hover-with-pointer tr:hover {
  cursor: pointer;
  background-color: rgba(0, 162, 221, 0.1803921569);
}

.with-mandatory-asterisk label span,
form label span {
  color: red;
}

.form-check-label {
  cursor: pointer;
}

.v-select .vs__search,
.v-select .vs__search:focus {
  padding: 1px 7px !important;
}

.v-select.is-invalid .vs__dropdown-toggle {
  border-color: #dc3545 !important;
}

.vdp-datepicker .form-control[readonly]:not([disabled]) {
  background-color: #FFFFFF !important;
}

.with-center-clear-button .vdp-datepicker__clear-button {
  position: absolute;
  top: 2px;
  right: 8px;
  font-size: 24px !important;
}

body.swal2-toast-shown .swal2-container {
  z-index: 50000 !important;
}

.rounded-checkbox {
  background: #e1e1e1;
  padding: 5px 12px;
  border-radius: 5px;
  cursor: pointer;
}

.sep-pagination {
  border-top: 1px solid #dee2e6;
  padding: 15px 0 0;
}

.bg-light-red {
  background-color: rgba(235, 0, 0, 0.1019607843) !important;
}

.bg-light-gray {
  background-color: #e9ecef !important;
}

.card-header > .card-tools {
  margin-bottom: -3px;
}

.v-select.vs--multiple .vs__selected {
  background-color: #00a2dd !important;
  border: 1px solid rgb(0, 162, 221) !important;
  color: #fff !important;
}

.vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected {
  opacity: 0.7 !important;
}

.multiselect__placeholder {
  font-size: 1.1em;
  margin-bottom: 0 !important;
  padding-top: 0px !important;
}

.multiselect__tags {
  border-color: #ced4da !important;
}

.is-invalid .multiselect__tags {
  border-color: #dc3545 !important;
}

option:disabled {
  background-color: lightgray !important;
}