/* BASE ET CUSTOM BOOTSTRAP */

@font-face {
    font-family: 'CanalBoldItalique';
    src: url('/font/canalbolditalique-webfont.woff2') format('woff2'),
    url('/font/canalbolditalique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalBoldRomain';
    src: url('/font/canalboldromain-webfont.woff2') format('woff2'),
    url('/font/canalboldromain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalDemiItalique';
    src: url('/font/canaldemitalique-webfont.woff2') format('woff2'),
    url('/font/canaldemitalique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalDemiRomain';
    src: url('/font/canaldemiromain-webfont.woff2') format('woff2'),
    url('/font/canaldemiromain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalLightItalique';
    src: url('/font/canallightitalique-webfont.woff2') format('woff2'),
    url('/font/canallightitalique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalLightRomain';
    src: url('/font/canallightromain-webfont.woff2') format('woff2'),
    url('/font/canallightromain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanalSymboles';
    src: url('/font/canalsymboles-webfont.woff2') format('woff2'),
    url('/font/canalsymboles-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HindBold';
    src: url('/font/Hind-Bold.ttf');
}

@font-face {
    font-family: 'HindLight';
    src: url('/font/Hind-Light.ttf');
}

@font-face {
    font-family: 'HindMedium';
    src: url('/font/Hind-Medium.ttf');
}

@font-face {
    font-family: 'HindRegular';
    src: url('/font/Hind-Regular.ttf');
}

@font-face {
    font-family: 'HindSemiBold';
    src: url('/font/Hind-SemiBold.ttf');
}


:root {
    /* couleurs */
    --main-bg-color: var(--bs-secondary-bg);
    --bs-dark: #282527;
    --bs-dark-rgb: 40,37,39;
    --bs-danger: #B72525;
    --bs-danger-rgb: 183,37,37;
    --bs-success: #00754C;
    --bs-success-rgb: 0,117,76;
    --dt-row-selected: 183,37,37;
    --ka-color-logo: #D9531E;
    --ka-color-accueil: #B72525;
    --ka-color-diff: #B2A674;
    --ka-color-myservices: #FC9500;
    --ka-color-agenda: #D9531E;
    --ka-color-docs: #8FB7CD;
    --ka-color-membres: #F9D616;
    --ka-color-admin: #766015;
    --ka-color-gray: #908F91;
    --ka-color-link-hover: #525051;

    /* divers */
    --bs-nav-link-font-size: 0.875rem;
    --bs-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-icon-bg: url('/node_modules/bootstrap-icons/icons/list.svg');
}

.table>:not(caption)>*>* {
    background-color: var(--bs-light);
}

/* nav fixe en haut sur mobile */
@media (max-width:576px) {
    .ka-sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.ka-font-cbi {font-family: 'CanalBoldItalique'}
.ka-font-cbr {font-family: 'CanalBoldRomain'}
.ka-font-cdi {font-family: 'CanalDemiItalique'}
.ka-font-cdr {font-family: 'CanalDemiRomain'}
.ka-font-cli {font-family: 'CanalLightItalique'}
.ka-font-clr {font-family: 'CanalLightRomain'}
.ka-font-csy {font-family: 'CanalSymboles'}

.ka-color-logo {color: #D9531E}
.ka-color-accueil {color: #B72525}
.ka-color-diff {color: #B2A674}
.ka-color-myservices {color: #FC9500}
.ka-color-agenda {color: #D9531E}
.ka-color-docs {color: #8FB7CD}
.ka-color-membres {color: #F9D616}
.ka-color-admin {color: #766015}

.ka-bg-logo {background-color: #D9531E}
.ka-bg-accueil {background-color: #B72525}
.ka-bg-diff {background-color: #B2A674}
.ka-bg-myservices {background-color: #FC9500}
.ka-bg-agenda {background-color: #D9531E}
.ka-bg-docs {background-color: #8FB7CD}
.ka-bg-membres {background-color: #F9D616}
.ka-bg-admin {background-color: #766015}
.ka-bg-gray {background-color: #908F91}

.ka-border-logo {border-color: #D9531E!important}
.ka-border-accueil {border-color: #B72525!important}
.ka-border-diff {border-color: #B2A674!important}
.ka-border-myservices {border-color: #FC9500!important}
.ka-border-agenda {border-color: #D9531E!important}
.ka-border-docs {border-color: #8FB7CD!important}
.ka-border-membres {border-color: #F9D616!important}
.ka-border-admin {border-color: #766015!important}


#ifw_loader, .ifw_loader, .ifw_loader_dt {
    color: #B72525;
}

body {
    background-color: var(--bs-secondary-bg);
    background-image: linear-gradient(rgba(175, 177, 179), var(--bs-secondary-bg));
    background-size: 100% 785px;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    font-family: 'CanalLightItalique', 'HindRegular', sans-serif;
    color: var(--bs-dark);
}

.frame_body {
    grid-area: unset;
    padding: 0;
    border: 0;
    height: unset;
}

a {
    text-decoration: none;
    color: var(--bs-dark);
}

a.ka-breadcrumb-link:hover {
    color: var(--ka-color-link-hover);
    position: relative;
    display: inline-flex;
    transform: translate3d(0, -.05rem, 0);
    transition: .2s ease-in-out transform, .2s ease-in-out color;
}

a.ka-icon-link:hover {
    color: var(--ka-color-link-hover);
}

a.ka-icon-link:hover > i {
    color: var(--ka-color-accueil);
    opacity: 1;
    transition: .2s ease-in-out transform, .2s ease-in-out color;
}

i.ka-icon-adjust {
    position: relative;
    top: -.2em;
}

.toggle_view_icon {
    display: none;
}

.ka-cursor-pointer {
    cursor: pointer;
}

.modal-content {
    background-color: var(--bs-light);
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg)!important;
    opacity: 1;
}

.input_container_bt .form-control {
    background-color: var(--bs-light);
    -webkit-appearance : initial;
    -moz-appearance: initial;
    appearance: auto;
}

.input_container_bt .form-control:hover {
    border-color: var(--bs-dark);
}

.input_container label, .input_container_bt label {
    font-family: CanalDemiItalique;
}


/* IFW REBOOT */
.form_group_container_wrapper {
    background-color: unset;
    border-radius: unset;
}

.form_group_container {
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
    margin: unset;
    width: unset;
}

.to_upper {
    text-transform: unset;
}

.ts-wrapper {
    margin: unset;
}

.ts-wrapper.single .ts-control {
    padding-right: unset;
}

form:not(#autoadmin_entity_form) .ts-control {
    border: unset;
    border-radius: unset;
    padding: unset;
    margin: unset;
}

.ts-control > input {
    background-color: var(--bs-light)!important;
}

.ts-wrapper .ts-control:after {
    background-image: url('/node_modules/bootstrap-icons/icons/chevron-down.svg');
}

.ts-wrapper.dropdown-active .ts-control::after {
    background-image: url('/node_modules/bootstrap-icons/icons/chevron-up.svg');
}

form:not(#autoadmin_entity_form) .ts-wrapper .ts-control:after {
    margin-top: unset;
    right: 0;
}

.ts-dropdown,
.ts-control,
.ts-control input,
.full .ts-control {
    color: var(--bs-dark);
    background-color: var(--bs-light);
    /*display: contents;*/
    /*z-index: 15;*/
}

.ts-dropdown {
    z-index: 15;
}

.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
    background-color: var(--bs-secondary-bg);
}

.ts-wrapper.multi .ts-control [data-value] {
    padding: 0 8px;
    margin-bottom: -1px;
    border: 0;
    color: var(--bs-dark);
}

.focus .ts-control {
    border-color: unset;
    box-shadow: unset;
}

.btn-action-form {
    margin-left: 10px;
}

.file_input_wrapper .dropzone {
    padding: 1.5rem;
}

.file_input_wrapper .dropzone:hover {
    border-color: var(--ka-color-gray);
    color: var(--ka-color-accueil)
}

.file_input_wrapper .dropzone:focus, .file_input_wrapper .dropzone:focus-visible, .file_input_wrapper .dropzone.dragover {
    border-color: var(--ka-color-accueil);
    background-color: unset;
}

.colvis_btn_wrapper {
    display: none;
}

.helice {
    display: none;
}

ul.ifw_menu.picker_context_menu {
    margin-bottom: 0;
}

span.menu_clickable + ul {
    display: none;
}

.ifw_dt_wrapper {
    border: unset;
}

.ifw_dt td:hover {
    cursor: pointer;
}

.input_text:hover, .input_text:active, .input_text:focus, .input_text:focus-visible {
    border-color: unset;
    box-shadow: unset;
    outline: unset;
}

form:not(#autoadmin_entity_form) .ts-control,
form:not(#autoadmin_entity_form) .ts-wrapper.single.input-active .ts-control {
    background-color: unset;
}

.ts-wrapper.multi .ts-control .item a.remove {
    font-family: Sans-serif;
    color: var(--bs-danger);
}

.ts-wrapper.multi .ts-control > div.active {
    border-color: var(--ka-color-gray);
}

/**/
.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-family: 'CanalDemiItalique';
    text-transform: uppercase;
}
.btn-primary {
    --bs-btn-color: #F8F9FA; /*#fff*/
    --bs-btn-bg: #B72525; /*#0d6efd*/
    --bs-btn-border-color: #B72525; /*#0d6efd*/
    --bs-btn-hover-color: #F8F9FA; /*#fff*/
    --bs-btn-hover-bg: #9C1F1F; /*#0b5ed7*/
    --bs-btn-hover-border-color: #921E1E; /*#0a58ca*/
    --bs-btn-active-color: #F8F9FA; /*#fff*/
    --bs-btn-active-bg: #921E1E; /*#0a58ca*/
    --bs-btn-active-border-color: #8A1C1C; /*#0a53be*/
    --bs-btn-disabled-color: #F8F9FA;  /*#fff*/
    --bs-btn-disabled-bg: #B72525; /*#0d6efd*/
    --bs-btn-disabled-border-color: #B72525; /*#0d6efd*/
    /*font-size: calc(1rem + 0.05rem);*/
}

.btn-outline-primary {
    --bs-btn-color: #B72525; /*#0d6efd*/
    /*--bs-btn-bg: #B72525; !*#0d6efd*!*/
    --bs-btn-border-color: #B72525; /*#0d6efd*/
    --bs-btn-hover-color: #9C1F1F; /*#fff*/
    --bs-btn-hover-bg: #F8F9FA; /*#0d6efd*/
    --bs-btn-hover-border-color: #921E1E; /*#0d6efd*/
    --bs-btn-active-color: #921E1E; /*#fff*/
    --bs-btn-active-bg: #F8F9FA; /*#0d6efd*/
    --bs-btn-active-border-color: #8A1C1C; /*#0d6efd*/
    --bs-btn-disabled-color: #B72525;  /*#0d6efd*/
    --bs-btn-disabled-bg: #F8F9FA; /*#0d6efd*/
    --bs-btn-disabled-border-color: #B72525; /*#0d6efd*/
    /*font-size: calc(1rem + 0.05rem);*/
}

.input_text {
    margin: unset;
}

.input_btn {
    font-size: 1rem;
}

.btn_inside_header_fright_ifbpl {
    position: relative;
    top: unset;
    margin-top: unset;
    transform: unset;
    float: right;
}

.ifw_modal_wrapper {
    z-index: 1110;
}
/*.input_text {
    background: unset;
    border: unset;
    color: unset;
    box-sizing: unset;
    border-radius: unset;
    padding: unset;
    margin: unset;
    width: unset;
    resize: unset;
}

.input_text:active, .input_text:focus, .input_text:focus-visible {
    border-color: unset;
    box-shadow: unset;
    outline: unset;
}*/

.ka-btn-icon-text {
    position: relative;
    padding-left: 2.4rem!important;
    z-index: 10;
}

.ka-btn-icon-text > div {
    position: absolute;
    font-family: bootstrap-icons!important;
    font-size: 1.6rem;
    top: 0;
    left: .5rem;
}

.btn-sm.ka-btn-icon-text {
    position: relative;
    padding-left: 2rem!important;
    padding-right: .6rem!important;
    z-index: 10;
}

.btn-sm.ka-btn-icon-text > div {
    position: absolute;
    font-family: bootstrap-icons!important;
    font-size: 1.2rem;
    top: 0;
    left: .5rem;
}

.card {
    --bs-border-radius: .75rem;
    --bs-card-spacer-y: .75rem;
    --bs-card-spacer-x: .75rem;
}

.form-control:focus, .form-select:focus,.btn:focus-visible,
.input-active {
    /*box-shadow: 0 0 0 0.25rem rgb(183 37 37 / 25%);*/
    /*box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 10%);*/
    box-shadow: 0 0 0 0.02rem rgba(0, 0, 0, 0.1),
    0 0 0 0.04rem rgba(0, 0, 0, 0.09),
    0 0 0 0.06rem rgba(0, 0, 0, 0.08),
    0 0 0 0.08rem rgba(0, 0, 0, 0.07),
    0 0 0 0.1rem rgba(0, 0, 0, 0.06),
    0 0 0 0.12rem rgba(0, 0, 0, 0.05),
    0 0 0 0.14rem rgba(0, 0, 0, 0.04),
    0 0 0 0.16rem rgba(0, 0, 0, 0.03),
    0 0 0 0.18rem rgba(0, 0, 0, 0.02),
    0 0 0 0.2rem rgba(0, 0, 0, 0.01),
    0 0 0 0.22rem rgba(0, 0, 0, 0);
}

.carousel-control-next, .carousel-control-prev {
    width: unset;
}

/* hack pour carousel Bootstrap responsive */
/* xs : 1 item */
@media (max-width: 575px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* sm, md : 2 items */
@media (min-width: 576px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

/* lg, xl, xxl : 3 items */
@media (min-width: 992px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(calc(100% / 3));
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(calc(-100% / 3));
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}


/* TABLEAU & REBOOT DATATABLE */

.toggle_filters_vis_btn {
    visibility: hidden;
}

table.ka-table.dataTable thead>tr>th.sorting_asc,
table.ka-table.dataTable thead>tr>th.sorting_desc,
table.ka-table.dataTable thead>tr>th.sorting:hover {
    background-color: var(--bs-dark);
}

table.ka-table.dataTable thead>tr>th.sorting:after {
    opacity: 0;
}

table.ka-table.dataTable thead>tr>th.sorting:before {
    bottom: 50%;
    font-size: unset;
    font-family: bootstrap-icons!important;
    content: "\F286";
    opacity: 0.25;
}
table.ka-table.dataTable thead>tr>th.sorting_asc:before {
    opacity: 1;
}

table.ka-table.dataTable thead>tr>th.sorting_desc:after {
    top: 50%;
    font-size: unset;
    font-family: bootstrap-icons!important;
    content: "\F282";
    opacity: 1;
}

table.ka-table.dataTable thead>tr>th.sorting_desc:before {
    opacity: 0;
}

table.ka-table.dataTable td.sorting_1 {
    font-family: CanalDemiItalique;
}

.ka-table th:not(:first-child), .ka-table td:not(:first-child) {
    border-left-width: .35rem;
    border-color: var(--bs-light);
}

.ka-table th {
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--ka-color-gray);
    font-family: CanalBoldItalique;
    font-size: 1.25rem;
    font-weight: normal;
    color: var(--bs-light);
    text-transform: uppercase;
}

.ka-table th.ka-th-none {
    background-color: var(--bs-light);
}

.ka-table td {
    transform: rotate(0);
    height: 48px;
}

.ka-table-search td {
    height: 2rem;
}

.ka-table-top, .ka-table-bottom {
    margin: 1rem 0;
}

.ka-table-top > div.dataTables_info {
    padding-top: 0!important;
}

.ka-table-length > a {
    margin-left: .5rem;
}

.ka-table-length a.ka-select {
    font-family: CanalBoldItalique;
}

.ka-table-pagination .pagination {
    --bs-pagination-color: var(--bs-dark);
    --bs-pagination-bg: unset;
    --bs-pagination-hover-color: unset;
    --bs-pagination-focus-color: unset;
    --bs-pagination-disabled-bg: unset;
    --bs-pagination-active-color: unset;
    --bs-pagination-border-width: 0;
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: 0;
}

.ka-table-pagination ul.pagination {
    margin: 0;
}

.ka-table-pagination .page-link:focus {
    color: unset;
    background-color: unset;
    box-shadow: unset;
}

.ka-table-pagination .pagination .active > a.page-link {
    font-family: CanalBoldItalique;
    background-color: unset;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: var(--ka-color-logo);
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: bootstrap-icons!important;
    font-size: 1.1rem;
    line-height: 1em;
    content: "\F4FC";
    background-color: unset!important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "\F2E9";
    background-color: unset!important;
}


/* MENU GAUCHE */

.ka-menu {
    background-color: var(--bs-dark);
    background-image: linear-gradient(rgba(127, 125, 126), rgba(var(--bs-dark-rgb)));
    background-size: 100% 200px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh!important;
    font-family: 'CanalBoldItalique', 'HindBold', sans-serif;
    /*z-index: 1100;*/
    z-index: 1045;
}

.ka-menu .nav {
    --bs-nav-link-padding-x: 0.75rem;
}

.ka-logo-long {
    height: 60px;
}

.ka-logo-court {
    height: 60px;
}

.ka-menu .nav-link {
    padding-top: 0.7rem;
}


/* fond blanc sur hover menu */
.ka-menu a.nav-link:hover {
    color: var(--bs-dark)!important;
    background-color: var(--bs-light);
}

/* OU contour sur hover menu */
/*
.ka-menu a.nav-link {
    border: 1px solid rgba(0, 0, 0, 0);
}

.ka-menu a.nav-link:hover {
    border: 1px solid var(--bs-light);
}
*/

.ka-md-photo {
    max-width: 48px;
    max-height: 48px;
    border: 2px solid;
}

.ka-lg-photo {
    max-width: 100px;
    max-height: 100px;
    border: 3px solid;
}

.ka-xl-photo {
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 250px;
    border: .35rem solid;
}

.ka-photo-none {
    background-size: 85% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.ka-md-photo-none {
    width: 48px;
    height: 48px;
}

.ka-lg-photo-none {
    width: 100px;
    height: 100px;
}

.ka-xl-photo-none {
    width: 250px;
    height: 250px;
}

.ka-menu .ka-photo-none {
    background-color: var(--bs-dark);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23F8F9FA' viewBox='0 0 16 16'><path d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/></svg>");
}

.ka-myservices .ka-photo-none {
    background-color: var(--ka-color-myservices);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23F8F9FA' viewBox='0 0 16 16'><path d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/></svg>");
}

.ka-myservices .modal-content {
    width: unset;
    background-color: unset;
}

.ka-myservices img.ka-illustration {
    max-width: 100%;
    max-height: 120px;
}

img.ka-modal {
    max-width: 100%;
    max-height: 100%;
}

.ka-membres .ka-photo-none {
    background-color: var(--bs-light);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23F9D616' viewBox='0 0 16 16'><path d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/></svg>");
}

.ka-display-none {
    display: none!important;
}

.ka-display-block {
    display: block!important;
}

.ka-display-flex {
    display: flex!important;
}

/* DATE PICKER */
.ka-datepicker .ui-datepicker table {
    padding: .5rem .5rem;
    font-size: 1rem;
}

.ka-datepicker .ui-datepicker td {
    padding: .5rem .5rem;
}

.ka-datepicker td:not(.ui-datepicker-current-day) a:hover {
    color: var(--ka-color-agenda);
}

.ka-datepicker .ui-datepicker td span,
.ka-datepicker .ui-datepicker td a {
    padding: unset;
}

.ka-datepicker .ui-widget,
.ka-datepicker .ui-widget-header,
.ka-datepicker .ui-datepicker th {
    font-family: CanalLightItalique;
    font-weight: normal;
    text-transform: uppercase;
}

.ka-datepicker .ui-widget-content {
    background: unset;
}

.ka-datepicker .ui-datepicker-month:after {
    content: " ";
}
.ka-datepicker .ui-widget.ui-widget-content {
    border: unset;
}

.ka-datepicker .ui-widget-header {
    border: unset;
    background: unset;
}

.ka-datepicker .ui-state-default {
    border: unset;
    background: unset;
    font-family: CanalBoldItalique;
    color: var(--bs-dark);
    width: 100%!important;
    display: inline-block!important;
}

.ka-datepicker .ui-datepicker td span,
.ka-datepicker .ui-datepicker td a {
    text-align: center;
}

@media (max-width: 991px) {
    .ka-datepicker .ui-datepicker-inline,
    .ka-datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
        margin-left: auto!important;
        margin-right: auto!important;
        width: min-content!important;
    }
}

@media (min-width: 992px) {
    .ka-datepicker .ui-datepicker-inline,
    .ka-datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
        width: unset!important;
    }
}

.ka-datepicker td.ui-state-highlight {
    border: unset;
    background-color: unset;
    color: unset;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='47' stroke='%23282527' stroke-width='.33rem' fill='none' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
}

.ka-datepicker td.ui-datepicker-today {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23282527' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
}

.ka-datepicker td.ui-datepicker-current-day {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23D9531E' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--bs-light);
    background-size: 90% 90%;
}

.ka-datepicker td.ui-state-highlight.ui-datepicker-current-day {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23D9531E' /><circle cx='50' cy='50' r='47' stroke='%23282527' stroke-width='.33rem' fill='none' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--bs-light);
    background-size: 90% 90%;
}

.ka-datepicker td.ui-datepicker-today.ui-datepicker-current-day {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='gradient' x1='0%' y1='0%' x2='100%' y2='0%'><stop offset='50%' style='stop-color:%23282527'/><stop offset='50%' style='stop-color:%23D9531E'/></linearGradient></defs><circle cx='50' cy='50' r='50' fill='url(%23gradient)' transform='rotate(45 50 50)' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--bs-light);
    background-size: 90% 90%;
}

.ka-datepicker td.ui-state-highlight.ui-datepicker-today.ui-datepicker-current-day {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='gradient' x1='0%' y1='0%' x2='100%' y2='0%'><stop offset='50%' style='stop-color:%23282527'/><stop offset='50%' style='stop-color:%23D9531E'/></linearGradient></defs><circle cx='50' cy='50' r='50' fill='url(%23gradient)' transform='rotate(45 50 50)' /><circle cx='50' cy='50' r='47' stroke='%23282527' stroke-width='.33rem' fill='none' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--bs-light);
    background-size: 90% 90%;
}

.ka-datepicker a.ui-state-default {
    color: unset;
}

.ka-datepicker a.ui-state-highlight,
.ka-datepicker .ui-widget-content a.ui-state-highlight,
.ka-datepicker .ui-widget-header a.ui-state-highlight {
    color: var(--bs-light);
}

.ka-datepicker .ui-datepicker-row-break {
    display: none;
}

.ka-datepicker .ui-icon {
    margin-top: unset;
    position: unset;
    overflow: unset;
    background-repeat: unset;
}

.ka-datepicker .ui-icon {
    background: unset;
}

.ka-datepicker .ui-state-hover {
    border: unset;
    background: unset;
    color: unset;
}

.ka-datepicker .ui-datepicker .ui-datepicker-prev,
.ka-datepicker .ui-datepicker .ui-datepicker-next {
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    cursor: pointer;
    color: var(--ka-color-agenda);
}

/*.ui-datepicker .ui-datepicker-prev {
    left:unset;
}

.ui-datepicker .ui-datepicker-next {
    right:unset;
}*/

/*.ui-datepicker .ui-datepicker-prev-hover {
    left:unset;
}

.ui-datepicker .ui-datepicker-next-hover {
    right:unset;
}*/

.ka-datepicker .ui-icon {
    background-size: 110%;
}

.ka-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url('/node_modules/bootstrap-icons/icons/chevron-left.svg');
}

.ka-datepicker .ui-datepicker-next .ui-icon {
    background-image: url('/node_modules/bootstrap-icons/icons/chevron-right.svg');
}


/* CONTENU */

.ka-breaking-news {
}

.ka-breaking-news.ka-breaking-news-bg {
    background-color: var(--bs-dark);
    background-image: linear-gradient(rgba(61, 58, 60), rgba(94, 92, 93), rgba(61, 58, 60));
    background-position: top center;
}

.ka-breaking-news .ka-news {
    background-color: var(--bs-dark);
}

.ka-breaking-news .ka-news:hover {
    cursor: pointer;
}

.ka-breaking-news .ka-picto-new {
    background-image: url('/img/ladiff/picto-new.svg');
    background-size: auto 45px;
    background-position: top left;
    background-repeat: no-repeat;
}

.ka-myservices .ka-card-img {
    height: 100px;
    overflow: hidden;
}

.ka-myservices .ka-card-img img {
    position: relative;
}

.ka-myservices .ka-card-img-1 {
    /*top: -11px;*/
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ka-myservices .ka-card-img-2 {
    /*top: -7px;*/
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ka-myservices .ka-card-img-3 {
    /*top: -10px;*/
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ka-myservices .ka-card-img-4 {
    /*top: -11px;*/
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ka-myservices .nav-underline .nav-link.active, .nav-underline .show>.nav-link {
    font-weight: unset;
}

.ka-myservices a.nav-link {
    font-size: 1.25rem;
    color: var(--bs-dark);
}

.ka-myservices a.nav-link:not(.active) {
    opacity: .5;
}

.ka-myservices a.nav-link:not(.active):hover {
    opacity: 1;
}

.ka-myservices img.ka-md-logo {
    max-width: 48px;
    max-height: 48px;
    filter: grayscale(1);
}

.ka-myservices img.ka-xl-logo {
    max-width: 250px;
    max-height: 250px;
    object-fit: contain;
}

.ka-myservices img.ka-md-picto {
    width: 48px;
    height: 48px;
    color: red;
    fill: blue;
    stroke: green;
}

.ka-myservices img.ka-xl-picto {
    max-width: 250px;
    max-height: 250px;
}

.ka-picto-color {
    color: red;
    fill: blue;
    stroke: green;
}

.ka-calendrier td:not(.ka-td-select) a:hover {
    color: var(--ka-color-agenda);
}

.ka-calendrier a.ka-nav:hover {
    color: var(--ka-color-agenda)
}

.ka-calendrier .ka-td-aujourdhui {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23282527' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
}

.ka-calendrier .ka-td-evenement {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='47' stroke='%23282527' stroke-width='.33rem' fill='none' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
}

.ka-calendrier .ka-td-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23D9531E' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--bs-light);
    background-size: 90% 90%;
}

.ka-calendrier .ka-td-aujourdhui > a, .ka-calendrier .ka-td-select > a {
    color: var(--bs-light);
}


.ka-membres-alphabet > a {
    display: inline-block;
    text-align: center;
    /*width: 2.2rem;*/
    /*font-size: calc(1.275rem + .3vw);*/
    font-size: calc(.8rem + .75vw);
    /*width: calc(1.275rem + .3vw);*/
    width: calc(1.5rem + .75vw);
    height: 2.2rem;
    line-height: 2.2rem;
}

.ka-membres-alphabet > a:hover, .ka-membres-alphabet a.ka-lettre-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23F9D616' /></svg>");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.ka-agenda .ka-card-img {
    height: 160px;
    overflow: hidden;
}

.ka-agenda .ka-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ka-agenda .ka-btn-icon {
    top: .5rem;
    right: .5rem;
    z-index: 10;
}

.ka-agenda .ka-btn-icon:has(+ div.card-body) {
    filter: invert();
    opacity: .5;
}

.ka-diff .ka-table tbody td:nth-child(1) {
    text-align: center;
}

.ka-diff .ka-table tbody td:nth-child(3) {
    font-family: CanalDemiItalique;
}

.ka-diff div.card-body {
    background-color: rgba(255, 255, 255, .25);
}

.ka-docs .ka-table tbody td:nth-child(1), .ka-docs .ka-table tbody td:nth-child(5) {
    text-align: center;
}

.ka-docs .ka-table tbody td:nth-child(2) {
    font-family: CanalDemiItalique;
}

.ka-docs .ka-miniature {
    width: 48px;
    max-height: 48px;
    overflow: hidden;
}

.input_text:disabled:not(.ro_input_as_label), .input_text:read-only:not(.ro_input_as_label) {
    color: black;
    background-color: var(--bs-light);
    border: none;
}


/* SCHÉMA */
.ka-myservices #chart,
.boc-dark input, .boc-dark select, .boc-light input, .boc-light select {
    font-family: 'CanalLightItalique', 'HindRegular', sans-serif!important;
}

.ka-schema .ts-control:hover {
    border-color: var(--ka-color-gray);
}

.ka-schema .ts-control, .ka-schema .ts-wrapper.single.input-active .ts-control {
    background-color: var(--bs-light);
    margin: 0;
}

.boc-light {
    background-color: unset!important;
}

.boc-light .boc-edit-form {
    background-color: var(--bs-secondary-bg)!important;
}

.boc-input>label.focused, .boc-input>label.hasval {
    text-transform: uppercase!important;
}

.boc-edit-form-header {
    background-color: white!important;
}

.boc-edit-form-title {
    font-family: 'CanalDemiItaliqueItalique', 'HindMedium', sans-serif;
    color: var(--bs-dark)!important;
}

.boc-dark h1, .boc-light h1 {
    font-size: 24px!important;
}

.boc-img-button {
    background-color: var(--ka-color-accueil)!important;
}

.boc-img-button svg {
    top: 8px!important;;
}

.boc-button {
    background-color: var(--ka-color-accueil)!important;
    border-color:  var(--ka-color-accueil)!important;
    border-radius: 0.375rem;
    font-family: 'CanalDemiItalique', 'HindMedium', sans-serif!important;
    color: #F8F9FA!important;
    font-size: 1.25em!important;
    height: 38px!important;
    padding-top: 2px!important;
    width: calc(80%) !important;
    margin-left: calc(10%) !important;
}

.boc-light .boc-button.transparent {
    color: #B72525!important;
    background-color: #F8F9FA!important;
}

.boc-edit-form-avatar {
    background-color: unset!important;
    border-radius: unset!important;
    width: 100%!important;
    height: 100px!important;
    border: 150px!important;
    box-shadow: unset!important;
}
.boc-edit-form-avatar > img {
    border-radius: unset!important;
    width: unset!important;
    height: unset!important;
    max-width: 250px!important;
    max-height: 130px!important;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    /*border: 0.5em!important;*/
}

.boc-link {
    color: var(--ka-color-accueil)!important;
}

.boc-light .boc-input>label.focused {
    color: var(--ka-color-gray)!important;
}

.boc-light .boc-input>input:focus, .boc-light .boc-input>select:focus {
    border-color: var(--ka-color-gray)!important;
}

.boc-light hr {
    margin: revert;
    opacity: 1;
}


/* ADMINISTRATION */
.ka-multi_col {
    columns: 15em;
}

.ka-versioning:hover {
    color: var(--ka-color-logo);
    cursor: pointer;
}