/** Patch necessaire à la bonne integration de la nouvelle charte graphique **/
@media screen and (min-width: 1361px) {

    .has-carrousel~.modal-from-header,
    .has-carrousel .modal-from-header {
        top: 80px !important;
    }

    .has-carrousel~.modal-from-header:before,
    .has-carrousel .modal-from-header:before {
        top: 80px !important;
    }
}

.affiche-step {
    display: block !important;
}

.fin-step1 {
    display: none !important;
}

.recommendation-wrapper {
    width: 100%;
}

#video-recommandation {
    border: 0
}

/*
 * Adaptation du css des tooltips générés par ngx-bootstrap
 */

/* Equivalent .tooltip.left */
.tooltip-start {
    padding: 0 5px;
    margin-left: -3px;
}

/* Equivalent .tooltip.left tooltip-arrow */
.tooltip-start .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

/* Equivalent .tooltip.right */
.tooltip-end {
    padding: 0 5px;
    margin-left: 3px;
}

/* Equivalent .tooltip.right tooltip-arrow */
.tooltip-end .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}


/*
 * Gestion des paddings entre les blocs
 */

/* Suppression du padding top du bloc actualites s'il est précédé d'un bloc Autres services */
.accueil-landing-pages .strip#autres-services+.strip#actualites,
/* Suppression du padding top du bloc thematiques s'il n'est pas précédé d'un bloc Conseiller */
.accueil-landing-pages .strip:not(#conseiller)+.strip#thematiques {
    padding-top: 0;
}

/* Reduction du padding top du container du bloc actualites si le bloc est précédé d'un bloc Autres services */
.accueil-landing-pages .strip#autres-services+.strip#actualites .news {
    margin-top: -35px;
}

/* Suppression du padding bottom du bloc appli mobile */
.accueil-landing-pages .strip#appli-mobile {
    padding-bottom: 0;
}

.accueil-landing-pages .heading-landing.banniere_entreprises_sengagent .heading-landing-img {
    background: url("../img/banner/banniere_entreprises_sengagent.svg") no-repeat;
}


@media only screen and (max-width: 1200px) {
    .vignette-thematique-theme {
        margin: 0 0 20px 0;
        width: 100%;
        padding-left: 250px;
        text-align: left;
    }
}

@media only screen and (max-width: 640px) {
    .vignette-thematique-theme {
        width: 100%;
        margin: 0 auto 20px;
        padding-left: 0;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .accueil-landing-pages .heading-landing.banniere_entreprises_sengagent .heading-landing-img {
        background-size: auto !important
    }
}

/* Patch taille du tiret LP contrat pro*/
.accueil-landing-pages .block-advantages .advantage-list li ul li:before {
  min-width: 4px;
}

.modal-dialog [class*="icon-"].icon-error {
    font-size: 50px;
    font-size: 3.125rem;
    padding-bottom: 20px;
    display: block;
    color: #e3224a;
}

.modal-dialog [class*="icon-"].icon-success {
    font-size: 50px;
    font-size: 3.125rem;
    padding-bottom: 20px;
    display: block;
    color: #abcf47;
}

/**  PATCH BLOC RECHERCHE PROFIL PN060 */

.entreprise .tag-input-group .tag .content,
.entreprise .tag-input-group .tag .remove,
.entreprise .tag-input-group .tag .delete {
    background: #283276;
    white-space: unset;
    word-break: break-all;
    height: auto;
}

.entreprise .tag-input-group .tag .remove:hover,
.entreprise .tag-input-group .tag .delete:hover {
    background: #283276
}

.search-form .mat-mdc-form-field-wrapper {
    padding: 0;
}



.token-input-dropdown-item.mat-mdc-option {
    font-size: 12px;
    font-size: 0.75rem;
    color: #58595b;
    padding: 10px;
    border-bottom: 1px solid #edefee;
    background: #ffffff;
    margin: 0 10px;
    width: 100%;
    width: calc(100% - 20px);
    cursor: pointer;
    position: relative;
    display: block;
    line-height: normal;
    height: unset;
    min-height: unset;
}

.token-input-dropdown-header-item .mat-mdc-optgroup-label {
    color: #313131;
    background-color: #fff;
    padding: 10px;
    margin: 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e1e1e1;
    white-space: pre-line;
    display: inline-block;
    line-height: initial;
    height: initial;
}

.token-input-dropdown-item.mat-mdc-option-active,
.token-input-dropdown-item:nth-of-type(even).mat-mdc-option-active,
.token-input-dropdown-item:hover:not(.mat-mdc-option-disabled) {
    background-color: #283276;
    color: white
}

.token-input-dropdown-item:nth-of-type(even) {
    background-color: #fafafa;
}

.mat-mdc-autocomplete-panel .search-in-progress {
    color: #9F9FA0;
    font-style: italic;
    font-size: 0.75rem;
    background-color: white;
}

.mat-mdc-autocomplete-panel .search-in-progress:hover {
    background-color: white;
    cursor: auto;
}

.mdc-menu-surface {
    overflow: hidden;
}

.icon-recherche-group {
    position: fixed;
    top: 23px;
}

.mdc-evolution-chip-set {
  padding-left: 22px;
}

input#mat-mdc-chip-list-input-0,
input#token-input-champsMultitagOu,
input#token-input-champsMultitagQuoi {
    margin-left: 20px;
}


mat-form-field {
    font-size: .875rem !important;
}

.mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled.mdc-text-field--no-label.mdc-text-field--focused,
span.mdc-evolution-chip__cell.mdc-evolution-chip__cell--trailing.ng-star-inserted:focus-within {
    outline: 1px dotted;
    outline: auto 5px -webkit-focus-ring-color;
}

.accueil-landing-pages .block-how-to .dot-list .step .step-text ul.with-margin-bottom {
    margin-bottom: 10px;
}

.mat-mdc-form-field-subscript-wrapper {
    display: none;
}

/** Patch pour le dropdown du quoi où LP Profil **/

.mat-form-field-custom > div{
    outline: none !important;
}


.tag-input-group.form-control:focus-within{
    outline: auto;
}

.mat-mdc-standard-chip.chip-tag {
    background-color: #283276 !important;
    white-space: unset;
    word-break: break-all;
    height: auto;
    border-radius: 3px;
}

.cdk-overlay-pane {
    pointer-events: all;
    position: absolute !important;
    z-index: 1000;
}


.cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #fff);
    color: var(--mdc-theme-on-surface, #000);
}

.mdc-menu-surface.mat-mdc-autocomplete-panel {
    width: 100%;
    max-height: 256px;
    position: static;
    visibility: hidden;
    transform-origin: center top;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
}

.mdc-line-ripple {
    display: none;
}
/** FIN Patch pour le dropdown du quoi où LP Profil **/


.chip-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
    padding: 3px 7px 3px 7px;
    float: left;
    color: #fff;
}

.chip-delete span {
    color: #fff;
    font-size: .875rem !important
}

.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
    padding-left: 0px !important;
}

.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing.chip-delete {
    padding-left: 0px;
    padding-right: 0px;
}

span.mdc-evolution-chip__cell.mdc-evolution-chip__cell--primary:has(.chip-content) {
    border-right: solid 1px;
}

.mat-mdc-standard-chip.chip-tag:focus-within{
    border: solid 1px;
}

/* //////   PATCH PAGES AUTONOMES   ////// */

body.indisponible {
    color: #555;
    background: #e5e6e8;
}

.indisponible .footer .container-fluid {
    padding: initial;
    background: none;
}

/* //////  FIN  PATCH PAGES AUTONOMES   ////// */

/* Problème d'alignement blocs footer */

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex>[class*='col-'] {
    flex-grow: 1;
}

/* Problème alignement bloc recherche profil */

.accueil-landing-pages .search-form .label-icon {
    top: 40px !important;
    left: 26px;
}

/* //////  PATCH PARTICULIER EMPLOYEUR   ////// */

.heading nav .col-nav>a {
    display: inline-block !important;
    overflow: unset !important
}

/* //////  PATCH POPIN RATTACHEMENT COMPTE   ////// */

.popin-rattachement-compte {
  font-size:1rem;
}

/* //////  PATCH BLOC PLAQUETTE   ////// */

.plaquette {
  justify-content: center;
}