/****************
 * User Management
******************/
.user-row {
    margin-bottom: 14px;
}

.user-row:last-child {
    margin-bottom: 0;
}

.dropdown-user {
    margin: 13px 0;
    padding: 5px;
    height: 100%;
}

.dropdown-user:hover {
    cursor: pointer;
}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
}


/* REACT TABLE */

.noDataTable div.rt-noData {
    display: none;
}

.noHeaderTable .rt-thead div.rt-th {
    display: none;
}

/* BALANCE Synthese */
.ReactTable.balance-table .rt-body .rt-tr-group {
    background-color: white;
}

.ReactTable.balance-table .rt-tr-group:nth-child(3), .ReactTable.balance-table .rt-tr-group:nth-child(4), .ReactTable.balance-table .rt-tr-group:nth-child(5) {
    background-color: rgb(217, 217, 217);
}

.ReactTable.balance-table .rt-tr-group:nth-child(5) {
    font-size: 0.8em;
}

.ReactTable.balance-table .rt-tr-group:nth-child(7), .ReactTable.balance-table .rt-tr-group:nth-child(8) {
    background-color: rgb(255, 204, 205);
}

.ReactTable.balance-table .rt-tr-group:first-child {
    background-color: rgb(255, 255, 255);
}

.ReactTable.balance-objectif-table {
    width: 700px;
    margin: auto;
}

.ReactTable.balance-table .rt-td, .ReactTable.balance-objectif-table .rt-td {
    text-align: right;
}

.ReactTable.balance-table .rt-th, .ReactTable.balance-objectif-table .rt-tbody .rt-td:first-child {
    background-color: rgb(156, 129, 151);
    color: white;
    text-align: center;
}

.ReactTable.balance-objectif-table .rt-tbody .rt-tr-group:last-child .rt-td.good {
    background: rgb(148, 206, 88);
}

.ReactTable.balance-objectif-table .rt-tbody .rt-tr-group:last-child .rt-td.bad {
    background: red;
}

.ReactTable.balance-table .rt-th:first-child {
    background-color: white;
}


.ReactTable.balance-table .rt-td:first-child {
    text-align: left;
}

.ReactTable.balance-objectif-table .rt-tr-group:last-child {
    font-weight: bold;
}

/* EVOLUTION */
.ReactTable.relance-evolution-table .total-0 {
    background-color: #a2bee2
}

.ReactTable.relance-evolution-table .total-1 {
    background-color: #fac29e;
}

.ReactTable.relance-evolution-table .total-2 {
    background-color: #cecece;
}

.ReactTable.relance-evolution-table .total-3 {
    background-color: #ffdf88;
}

.ReactTable.relance-evolution-table .rt-table .rt-tbody .rt-tr-group {
    border: none;
}

.ReactTable.relance-evolution-table .rt-table .rt-tbody .rt-tr-group:nth-last-child(2) {
    border-top: solid 1px rgba(0, 0, 0, 0.05);
}

.ReactTable.recap-table {
    font-size: 0.9rem;
    background: #cecece;
}

.ReactTable.recap-table.OCE .rt-tr-group:first-child, .ReactTable.recap-table .rt-tr-group:last-child {
    background: white;
}

/*.rt-resizable-header-content {*/
/*    white-space: initial;*/
/*}*/

.ReactTable.recap-table .rt-thead {
    height: 70px;
    table-layout: fixed;
    background: rgb(156, 129, 151);
    color: white;
    font-weight: bold;
}

.ReactTable.recap-table .bold {
    font-weight: bold;
}

.ReactTable.recap-table .rt-tr-group:last-child .ratio {
    background: rgb(148, 206, 88);
}

.ReactTable.recap-table .rt-tr .rt-td {
    text-align: right;
}

.ReactTable.relance-evolution-table .rt-tr-group:nth-last-child(2) {
    font-weight: bold;
}

.ReactTable.relance-evolution-table .rt-tr-group:nth-last-child(1), .ReactTable.relance-evolution-table .rt-tr-group:nth-last-child(2) {
    background: #d1dff1;
}

.ReactTable.relance-evolution-table .rt-tbody .rt-td {
    text-align: right;
}

.ReactTable.relance-evolution-table .rt-tbody .rt-td:first-child {
    text-align: left;
}

.ReactTable.relance-evolution-table .rt-tbody .rt-td div span {
    display: inline-block;
    width: 50%;
}


.center-tops {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.ReactTable.tops-table-motifs, .ReactTable.tops-table-comptes {
    font-size: 1.1rem;
}

.ReactTable.tops-table-motifs .rt-td:first-child {
    text-align: left;
}

.ReactTable.tops-table-motifs .rt-td {
    text-align: right;
}

.ReactTable.tops-table-comptes .rt-thead {
    font-weight: bold;
    background: #c9cde6
}

.ReactTable.tops-table-comptes .rt-td:first-child {
    text-align: center;
}

.ReactTable.tops-table-comptes .rt-td:last-child {
    text-align: right;
    padding: 0;
}

.ReactTable.tops-table-comptes .rt-td {
    padding: 0;
}

.ReactTable.tops-table-comptes .bold {
    font-weight: bold
}

/* EPUISEMENT */
h3.center {
    text-align: center;
}

.modal .ReactTable.epuisement-table-table .rt-th, .modal .ReactTable.epuisement-table .rt-th,
.modal .ReactTable.epuisement-table-table .rt-td, .modal .ReactTable.epuisement-table .rt-td {
    font-size: 0.8rem;
}

.modal .ReactTable.epuisement-table-table .rt-td, .modal .ReactTable.epuisement-table .rt-td,
.modal .ReactTable.epuisement-table-table .rt-th, .modal .ReactTable.epuisement-table .rt-th {
    max-width: 70px !important;
}

.modal .ReactTable.epuisement-table-table,
.modal .ReactTable.epuisement-table-table .rt-thead,
.modal .ReactTable.epuisement-table-table .rt-table,
.modal .ReactTable.epuisement-table-table .rt-tbody {
    width: 1050px !important;
    min-width: 1050px !important;
    overflow: hidden;
}

.modal .ReactTable.epuisement-table,
.modal .ReactTable.epuisement-table .rt-thead,
.modal .ReactTable.epuisement-table .rt-table,
.modal .ReactTable.epuisement-table .rt-tbody {
    width: 70px !important;
    min-width: 70px !important;
    overflow: hidden;
}

.ReactTable.epuisement-table-table,
.ReactTable.epuisement-table-table .rt-thead .rt-th,
.ReactTable.epuisement-table-table .rt-tbody .rt-td,
.ReactTable.epuisement-table-table .rt-tr-group,
.ReactTable.epuisement-table,
.ReactTable.epuisement-table .rt-thead .rt-th,
.ReactTable.epuisement-table .rt-tbody .rt-td,
.ReactTable.epuisement-table .rt-tr-group {
    border: 0
}

.ReactTable.epuisement-table-table .rt-th, .ReactTable.epuisement-table .rt-th {
    font-size: 1.1rem;
}


.ReactTable.epuisement-table-table .rt-td, .ReactTable.epuisement-table .rt-td {
    padding: 0;
    background: white;
    font-size: 1.1rem;
    text-align: right;
}

.ReactTable.epuisement-table .rt-td {
    background: #f2f7ff;
}

.ReactTable.epuisement-table-table .rt-td:first-child {
    padding: 5px;
}

.ReactTable.tops-table-motifs .rt-thead, .ReactTable.tops-table-motifs .rt-tr-group:last-child {
    background: #c9cde6;
    font-weight: bold;
}

.display-table {
    display: flex;
    overflow: auto;
    /*justify-content: center;*/
}

.display-table .ReactTable.epuisement-table {
    margin: 1rem 0;
}

.display-table .ReactTable.epuisement-table-table {
    margin: 1rem 0;
    background: white;
    height: min-content;
}

/** DESIGN GLOBAL **/
.sidebar .accordion div.title span {
    margin-left: 15px;
}

.sidebar div.title {
    background: #1a2226;
}

.dropdowns {
    display: flex;
    justify-content: flex-start;
}

.dropdowns .ui.segment {
    margin: 1rem 1rem 1rem 0;
    height: 3.5rem;
}

.dropdowns .ui.segment:first-child {
    width: 8rem;
}

.tops-table {
    font-size: 0.9rem;
}

.top-lt, .top-gt {
    padding: 0;
}

.top-lt > div {
    border: #067ab6 3px solid;
    color: #067ab6;
    margin-right: 15px;
    padding: 10px;
}

.top-gt > div {
    border: #7d4683 3px solid;
    color: #7d4683;
    margin-left: 15px;
    padding: 10px;
}

.right {
    float: right;
}

.rt-td.right {
    text-align: right;
}

.rt-td.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.echu-tops-table .rt-thead, .echu-tops-table .rt-tbody .rt-tr-group:last-child {
    background: #c9cde6;
    font-weight: bold;
}

.importBar .content {
    width: 80%;
    margin-top: 8%;
    margin-bottom: auto;
}

.importBar .ui.progress .bar {
    background: #2a88f1;
    transition-property: width;
    transition-duration: 0.8s;
}

.importBar .progress {
    background-color: #2a88f1;
}

.importBar .ui.progress {
    background: rgb(180, 236, 251);
}

.errorSegment {
    max-height: 60%;
    max-width: 60%;
    overflow: auto;
    margin-left: auto !important;
    margin-right: auto !important;

}

.errorSegmentText {
    color: #414141;
    padding-bottom: 1.5%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.modal {
    position: relative
}

.litige-legende {
    margin: 0 auto;
    width: 50%;
    display: flex;
    justify-content: space-around;
}

.litige-legende > div {
    padding: 5px;
    text-align: center;
}

.modal .litige-legende > div {
    font-size: 0.8rem;
}

.ariane {
    cursor: pointer;
    color: white;
}

.tableauNav {
    cursor: pointer;
}

.segmentTemperature {
    background: #9BDFB2 !important;
}