:root
{
    --rh-btn-visite-padding : 13px 24px;
    --custom-margin-top : 25px;
    --custom-height : 45px;
    --rh-pagination-list-type : none;
    --rh-pagination-margin : 15px;
    --light-margin-top : 0.5rem;
    --rh-custom-line-height : 1.75;
    --rh-recherche-label-margin: 3px;
    --rh-input-padding: 8px 10px;
}

body, html
{
    font-size: inherit;
}

.rh-btn-list
{
    align-items: end;
    display: flex;
}

.rh-btn-list .rh-btn
{
    padding: var(--rh-btn-visite-padding);
    margin-right: var(--rh-btn-space);
}

/* .rh-div-input.rh-custom-group-checkbox label.rh-checkbox-label+.rh-checkbox-label
{
    margin-right: var(--rh-btn-space);
} */

.rh-checkbox-right-space
{
    margin-right: var(--rh-btn-space);
}

.custom-margin-top
{
    margin-top: var(--custom-margin-top);
}

.custom-radius
{
    border-radius: var(--rh-btn-radius);
}

.custom-height
{
    height: var(--custom-height);
}

.custom-flex
{
    display: flex;
}

.custom-margin-auto-0 .rh-div-input
{
    margin: auto 0;
}

.rh-pagination
{
    list-style-type: var(--rh-pagination-list-type);
    margin: auto;
    margin-top: var(--rh-pagination-margin);
    margin-bottom: var(--rh-pagination-margin);
}
.rh-pagination li
{
    display: inline;
}

.custom-float-right
{
    float: right;
}

#group_rights .rh-checkbox-label
{
    display: block;
}

.rh-w-60
{
    width: 60% !important;
}

.custom-w-100 div, .rh-w-100
{
    width: 100% !important;
}

.rh-rights-list div
{
    width: 100% !important;
}

.rh-error
{
    color : var(--rh-alerte-rouge-border);
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-2rem
{
    margin-bottom: 2rem;
}

table.en-attendant {
    width: 100%;
    vertical-align: top;

    & th, & td {
        padding: .5rem;
        border-bottom-style: solid;
        border-bottom-color: var(--rh-demande-border);
    }

    & th {
        border-bottom-width: 2px;
    }

    & td {
        border-bottom-width: 1px;
    }
}

.rh-custom-group-checkbox > .rh-checkbox-label {
    display: block;
    margin-bottom: .1rem;
}

.rh-demande.active {
    border-width: 2px;
}

.text-center
{
    text-align: center;
}

.bg-none
{
    background-color: transparent;
}

.bg-gris
{
    background-color: var(--rh-alerte-bg);
}

.border-bottom-none
{
    border-bottom: none !important;
}

.border-top-none
{
    border-top : none !important;
}

.padding-bottom-0
{
    padding-bottom: 0 !important;
}

.no-gap
{
    gap: 0;
}

.light-margin-top
{
    margin-top: var(--light-margin-top);
}

.rh-custom-line-height
{
 line-height: var(--rh-custom-line-height);
}

.rh-convocation > .rh-div-input, .rh-convocation > .rh-div-input > input
{
    width: 100% !important;
}

.list-style-none
{
    list-style-type : none;
}

.rh-form-demande > form > div {
    padding: var(--rh-demande-padding);
    border: 1px solid var(--rh-demande-border);
  }

.--add-radius
{
    border-radius: var(--rh-card-radius);
}

.--add-full-radius
{
    border-radius: var(--rh-demande-radius);
}

.display-flex
{
    display: flex;
}

.rh-card-img
{
    background-image: url("../../img/image.jpg");
}

.rh-card-actu
{
    display: flex;
}

.rh-card-actu div
{
    margin-right: 1rem;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.rh-border-spacing
{
    border-spacing: 0rem 0.5rem;
    min-width: 400px;
}

.irondal-body
{
    margin: 1rem;
}

/* styles du front office, en attendant de leur trouver un meilleur nom */

.rh-form-demande-entete-fo
{
    /*display: grid;*/
    background-color: var(--rh-alerte-bg);
    /*justify-content: space-between;*/
    padding-right: 10% !important;
    border-radius: var(--rh-card-radius);
}

fieldset
{
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.text-left
{
    text-align: left;
}

.irondal .irondal-close .bar.bar1, .irondal .irondal-close .bar.bar2, .irondal .irondal-close .bar.bar3, .irondal .irondal-close .bar.bar4 {
    border: 1px solid #313131;
}

#assign_aTraiterPar
{
    min-width: 200px;
}

.rh-grid-infos {
    display: grid;

    /* 3 colonnes égales */
    grid-template-columns: repeat(3, 1fr);
    /* Espacement entre les éléments */
    column-gap: 20px;
    row-gap: 0.5rem;
    /* Un peu d'espace autour */
    padding: 2px;
}

.rh-grid-infos > div {
    padding: 2px;
}

@media (max-width: 768px) {
    .rh-grid-infos {
        /* 1 colonne sur mobile */
        grid-template-columns: 1fr;
    }
}

/* oui, c'est copié de Materialize */
.rh-chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

.rh-form-row.ol-grid,
.rh-form-demande .rh-form-row.ol-grid {
    display: grid;
}

.rh-form-row.ol-grid div
{
    width: 100%;
}

#demande_visite_medicale_edit_motifs > .rh-custom-group-checkbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}

  .p-left-15px
  {
    padding-left: 15px;
  }

  .m-bottom-5px
  {
    margin-bottom: 5px;
  }

.justify-end {
    justify-content: end;
}

.rh-form-demande .rh-form-row[hidden] {
    display: none;
}

/*** TICKETS ***/
.bulle-message
{
    width: 60%;
    margin-bottom: 1rem;
}

.bulle-message .message
{
    padding: var(--rh-demande-padding);
    border-radius: var(--rh-demande-radius);
}

.bulle-document
{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.bulle-message.right
{
    float: right;
}

.bulle-message.right .message
{
    color: white;
    background-color: var(--rh-color-advarium);
}

.bulle-message.right .message a
{
    color: white;
}

.bulle-message.right .author
{
    text-align: right;
}

.bulle-message.left
{
    float: left;
}


.bulle-message.left .message
{
    color: var(--rh-color-advarium);
    border: 1px solid var(--rh-color-advarium);
    background-color: var(--rh-alerte-bleue-bg);
}


.bulle-message.left .message a
{
    color: var(--rh-color-advarium);
}

.rh-alert-bleue li
{
    list-style: none;
}

/*** PAIE ***/
/*
div#overtimes-lines div
{

}
*/