/*#region PoliceLogoKLEKOON*/
@font-face {
    font-family: 'Dredwerkz';
    src: url('/fonts/DREDWERK.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArialNB';
    src: url("fonts/ARIALNB.TTF");
}

.Police-header{
    font-family:ArialNB !important;
}
.KleLogo {
    font-family: KleLogo !important;
    font-size: 24px !important;
    letter-spacing:2.4px !important;
}

.KleLogo-Mob {
    font-family: KleLogo !important;
    font-size: 1.7rem !important;
}

@-moz-document url-prefix() {
    .KleLogo {
        font-family: KleLogo !important;
        font-size: 1.95rem !important;
    }
}
/*#endregion PoliceLogoKLEKOON*/

/*#region CouleurDeFond*/
.bg-kle-dark {
    background: #8D8D8D !important;
}

.bg-black {
    background: #000;
}

.bg-dark-grey {
    background: #E6E6E6 !important;
}

.bg-light-grey {
    background: #f2f2f2 !important;
}

.bg-kle-gradient-dark {
    background: linear-gradient(#7D7D7D,#484848);
}

.bg-kle-orange {
    /*background: #E46C0A;*/
    background: #FF7700;
}

.bg-kle-blue {
    background: #1a237e;
}

.bg-gradient-blue {
    background: linear-gradient(#304ffe,#1a237e);
}

.bg-kle-gradient {
    background: linear-gradient(#f2f2f2,#8D8D8D) !important;
}

.bg-kle-gradient-inverse {
    background: linear-gradient(#6E6E6E,#BFBFBF) !important;
}

.bg-gradient-veille-title {
    background: linear-gradient(#0071CD,#003F77) !important;
}

.bg-gradient-veille {
    background: linear-gradient(#A3C4FF,#E5EEFF) !important;
}

.bg-gradient-demat-title {
    background: linear-gradient(#7B57A8,#5D417E) !important;
}

.bg-gradient-demat {
    background: linear-gradient(#C9B5E8,#F0EAF9) !important;
}

.bg-gradient-formation-title {
    background: linear-gradient(#34B3D6,#2787A0) !important;
}

.bg-gradient-formation {
    background: linear-gradient(#9EEAFF,#E4F9FF) !important;
}

.bg-gradient-certificat-title {
    background: linear-gradient(#CE3B37,#9C2D2A) !important;
}

.bg-gradient-certificat {
    background: linear-gradient(#FFA2A1,#FFE5E5) !important;
}

.bg-listeformations {
    background: linear-gradient(white,#cff3f7) !important;
}

.bg-ajoutformation {
    background: linear-gradient(white,#ccaa2e) !important;
}

.bg-modifierformation {
    background: linear-gradient(#ededed,#ccaa2e) !important;
}

.bg-modifiertitreformation {
    background: linear-gradient(#ededed,#e84e4e) !important;
}

.bg-faq {
    background: #FDEADA !important;
}

.bg-message-envoyer {
    background: #0090FF !important;
}

.bg-message-recus {
    background: #FFD6BB !important;
}

/*#endregion CouleurDeFond*/

/*#region CouleurDePolice*/
.text-kle-muted {
    color: #c2c8ce !important;
}

.text-orange {
    /*color: #E46C0A !important;*/
    color: #FF7700 !important;
}

.text-black {
    color: #000 !important;
}

.text-blue {
    color: #0070C0 !important;
    /*color: #275791 !important;*/
    /*color: #00B0F0 !important;*/
    /*color: #007bff;*/
}

.kle-titre {
    color: #00B0F0;
}

.text-link {
    color: #000 !important;
}

    .text-link:hover {
        color: #ff8f2a !important;
    }
/*#endregion CouleurDePolice*/

/*#region TaillePoliceKLEKOON*/
.font-menu {
    font-size: 1.33rem;
}

.footer-font-size {
    font-size: 12px;
}

.titre-font-size {
    font-size: 0.9rem !important;
}

.font-header {
    font-size: 0.9rem !important;
}
/*#endregion TaillePoliceKLEKOON*/

/*#region BordureKLEKOON*/
.kle-border {
    border: solid 1px #bfbfbf !important;
}

.kle-border-message-recus {
    border: solid 1px #F9C6A3 !important;
}

.kle-border-orange {
    border: solid 1px #FF7700 !important;
}

.kle-border-blue {
    border: solid 1px #0070C0 !important;
}

.kle-border-top {
    border-top: solid 1px #bfbfbf !important;
}

.kle-border-right {
    border-right: solid 1px #bfbfbf !important;
}

.kle-border-bottom {
    border-bottom: solid 1px #bfbfbf !important;
}

.kle-border-left {
    border-left: solid 1px #bfbfbf !important;
}

.kle-border-search-result {
    border-bottom: 2px solid #979a9a !important;
    border-top: 2px solid #979a9a !important;
}

.kle-rounded {
    border-radius: 0.50rem !important;
}

.kle-border-orange {
    border: solid 1px #E46C0A !important;
}

.kle-border-black {
    border: solid 1px #000 !important;
}

.border-pill-left {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}

.border-pill-right {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}
/*#endregion BordureKLEKOON*/

/*#region MediaQuery*/
@media (min-width: 992px ) {
    .klekoon-lg {
        display: block !important;
    }

    .klekoon-md {
        display: none !important;
    }

    .kle-inline-block-lg {
        display: inline-block !important;
    }


    .sous-menu:hover > .dropdown-menu {
        display: block !important;
        border: none !important;
        background: #E46C0A;
        border-radius: initial;
    }

        .sous-menu:hover > .dropdown-menu > a {
            border-top: solid 1px #fff;
        }

    .kle-menu-border-right {
        /*border-right: solid 1px #000;*/
        border-right: solid 1px #1a237e;
    }
}

@media (max-width: 991px) {


    .klekoon-lg {
        display: none !important;
    }

    .klekoon-md {
        display: block !important;
    }

    .kle-inline-block-lg {
        display: none !important;
    }

    .kle-menu-border-right {
        border-right: solid 1px transparent;
    }
}

@media (max-width: 401px) {
    .logo-size {
        display: inline-block !important;
        width: 50%;
    }
}

@media(max-width: 434px) {
    .kle-footer-border-right {
        border-right: 1px solid transparent;
    }
}

@media (min-width: 435px) {
    .kle-footer-border-right {
        border-right: 1px solid #d9d9d9;
    }
}

@media (min-width:768px) {
    .height-caroussel-md {
        height: 249px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .height-caroussel-md {
        height: 216px;
    }
}

@media (max-width:575px) {
    .height-caroussel-md {
        height: 183px;
    }
}
/*#endregion MediaQuery*/

/*#region PAGINATION */
.pagination > li > a {
    background: transparent;
    color: #000;
}

.page-link {
    border: none !important;
    text-decoration: underline !important;
}

.page-item.active .page-link {
    background: #E46C0A !important;
}

.pagination.pagination-flat > li > a {
    border-radius: 0 !important;
}
/*#endregion PAGINATION */

/*#region Card */
.card-danger {
    border-color: #ebccd1;
}

    .card-danger > .card-header {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
        background-repeat: repeat-x;
    }

        .card-danger > .card-header > .card-body {
            border-top-color: #ebccd1;
        }

    .card-danger > .card-header {
        color: #a94442 !important;
        background-color: #a94442;
    }

    .card-danger > .card-footer > .card-body {
        border-bottom-color: #ebccd1;
    }
/*#endregion Card */

/*#region Gmail Input*/
.field-wrapper {
    position: relative;
}

    .field-wrapper input {
        border: 1px solid #DADCE0;
        padding: 15px;
        border-radius: 4px;
        width: 100%;
    }

    .field-wrapper .field-placeholder {
        font-size: 16px;
        position: absolute;
        bottom: 17px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        top: 3px;
        padding: 0 8px;
        -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
        z-index: 1;
        text-align: left;
        width: 100%;
    }

        .field-wrapper .field-placeholder span {
            background: #FFF;
            padding: 0px 8px;
        }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder {
        color: #275791;
    }

    .field-wrapper.hasValue {
        border: solid 1px #275791;
        border-radius: 0.25rem;
    }

        .field-wrapper input:not([disabled]):focus ~ .field-placeholder,
        .field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder {
            color: #275791;
            -webkit-transform: scale(.78) translateY(-25px) translateX(-25px);
            transform: scale(.78) translateY(-25px) translateX(-25px);
        }
/*#endregion Gmail Input*/

.fixed-bottom {
    z-index: 1029 !important;
}

.ui-menu {
    z-index: 2000 !important;
}

.collapse-moteur {
    z-index: 0;
    width: 55%;
    margin-left: calc(-55% - 15px + 31px);
    position: fixed;
    height: 100%;
    top: 60px;
    overflow: auto;
    transition: all 0.9s ease;
}

.moteur-show {
    z-index: 1000 !important;
    margin-left: -1% !important;
}

.liste-marche-checkbox::before {
    left: -9px !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
}

.liste-marche-checkbox::after {
    left: -9px !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.zone-geographique[aria-expanded] {
    position: relative;
    display: flex;
    align-items: center;
}

    .zone-geographique[aria-expanded]::after {
        display: inline-block;
        width: 0;
        height: 0;
        position: absolute;
        right: 20px;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

.zone-geographique[aria-expanded="true"]:after {
    transform: rotate(-180deg);
}

.zone-geographique[aria-expanded="false"]:after {
    transition: transform .35s ease, opacity .35s ease;
    /*opacity: .5;*/
}

.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*Aligner le texte avec la checkbox*/
.align-checkbox {
    /*padding-top: 0.15rem !important;*/
    padding-top: 0 !important;
}

.error {
    color: red !important;
}


/*.accordion .card-header:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f0de";
    float: right;
    padding-right: 2px;
}

.accordion .card-header.collapsed:after {*/
/* symbol for "collapsed" panels */
/*font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f0dd";
    padding-right: 2px;
}

.accordion .card-header {
    background-color: #FF7700 !important;
    color: white !important;
}

    .accordion .card-header a {
        color: white !important;
    }

    .accordion .card-header.collapsed {
        background-color: #d9d9d9 !important;
        color: black !important;
    }

        .accordion .card-header.collapsed a {
            color: black !important;
        }*/

/*#region MessageMarche underline in hover*/
#listMsgMar p {
    text-decoration: none;
}

    #listMsgMar p:hover {
        text-decoration: underline;
        color: #FF7700 !important;
    }
/*#endregion MessageMarche*/

/*Arrow in AddMessageMarche's multiselect*/
.dropdown-toggle::after {
    position: inherit !important;
    top: 10px !important;
    float: right !important;
}

/*How to flip a text for VersionMobile's logo*/
.text-flip {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
/*Text-truncate in two lines*/
.line-two-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Table without border*/
.borderless td, .borderless th {
    border: none !important;
}

/*#region Padding in modal*/
/*div.modal-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}*/

div.modal-header {
    padding: 0.5rem 0rem 0.2rem 0rem !important;
    /*padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;*/
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

div.modal-footer {
    justify-content: center !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
/*#endregion Padding in modal*/

/*#region dropdown menu ListeMarche*/
.dropdown-marche {
    background-color: #d8d8d8 !important;
}

    .dropdown-marche > .dropdown-item:hover {
        background-color: #FF7700 !important;
        color: white !important;
    }
/*#endregion*/
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #FF7700 !important;
}

.kle-nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .kle-nav-link {
        transition: none;
    }
}

.kle-nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

/*overiede*/
.nav-tabs .kle-nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

    .nav-tabs .kle-nav-link:hover, .nav-tabs .kle-nav-link:focus {
        border-color: #e9ecef #e9ecef #dee2e6;
    }

    .nav-tabs .kle-nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent;
    }

    .nav-tabs .kle-nav-link.active,
    .nav-tabs .nav-item.show .kle-nav-link {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .kle-nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .kle-nav-link.active,
    .nav-pills .show > .kle-nav-link {
        color: #fff;
        background-color: #0d6efd;
    }

.nav-fill > .kle-nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .kle-nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}


.nav-tabs .kle-nav-link.active,
.nav-tabs .kle-nav-item.show .kle-nav-link {
    color: #0070C0;
    background-color: #f2f2f2 !important;
    border-color: #dee2e6 #dee2e6 #f2f2f2;
}

.kle-nav-link {
    background-color: #d9d9d9 !important;
}

.table-filtre:hover {
    border-color: #FF7700 !important;
}

.bootbox-close-button {
    background: #ef172c;
    color: white;
    border-radius: 50%;
    font-size: 1.33333em;
    border: transparent;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 4px;
    font-weight: 900;
    line-height: 0.75em;
}

/* Logo KLEKOON en texte (police Dredwerkz) : KLE orange, KOON noir. */
.auth-logo {
    line-height: normal;
}

.auth-logo-kle,
.auth-logo-koon {
    font-family: 'Dredwerkz', Arial, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.auth-logo-kle {
    color: #F70;
}

.auth-logo-koon {
    color: var(--000000, #000);
}

.auth-subtitle {
    width: 321px;
    height: 23px;
    margin: 10px auto 0;
    color: var(--000000, #000);
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}