:root {
    --app-primary: #065e79;
    --app-secondary: #3f4752;
    --app-success: #449607;
    --app-info: #b55da7;
    --app-warning: #f6a209;
    --app-danger: #da2c10;
    --app-primary-over: #08718f;
    --app-secondary-over: #4e5764;
    --app-success-over: #54ab09;
    --app-info-over: #ca70bc;
    --app-warning-over: #f9b40c;
    --app-danger-over: #e93814;
    --app-primary-rgb: 6,94,121;
    --app-secondary-rgb: 63,71,82;
    --app-success-rgb: 68,150,7;
    --app-info-rgb: 181,93,167;
    --app-warning-rgb: 246,162,9;
    --app-danger-rgb: 218,44,16;
}
.env-frame {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 6px solid rgba(218,44,16,0.25);
    pointer-events: none; /* Permet de cliquer à travers */
    z-index: 9999; /* Au-dessus de tout */
    box-sizing: border-box;
}
.aside.aside-dark .aside-logo {
     background-color: var(--app-primary);
}
.aside.aside-dark .aside-toggle svg [fill]:not(.permanent):not(g) {
    fill: #ccc;
}
.btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #fff;
}
#kt_content_container {
    padding-bottom: 75px;
}
@media (max-width: 991.98px) {
    .header-tablet-and-mobile-fixed .wrapper {
        padding-top: 85px;
    }
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--app-primary);
}
.h1.bg-color-primary, .h2.bg-color-primary, .h3.bg-color-primary, .h4.bg-color-primary, .h5.bg-color-primary, .h6.bg-color-primary, h1.bg-color-primary, h2.bg-color-primary, h3.bg-color-primary, h4.bg-color-primary, h5.bg-color-primary, h6.bg-color-primary {
    font-weight: normal;
    padding: 5px 10px;
    color: white;
    background-color: var(--app-primary);
}
.border-top-primary {
    border-top: 1px solid var(--app-primary) !important;
}
.border-bottom-primary {
    border-bottom: 1px solid var(--app-primary) !important;
}
a {
 cursor: pointer;
}
.valign-top {
    vertical-align: top!important;
}
.text-right {
    text-align: right!important;
}
.flex {
    display: flex;
}
.flex-end {
    justify-content: flex-end!important;
}
.height-auto {
    height: auto!important;
}
.full-width {
    width: 100%;
}
.ui-autocomplete.ui-front {
    z-index: 9999;
}
.menu-item .menu-link .menu-icon {
    width:auto
}
.menu-sub-dropdown {
    box-shadow: 0 0 25px 0 rgba(82, 63, 105, .2);
}
.custom-tooltip-auto-width .tooltip-inner {
    max-width: 500px;
    text-align: left;
}
.custom-tooltip-photo .tooltip-inner {
    max-width: 500px;
    text-align: left;
}
.custom-tooltip-photo .tooltip-inner img {
    max-width:100%;
}
/* ==============
        FICHES
================= */
.card .card-body.fiche  {
    padding:10px 15px;
}
.card .card-body.fiche h5 {
    font-size: 1rem;
    color: var(--app-primary);
    margin-bottom: 0.5rem;
    border-bottom:1px solid #e5ebec;
}
.card .card-body.fiche a {
    color: inherit;
    text-decoration: underline!important;
}
.card .card-body.fiche a:hover {
    color: var(--app-primary);
    text-decoration: underline!important;
}
.card .card-body.fiche a.btn.btn-primary {
    color: white;
}
.card .card-body.fiche a.btn,
.card .card-body.fiche a.btn:hover {
    text-decoration: none!important;
}
.card .card-body.fiche p {
    font-size: 13px;
    margin-bottom: 0;
}
.creamaj {
    font-size: 11px;
    color: #aaa;
    border-top : 1px solid #eee;
    margin: 40px 0 0 0;
    padding: 5px 5px 0 5px;
    text-align: right;
    font-style: italic;
}
.creamaj span {
    color: var(--app-primary);
    margin: 0 3px;
}
.creamaj .creamajinfo {
    display:inline-block;
}
.card.bg-success-light {
    background-color: rgba(var(--app-success-rgb),0.15);
}
.card.bg-danger-light {
    background-color: rgba(var(--app-danger-rgb),0.15);
}
.card.bg-primary-light {
    background-color: rgba(var(--app-primary-rgb),0.1);
}
.card.bg-secondary-light {
    background-color: rgba(var(--app-secondary-rgb),0.1);
}
/* =========================
	       Form
============================ */
form {
    margin-block-end: 0;
}
form label,
.table .modal-body form label {
    color: #666;
    font-size: 15px;
    line-height: 1.5;
    margin-left: 3px;
    margin-right:10px;
}
form label .fas.fa-asterisk,
form .h5 .fas.fa-asterisk{
    font-size:9px;
    vertical-align:top;
    margin-left:5px;
    padding-top:3px
}
form .h5 .fas.fa-asterisk{
    font-size:11px;
}
form .text-primary label {
    color: var(--app-primary);
}
.form-required {
    color: var(--app-warning);
    font-style: italic;
}
span.form-required {
    margin-left: 5px;
}
.form-check.form-check-custom {
    margin:0.2rem 0
}
.form-select {
    color: var(--app-secondary);
    background-color: #f9f9f9;
    border: 1px solid #3f4752;
    padding: .3rem 1.25rem .3rem .5rem;
    background-position: right .1rem center;
}
.form-inline,
.form-inline .form-check.form-check-custom,
.form-inline .form-group {
    display:inline-block!important;
    width:auto!important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.form-group.form-inline label {
    margin-right: 20px;
}
.form-control {
    color: var(--app-secondary);
    background-color: #f9f9f9;
    border: 1px solid #3f4752;
}
.form-control:focus {
    background-color: #f4fbff;
    border-color: var(--app-primary-over);
}
.form-control[disabled],
.form-select[disabled],
.form-check.form-check-solid .form-check-input[disabled],
.form-control[readonly],
fieldset[disabled] {
    color: #333;
    background-color: rgba(var(--app-primary-rgb),0.15);
    opacity: 1;
}
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1;
}
.form-check.form-check-solid .form-check-input[disabled]:checked {
    background-color: var(--app-primary);

}
.form-check.form-check-solid.checkbox-success .form-check-input:checked {
     border: 1px solid var(--app-success);
     background-color: var(--app-success);
}
.form-check.form-inline label {
    float: left;
}
.form-datetimerange {
    min-width:300px
}
.form-control-number-as-text {
    -moz-appearance: textfield;
}
.form-control-number-as-text::-webkit-outer-spin-button,
.form-control-number-as-text::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-control-euro {
    position: relative;
}
.form-control-euro input {
    padding-right: 10px;
    text-align: right;
}
.form-control-euro:after {
    position: absolute;
    color: #888;
    top: 0;
    content: "€";
    right: 5px;
    top: 9px;
}
.btn.btn-xs:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: 2px calc(0.3rem + 1px);
}
.btn:disabled{
    opacity: 0.8;
}
.btn.btn-success.btn-over-danger:hover {
    background-color: var(--app-danger)!important;
}
.btn.btn-danger.btn-over-success:hover {
    background-color: var(--app-success)!important;
}
.btn.btn-icons.btn-xs {
    height: calc(0.75em + 0.75rem + 2px);
}
.btn.btn-icons.btn-xs i:last-child {
    padding-right: 0;
}
.btn.btn-text-success i {
    color: var(--app-success)!important;
    line-height: normal;
    padding-right: 0;
}
.btn.btn-text-success:hover {
    color: white!important;
    background-color:var(--app-success);
}
.btn.btn-text-success:hover i {
    color: white!important;
}
.btn.btn-text-warning i {
    color: var(--app-warning)!important;
    line-height: normal;
    padding-right: 0;
}
.VilleSuggest div {
    margin-left: 5px;
}
.VilleSuggest div:first-child {
    margin-top: 10px;
}
.btn.btn-success-transparent {
    color: var(--app-success);
    background-color: transparent;
    border: 1px solid var(--app-success)!important;
}
.btn.btn-success-transparent:hover {
    color: white;
    background-color: var(--app-success);
}
.form-check.form-check-solid.form-check-multiple {
    display:grid;
    grid-template-columns: 1fr repeat(3, 24px);
    align-items: center;
    padding: 0;
    margin: 0;
}
.form-check.form-check-solid.form-check-multiple:has(> :nth-child(5)) {
    grid-template-columns: 1fr repeat(4, 24px);
}
.form-check-multiple-line-height {
    line-height: 24px;
}
.form-check.form-check-solid.form-check-multiple .form-check-input {
    width: 24px;
    height: 24px;
    border-radius: 0;
    border-right:0;
    margin: 0;
}
.form-check.form-check-solid.form-check-multiple .form-check-input:nth-child(2) {
    border-radius: 5px 0 0 5px
}
.form-check.form-check-solid.form-check-multiple .form-check-input:last-child {
    width: 25px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #3f4752;
}

.form-check.form-check-solid.form-check-multiple .form-check-input {
    background-color: rgba(var(--app-secondary-rgb), 0.3);
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-success {
    background-color: rgba(var(--app-success-rgb), 0.3);
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-danger {
    background-color: rgba(var(--app-danger-rgb), 0.3);
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-warning {
    background-color: rgba(var(--app-warning-rgb), 0.3);
}

.form-check.form-check-solid.form-check-multiple .form-check-input:checked {
    background-color: rgba(var(--app-secondary-rgb), 0.6);
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-success:checked {
    background-color: var(--app-success)
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-danger:checked {
    background-color: var(--app-danger);
}

.form-check.form-check-solid.form-check-multiple .form-check-input.form-check-warning:checked {
    background-color: var(--app-warning)
}
/* =========================
	       Card
============================ */
.card .card-header {
    padding: 0 .75rem;
    min-height: 25px;
}
.card .card-body {
    padding: 1.5rem 2rem 2rem 2rem;
}
.card .card-body.small-padding {
    padding: 1rem 1.5rem 1rem 1.5rem;
}
.card .card-header.card-header-primary {
    background-color: var(--app-primary);
}
.card .card-header.card-header-primary h2,
.card .card-header.card-header-primary h2 i,
.card .card-header.card-header-primary i {
    color: white;
}
.card .card-header.card-header-danger {
    background-color: var(--app-danger);
}
.card .card-header.card-header-danger h2,
.card .card-header.card-header-danger h2 i,
.card .card-header.card-header-danger i {
    color: white;
}
.card .card-body .menu-item {
    padding: 0.5rem 0.75rem;
}
.card .card-body .menu-item .menu-link {
    padding: 0;
}
.card .card-body .menu-item a {
    color: #333;
}
.card .card-body .menu-item a:hover {
    color: var(--app-primary);
}
.card .card-body .menu-item ul {
    margin:0.2rem 0;
    padding-left: 2.5rem;
    list-style-type: square;
}
.menu-right .card .card-body {
    padding : 0.3rem;
}
#kt_administration .card .card-header {
    padding: 0 2rem 0 1rem;
    min-height: 55px;
}
#kt_administration .btn-group-xs > .btn.btn-icon i,
#kt_administration .btn.btn-icon.btn-xs i {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding-top: 1px;
}

.card .card-header .btn.btn-icon.btn-danger.active,
.card .card-header .btn.btn-icon.btn-danger.show,
.card .card-header .btn.btn-icon.btn-danger:active:not(.btn-active),
.card .card-header .btn.btn-icon.btn-danger:focus:not(.btn-active),
.card .card-header .btn.btn-icon.btn-danger:hover:not(.btn-active),
.card .card-header .show > .btn.btn-icon.btn-danger {
    color: var(--app-danger);
    border-color: white;
    background-color: white!important;
}
.card .card-header .btn.btn-icon.btn-danger.active i,
.card .card-header .btn.btn-icon.btn-danger.show i,
.card .card-header .btn.btn-icon.btn-danger:active:not(.btn-active) i,
.card .card-header .btn.btn-icon.btn-danger:focus:not(.btn-active) i,
.card .card-header .btn.btn-icon.btn-danger:hover:not(.btn-active) i,
.card .card-header .show > .btn.btn-icon.btn-danger i {
    color: var(--app-danger);
}
/* =========================
	       Table
============================ */
.table td, .table th, .table tr {
    font-size:13px!important;
    color: var(--app-primary);
    vertical-align: middle;
}
.table th {
    font-weight:700;
}
.table td {
    border-bottom: 1px solid  var(--app-primary);
}
.table-nonfluid {
    display: inline-block;
    width: auto;
}
table.no-footer,
table.dataTable.no-footer {
    border-bottom: 1px solid  var(--app-primary);
}
table.dataTable .sorting_disabled.sorting_asc,
table.dataTable .sorting_disabled.sorting_desc {
    background-image: none!important;
}
table.dataTable.table-striped>tbody>tr.odd {
     background-color: #f5f5f5;
}
.table td:first-child, .table th:first-child, .table tr:first-child {
    padding: .5rem .5rem;
}
.table th.boutons,
.table td.boutons {
    width:1%;
    text-align: center;
    padding: 0.5rem 0.25rem;
}
.table td.boutons .modal {
    text-align: left;
}
.table td.boutons:last-child, .table th.boutons:last-child{
    padding: 0.5rem 0.5rem 0.5rem 0.25rem;
}
.table td.date {
    white-space: nowrap;
}
.table .thead-dark,
.table .tfoot-dark {
    border: none;
    font-weight: bold;
}
.table thead th,
.table thead td,
.table tbody tr td.table-dark,
.table tbody tr.table-dark td,
.table tfoot th,
.table tfoot td {
    font-size:14px!important;
    color: white;
    background:var(--app-primary);
    border-color: #dadce1;
    border-top : none;
    border-bottom : none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid var(--app-primary);
}
.table tbody tr td.table-dark,
.table tbody tr.table-dark td {
    border-bottom : 1px solid white;
}
.table tbody tr td.table-grey,
.table tbody tr.table-grey td {
    background:#B5B5C3;
    border-bottom : 1px solid white;
}
.table tbody tr td.table-grey-light,
.table tbody tr.table-grey-light td {
    background:#E4E6EF;
    border-bottom : 1px solid white;
}
.table.table-condensed {
    margin:0
}
.table.table-condensed > :not(caption) > * > * {
    padding: 5px !important;
}
.table.table-condensed>tbody>tr>td,
.table.table-condensed>tbody>tr>th,
.table.table-condensed>tfoot>tr>td,
.table.table-condensed>tfoot>tr>th,
.table.table-condensed>thead>tr>td,
.table.table-condensed>thead>tr>th {
    border-bottom: 1px solid #e5ebec;
}
.table.table-condensed>tbody>tr>td.no-border,
.table.table-condensed>tbody>tr>th.no-border,
.table.table-condensed>tfoot>tr>td.no-border,
.table.table-condensed>tfoot>tr>th.no-border,
.table.table-condensed>thead>tr>td.no-border,
.table.table-condensed>thead>tr>th.no-border {
    border-bottom: none;
}
.table.table-condensed>tbody>tr>td.icones,
.table.table-condensed>tbody>tr>th.icones,
.table.table-condensed>tfoot>tr>td.icones,
.table.table-condensed>tfoot>tr>th.icones,
.table.table-condensed>thead>tr>td.icones,
.table.table-condensed>thead>tr>th.icones {
    color: var(--app-danger);
    text-align: center;
    vertical-align: text-top;
    padding: 5px !important;
    width:1%
}
.table.table-condensed>tbody>tr>td.icones i,
.table.table-condensed>tbody>tr>th.icones i,
.table.table-condensed>tfoot>tr>td.icones i,
.table.table-condensed>tfoot>tr>th.icones i,
.table.table-condensed>thead>tr>td.icones i,
.table.table-condensed>thead>tr>th.icones {
    margin-top:3px;
    color: var(--app-danger);
}
.table.table-condensed>tbody>tr>td.titre,
.table.table-condensed>tbody>tr>th.titre,
.table.table-condensed>tfoot>tr>td.titre,
.table.table-condensed>tfoot>tr>th.titre,
.table.table-condensed>thead>tr>td.titre,
.table.table-condensed>thead>tr>th.titre {
    width: 1%;
    white-space: nowrap;
    color: var(--app-danger)!important;
    vertical-align: middle;
    padding: 5px !important;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td  {
    padding: 10px;
}
.table.table-condensed p {
    margin: 0
}
/* =========================
	       DataTable
============================ */
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info {
    font-weight: 500;
    color: #5e6278;
    padding: 1rem 0.25rem;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    justify-content: flex-end;
}
.dataTables_wrapper .dataTables_paginate span {
    display: flex;
}
.dataTables_wrapper .dataTables_paginate .ellipsis,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    color: #5e6278!important;
    border-radius: 0.475rem;
    height: 2.5rem;
    min-width: 2.5rem;
    font-weight: 500;
    font-size: 1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none;
    color: white!important;
    background: var(--app-primary-over);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none;
    color: #b5b5c3!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    color: var(--app-primary-over)!important;
    background: #f1faff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border: none;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
    background-size: 18px 18px;
}
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_desc:after, table.dataTable>thead .sorting_desc:before {
    width: 0;
}
table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-left: 28px;
    padding-right: 0.5rem;
}
table.dataTable thead .sorting {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M12 3.202l3.839 4.798h-7.678l3.839-4.798zm0-3.202l-8 10h16l-8-10zm3.839 16l-3.839 4.798-3.839-4.798h7.678zm4.161-2h-16l8 10 8-10z"/></svg>');
}
table.dataTable thead .sorting_asc {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M12 0l-8 10h16l-8-10zm3.839 16l-3.839 4.798-3.839-4.798h7.678zm4.161-2h-16l8 10 8-10z"/></svg>')!important;
}
table.dataTable thead .sorting_desc {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M12 3.202l3.839 4.798h-7.678l3.839-4.798zm0-3.202l-8 10h16l-8-10zm8 14h-16l8 10 8-10z"/></svg>')!important;
}
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after {
    display: none;
}
table.table-chrono-result td:nth-child(1),
table.table-chrono-result td:nth-child(6) {
    width:1%;
}
table.table-chrono-result td:nth-child(2) {
    width:1%;
    white-space: nowrap;
}
/* =========================
	       Modal
============================ */
.modal .modal-header {
    color:white;
    background: #2b2b2b;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
}
.modal .modal-primary .modal-header {
    background: var(--app-primary);
}
.modal .modal-danger .modal-header {
    background: var(--app-danger);
}
.modal .modal-header h5.modal-title {
    color: white;
    margin-bottom: 0;
    font-size: 1.15rem;
    line-height: 1.5;
    border-bottom:none;
}
.modal .modal-header .close-btn {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 24px;
    height: 24px;
    background: var(--app-danger);
    border: none;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -ms-border-radius:12px;
    -O-border-radius:12px;
    cursor: pointer;
}
.modal .modal-primary .modal-header .close-btn,
.modal .modal-danger .modal-header .close-btn {
    background: #202020;
}
.modal .modal-header .close-btn:hover {
    opacity: 1;
}
.modal .modal-header .close-btn:before,
.modal .modal-header .close-btn:after {
    position: absolute;
    left:11px;
    top:4px;
    content: ' ';
    height: 16px;
    width: 3px;
    background-color: white;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.modal .modal-header .close-btn:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal .modal-header .close-btn:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal .modal-header .close-btn:hover:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.modal .modal-header .close-btn:hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.table th.boutons .modal-header,
.table th.boutons .modal-body {
    font-weight: normal;
    text-align: left;
}
.modal-body,
.table th.boutons .modal-body {
    font-size: 15px!important;
     position: relative;
     flex: 1 1 auto;
     padding: 1.75rem;
}
.text-sm-end .modal .modal-content{
    text-align: left !important;
}
/* =========================
        NAV TABS
============================ */
.nav-line-tabs .nav-item .nav-link {
    color: var(--app-primary);
    background: #eee;
    font-weight:500;
    border: 0;
    border: none;
    transition: color .2s ease, background-color .2s ease;
    padding: 0.3rem 1rem;
    margin: 0 0.5rem;
    text-decoration: none!important;
}
.card .card-body.fiche .nav-line-tabs .nav-item .nav-link {
    text-decoration: none!important;
}
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    color:white;
    background-color: var(--app-primary-over);
    transition: color .2s ease, background-color .2s ease;
}
.nav-tabs {
    border-bottom: 1px solid #eee;
}
.tab-content {
    padding: 1rem;
    border-bottom: 1px solid #eee;
}
/* =========================
	       Alert
============================ */
.alert.bg-success,
.alert.bg-success h4,
.alert.bg-success p,
.alert.bg-success i {
    color:white;
}
.alert.bg-danger,
.alert.bg-danger h4,
.alert.bg-danger p,
.alert.bg-danger i {
    color:white;
}
.alert h4,
.alert p {
    margin-bottom:0;
    line-height: 1.4rem;
}
.alert i {
    font-size:1.45rem
}
.alert.flash-alert {
    position: fixed;
    top: -40px;
    left: 260px;
    right: 125px;
    margin: 0;
    z-index: 1000;
    animation-duration: 5s;
    animation-name: flashindeout;
}
@keyframes flashindeout {
    0% { top: -40px }
    20% { top: 8px }
    80% { top: 8px }
    100% { top: -40px }
}
@media (max-width: 991.98px) {
    .alert.flash-alert {
        top: 0;
        left: 0;
        right: 0;
        z-index: 50;
        border-radius: 0;
        padding-right:15px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    }
    @keyframes flashindeout {
        0% { top: 0 }
        20% { top: 54px }
        80% { top: 54px }
        100% { top: 0 }
    }
}
/* =======================
      jQuery UI
======================= */
.ui-widget.ui-widget-content {
    border-radius: 0.475rem;
}
.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(6, 94, 121);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--app-primary);
    background: var(--app-primary);
}
.ui-widget-content li:first-child .ui-state-active {
    border-top-left-radius: 0.475rem;
    border-top-right-radius: 0.475rem;
}
.ui-widget-content li:last-child .ui-state-active {
    border-bottom-left-radius: 0.475rem;
    border-bottom-right-radius: 0.475rem;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: var(--app-primary);
}
/* =======================
      LOADER
======================= */
.loader {
    display: inline-block;
    width: 110px;
    height: 110px;
}
.loader:after {
    content: " ";
    display: block;
    width: 125px;
    height: 125px;
    margin: 5px;
    border-radius: 50%;
    border-style: solid;
    border-width: 10px;
    border-color: var(--app-primary) transparent var(--app-primary) transparent;
    animation: loader 1.2s linear infinite;
}
.loader.loader-sm {
    width: 70px;
    height: 70px;
}
.loader.loader-sm:after {
    width: 60px;
    height: 60px;
    margin: 5px;
    border-width: 8px;
}
@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}