#premium-detail {
            font-size: 0.8em;
            float: right;
            display: none
        }

        #seuil_1 {
            display: none
        }

        #seuil_2 {
            display: none
        }

        #seuil_3 {
            display: none
        }

        #seuil_4 {
            display: none
        }

        #Table th {
            background-color: #9e9676;
            color: #FFF;
            font-size: 12px;
        }

        #Table td {
            background-color: #EBE9DC;
            padding: 3px;
            border: 1px solid #FFF;
        }

        #Table tr.alt td {
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

        #Table tr.brouillon td {
            background-color: #CFF
        }

        #Table tr.en_attente td {
            background-color: #FC6
        }

        #Table tr.en_cours td {
            background-color: #9F3
        }

        #Table tr.termine td {
            background-color: #DDD
        }

        #Table tr.annule td {
            background-color: #CCC;
            color: #666;
            text-decoration: line-through
        }

        /* #Table .alt td.hred,#classic .confirme td.hred,#classic .en_cours td.hred,#classic td.hred {background-color:#F00;color:#FFF;} */
        td.hred a {
            color: #FFF;
        }

        td.hred {
            background-color: #F00 !important
        }

        .modal-large .modal-dialog {
            top: 20px;
            width: 800px;
            margin: auto;
            overflow-y: initial !important
        }

        .modal-large .modal-content {
            height: auto;
            min-height: 100%;
            border-radius: 0;
        }

        .modal-large .modal-body {
            max-height: calc(100vh - 200px);
            overflow-y: auto;
        }

        .bioHelp {
            background-color: #97e3e8;
        }

        .bioEditFieldText,
        .bioEditFieldArea {
            background-color: yellow;
        }

        .bioEditFieldArea {
            width: 100%;
            height: 200px;
        }

        .bioEditFieldText:disabled,
        .bioEditFieldArea:disabled {
            background-color: #EEE;
        }

        .bioEditFieldCheckbox {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -border-radius: 4px;
            height: 15px;
            width: 15px;
            background: yellow;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        .bioEditFieldCheckbox:checked {
            background: black;
            /*margin:0px;*/
            position: relative;

            &:before {
                font-family: FontAwesome;
                content: '\f00c';
                display: block;
                color: grey;
                font-size: 13px;
                position: absolute;
            }
        }

        .bioTitle1 {
            background-color: #DDD;
            padding: 5px;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            border: solid 1px #000;
            margin-bottom: 20px;
        }

        .bioTitle3 {
            font-size: 15px;
            font-weight: bold;
            text-decoration: underline;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .bioTitle4 {
            font-size: 15px;
            font-style: italic;
            text-decoration: underline;
            margin-top: 15px;
            margin-bottom: 20px;
        }

        #agreement_wrapper thead,
        #agreementPart_wrapper thead {
            font: 12px verdana, arial, sans-serif;
        }

        /* --- datatable loading --- */
        .loading {
            background: #999;
            height: 100%;
            width: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1000;
            filter: alpha(opacity=80);
            filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
            -moz-opacity: 0.80;
            opacity: 0.8;
        }
        .loading .bi-arrow-repeat {
            position: fixed;
            color: white;
            top: 50%;
            left: 50%;
            font-size: 5rem; 
            animation: spin 2s linear infinite;
        }

        @keyframes spin {
            100% {
            transform: rotate(360deg);
            }
        }

        div.dataTables_processing {
            z-index: 1;
        }

        table.dataTable thead {
            background: #EEE;
            color: #999;
        }

        table.dataTable tbody tr.danger {
            background-color: #F9D9DA;
            color: #FF0000;
        }

        table.dataTable tbody tr.pending {
            background-color: #EEE;
            color: #666;
        }

        table.dataTable tbody td {
            border-bottom: solid 1px #CCC;
        }

        #yadcf-filter-wrapper--agreement-0 {
            width: 55px;
        }

        #yadcf-filter-wrapper--agreement-1 {
            width: 80px;
        }

        #yadcf-filter-wrapper--agreement-2 {
            width: 80px;
        }

        .yadcf-filter-reset-button {}

        .yadcf-filter-wrapper {}

        tr.premiereligne td {
            color: #666 !important;
            background-color: #DDD !important;
        }

        .ignore {
            color: #666 !important;
            background-color: #DDD !important;
        }

        /*table.dataTable thead th, table.dataTable thead td { padding:0 ;}*/
        table.dataTable thead th,
        table.dataTable thead td {
            padding: 4px;
        }

        .ui-icon {
            display: none;
        }

        /* cache la 2eme sort-icon dans le header */
        .sorting {
            vertical-align: top
        }

        /* aligne l'icone de tri en haut à droite (au lieu du centre à droite par défaut) */
        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 {
            background-position: right top;
        }

        /* diminue l'interligne du tableau (1.42857 par défaut) */
        .table>tbody>tr>td,
        .table>tbody>tr>th,
        .table>tfoot>tr>td,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>thead>tr>th {
            line-height: 1;
        }

        /* aligne en haut les header de colonnes (bottom par défaut) */
        .table>thead>tr>th {
            vertical-align: top;
        }

        /* harmonise les champs input en haut les header de colonnes */
        .yadcf-filter {
            display: inline-block;
            width: 100%;
            height: 27px;
            padding: 6px 6px;
            /*font-size: 12px;*/
            color: #999;
            background-color: #fff;
            background-image: none;
            border: 1px solid #aaa;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        .yadcf-filter:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        }

        .yadcf-filter::-moz-placeholder {
            color: #999;
            opacity: 1;
            font-weight: normal;
            font-size: 0.9em;
            line-height: 1.4em;
        }

        .yadcf-filter:-ms-input-placeholder {
            color: #999;
            font-weight: normal;
            font-size: 0.9em;
            line-height: 1.4em;
        }

        .yadcf-filter::-webkit-input-placeholder {
            color: #999;
            font-weight: normal;
            font-size: 0.9em;
            line-height: 1.4em;
        }

        .yadcf-filter[disabled],
        .yadcf-filter[readonly],
        fieldset[disabled] .yadcf-filter {
            cursor: not-allowed;
            background-color: #eee;
            opacity: 1;
        }

        .yadcf-filter:focus::-webkit-input-placeholder {
            opacity: 0;
        }

        .essentiel {
            background-color: #f4f142;
            color: #5e00c9;
            font-size: 8px;
            padding: 3px;
        }

        .distribution {
            background-color: #dff0d8;
            color: #3c763d;
            font-size: 8px;
            padding: 3px;
        }

        .yadcf-filter-reset-button {
            background-color: #EFEFEF;
            border: solid 1px #CCC;
            border-left: 0;
            padding: 6.5px 4px 6.5px 4px;
            /*bottom: -5px;*/
            display: inline-block;
            /*font-family:'' !important;*/
        }

        .select2-container-multi .select2-choices .select2-search-field input {
            width: 100% !important;
            font-weight: normal;
            font-size: 0.9em;
            line-height: 1.2em;
        }

        .yadcf-filter-wrapper {
            margin-top: 5px;
            margin-left: 0;
        }

        .yadcf-filter {
            padding-left: 0;
            padding-right: 0;
            /*width:85% !important;*/
        }

        .select2-container {
            /*font-weight:500;*/
        }

        .select2-container-multi {
            /*width:85% !important;*/
            width: -webkit-calc(100% - 16px) !important;
            width: -moz-calc(100% - 16px) !important;
            width: calc(100% - 16px) !important;
        }

        .yadcf-filter {
            padding-left: 5px;
            width: -webkit-calc(100% - 16px) !important;
            width: -moz-calc(100% - 16px) !important;
            width: calc(100% - 16px) !important;
        }

        input[type="date"].form-control {
            line-height: 20px !important;
        }