/* ===================================================================
   Palette & design tokens MoteurGNet (source de vérité)
   Bleu ardoise = couleur de marque. Modifier ici se répercute
   partout (Ariane.css, Boutons.css, Kendo.css utilisent ces var()).
   =================================================================== */
:root {
    --mgn-primary: #8289a7;        /* bleu ardoise principal */
    --mgn-primary-dark: #5c627b;   /* survol / actif */
    --mgn-primary-soft: #eef0f5;   /* fond léger / survol discret */
    --mgn-surface: #ffffff;
    --mgn-bg: #f2f3f6;             /* fond de page */
    --mgn-border: #dfe2e8;
    --mgn-text: #333333;
    --mgn-text-muted: #8a8f9c;
    --mgn-link: #5571da;
    --mgn-danger: #dc3545;
    --mgn-danger-dark: #c82333;
    --mgn-radius: 6px;
    --mgn-radius-sm: 4px;
    --mgn-shadow-sm: 0 1px 3px rgba(20, 25, 40, 0.08);
    --mgn-shadow: 0 4px 14px -4px rgba(20, 25, 40, 0.18);
    --mgn-transition: 0.15s ease;
}

.MoteurGNetDivContainer .observation-bloc {
   font-style: italic;
    font-size: 10pt;
    color: gray;
}

.MoteurGNetDivContainer .btStandard:hover, .MoteurGNetDivContainer button:hover, .MoteurGNetDivContainer input[type="button"]:not(.btn-danger):hover {
    background-color: var(--mgn-primary-dark, #5c627b) ;
}

.MoteurGNetDivContainer .k-button-flat {
    background-color: none ;
    color: var(--mgn-primary, #8289a7) ;
}

.MoteurGNetDivContainer .k-grid .k-grid-header th.k-header {
    background-color: #eae8e8 ;
}

.MoteurGNetDivContainer .barreTitreBloc {
    background-color: var(--mgn-primary, #8289a7);
    height: 30px;
    font-size: 1.2em;
    color: white;
    padding-left: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: var(--mgn-radius, 6px) var(--mgn-radius, 6px) 0 0;
}

#MGN_Detail .barreTitreBloc {
    background-color: var(--mgn-primary, #8289a7);
    height: 30px;
    font-size: 1.2em;
    color: white;
    padding-left: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: var(--mgn-radius, 6px) var(--mgn-radius, 6px) 0 0;
}

.MoteurGNetDivContainer .bloc {
    background-color: white;
    border-radius: var(--mgn-radius, 6px);
    box-shadow: var(--mgn-shadow, 0 4px 14px -4px rgba(20, 25, 40, 0.18));
    padding: 10px;
    margin: 0 10px;
    transition: box-shadow var(--mgn-transition, 0.15s ease);
}


.MoteurGNetDivContainer .BtExcelValid {
/*display: none !important;*/
}

.MoteurGNetDivContainer .libelleFiltre {
    color: #b1b1b1;
}


.MoteurGNetDivContainer .k-select {
/*display: none !important;*/
}


.MoteurGNetDivContainer .BtExcelValid {
    margin: 5px;
}
}
#AdminTdbContenu, #AdminTdbIdent, .MoteurGnetStyle{
	
body {
    min-height: 100vh;
}
.fs-little{
    font-size: 14px;
}
.border-grid-tdb {
    border-right: 2px solid var(--mgn-primary, #8289a7) /*!important*/;
}
.text-primary {
    color: var(--mgn-primary, #8289a7) /*!important*/;
}
.btn-text-primary {
    color: var(--mgn-primary, #8289a7) /*!important*/;
}
    .btn-text-primary:hover, .btn-text-primary:focus {
        color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    }
.btn-dark {
    font-weight: bold;
    background-color: var(--mgn-primary, #8289a7);
    border-color: var(--mgn-primary-dark, #5c627b);
    transition: background-color var(--mgn-transition, 0.15s ease),
                border-color var(--mgn-transition, 0.15s ease);
}

    .btn-dark:hover {
        font-weight: bold;
        background-color: var(--mgn-primary-dark, #5c627b);
    }

    .btn-dark:focus {
        font-weight: bold;
        background-color: var(--mgn-primary-dark, #5c627b);
        border-color: var(--mgn-primary-dark, #5c627b);
        box-shadow: none;
    }
 /*pour etre au dessus des modals */
#idAlerteSuccess, #idAlerteDanger {
    z-index: 2000 /*!important*/;
}

.z-900 {
    z-index: -900 /*!important*/;
}
.form-check-input:checked {
    background-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
}

.form-check-input:focus {
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    outline: 0;
    box-shadow: none;
}
.k-table-th {
    text-align: center /*!important*/;
}
.modal-gnet .modal-header {
    border-bottom: var(--mgn-primary-dark, #5c627b) 1px solid /*!important*/;
    background-color: #4b575f1a;
}

.form-switch .form-check-input {
    width: 3em /*!important*/;
}
.alert {
    position: absolute /*!important*/;
    right: 15px;
    top: 20px;
    padding: 0px /*!important*/;
}
.alert.show {
    padding: 1rem 1rem /*!important*/;
}
.form-check-input {
    height: 1.3em;
    width: 3em;
}

.border-helix {
    border: solid 2px var(--mgn-primary-dark, #5c627b);
    border-radius: 5px;
    padding: 1px;
}

.form-control {
    transition: border-color var(--mgn-transition, 0.15s ease),
                box-shadow var(--mgn-transition, 0.15s ease);
}
.form-control:focus {
    border-color: var(--mgn-primary-dark, #5c627b);
    box-shadow: none;
}
.nav-link {
    color: black;
    font-size: 20px;
    font-weight: bold /*!important*/;
    background-color: white;
    transition: color var(--mgn-transition, 0.15s ease),
                background-color var(--mgn-transition, 0.15s ease),
                border-color var(--mgn-transition, 0.15s ease);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: white;
    background-color: var(--mgn-primary-dark, #5c627b);
    border-color: var(--mgn-primary-dark, #5c627b);
}
.nav-tabs {
    border-color: var(--mgn-primary-dark, #5c627b);
}
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        border-color: var(--mgn-primary-dark, #5c627b);
    }
.nav-link:hover, .nav-link:focus{
    color:black;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: var(--mgn-primary, #8289a7);
}

.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    box-shadow: none /*!important*/;
    background-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    color: white /*!important*/;
}

.k-button.k-state-active, .k-button:active {
    background-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    color: white /*!important*/;
}

.k-button.k-state-hover, .k-button:hover {
    background-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    color: white /*!important*/;
}


.k-button:not(.k-button-flat) {
    background-color: var(--mgn-primary, #8289a7) /*!important*/;
    border-color: var(--mgn-primary, #8289a7) /*!important*/;
    color: white /*!important*/;
	height:100%;
    transition: background-color var(--mgn-transition, 0.15s ease),
                border-color var(--mgn-transition, 0.15s ease);
}

.k-list-filter {
    width: auto /*!important*/;
    padding: 0.3rem /*!important*/;
}

.k-input-solid:focus-within {
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    color: #212529;
    background-color: #ffffff;
    box-shadow: none;
}

.k-input-solid:focus, .k-input-solid.k-focus {
    border-color: var(--mgn-primary-dark, #5c627b) /*!important*/;
    color: #212529;
    background-color: #ffffff;
    box-shadow: none;
}

.k-picker-solid {
    background-color: white /*!important*/;
}

.k-grid-header .k-sort-icon, .k-grid-header .k-sort-order {
    color: var(--mgn-primary, #8289a7) /*!important*/;
}

.k-input-button > .k-button-icon {
    min-width: 1.5rem /*!important*/;
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
    color: white !important;
    background-color: var(--mgn-primary, #8289a7) /*!important*/;
}


.k-grid .k-table-th.k-selected, .k-grid td.k-selected, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-row.k-selected > .k-table-td {
    color: #212529;
    background-color: #8495dd6b /*!important*/;
}

.k-table-list .k-table-row.k-selected, .k-table-tbody .k-table-row.k-selected {
    background-color: unset; 
}

#AdminTdbIdent.border-helix{
	border: solid 2px var(--mgn-primary-dark, #5c627b);
    border-radius: 5px;
    padding: 1px;
}