@page {
    size: auto;
}

:root {
    --text-color-btn: black;
}

#DashboardViewer {
    height: calc(100% - 103px) !important
}

#DashboardViewer2 {
    height: 100% !important
}

#ReportViewer {
    height: calc(100% - 103px) !important
}

#ReportViewer2 {
    height: 100% !important
}

#headerDiv {
    margin: 10px
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* isiTecc */
.isiClock1 {
    text-align: center;
    width: 17%;
    background-color: rgb(240,241,242);
    border: 1px solid lightgrey;
    margin-top: 5px;
    margin-bottom: 5px;
}

.isiClock2 {
    text-align: center;
    background-color: rgb(248,249,250);
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    margin-top: 5px;
    margin-bottom: 5px;
}

.isiMsg1 {
    background-color: rgb(240,241,242);
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.isiMsg2 {
    background-color: rgb(248,249,250);
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.isiMsg3 {
    background-color: rgb(248,249,250);
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.isiRow {
    padding: 0 5px 0 5px;
}

.clock1 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.clock2 {
    display: block;
    font-size: 1.17em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.msgHeader1 {
    display: block;
    font-size: 2em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 5px;
    font-weight: bold;
}

.msgHeader2 {
    display: block;
    font-size: 1.17em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.logo {
    width: 100px;
    text-align: right;
    background-color: rgb(240,241,242);
    border-top: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding-right: 20px;
}

.isiCheckbox {
    width: 20px;
    height: 20px;
}

.isiSplitter {
    padding: 10px 0 0 0;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    width: 30px;
}

div[onclick], td[onclick] {
    cursor: pointer;
}

img[data-toggle] {
    cursor: pointer;
}

.isiInline {
    display: inline-block;
}


/*.no-float {
  display: table-cell;
  float: none;
}*/

isiContainer {
    display: table;
    width: 100%;
    height: 100%;
    padding: 5px 0 0 5px;
    box-sizing: border-box;
    max-width: 5000px;
}

.isiHeader {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    margin-bottom: 0px;
}

.isiFooter {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #2196f3 !important;
    color: white;
    text-align: center;
}

span[data-marking] {
    font-size: 16px;
}
/* Header */
.headerBand {
    font-size: 150%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.isiFontHeaderVignettes {
    font-size: 150%;
    font-weight: bold;
}

.isiFontTitreVignettes {
    font-size: 75%;
    font-weight: bold;
}

.isiFontTextVignettes {
    font-size: 150%;
    font-weight: bold;
}

.isiFontHeaderVignettesMenu {
    font-size: 125%;
    font-weight: bold;
    margin-top: -1px;
}

.isiFontTextVignettesMenu {
    font-size: 73%;
    font-weight: bold;
}

.isiFontTitreVignettesMenu {
    font-size: 90%;
    font-weight: bold;
    margin-top: -13px;
}

.noWrap {
    white-space: nowrap;
}

.isiLogoHeader {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    text-align: right;
    vertical-align: bottom;
}

#informations {
    font-size: 75%;
    padding-bottom: 2px;
}

#messageImp {
    margin-bottom: -14px;
}

/*Suite Header*/
#currentTime {
    text-align: center;
}

#logoIsi {
    width: 105%;
    height: 105%;
}

#textlogo {
    font-size: 30%;
    font-weight: normal;
    margin-top: -10px;
}

/* Menu */
#inputMachine {
    font-size: 13px;
    font-weight: bold;
}

#inputPoste {
    font-size: 13px;
    font-weight: bold;
}

#boutonLeftM {
    width: 100%;
    height: 70%;
    text-align: center;
    margin-top: -13px;
    padding-bottom: 25px;
}

#boutonRightM {
    width: 100%;
    height: 70%;
    margin-top: -13px;
    text-align: center;
    padding-bottom: 25px;
}

#boutonLeftP {
    width: 100%;
    height: 70%;
    text-align: center;
    margin-top: -13px;
    padding-bottom: 25px;
}

#boutonRightP {
    width: 100%;
    height: 70%;
    margin-top: -13px;
    text-align: center;
    padding-bottom: 25px;
}

#atelierMenu {
    margin-bottom: -45px;
}

#ligneMachine {
    margin-top: -10px;
}

#lignePoste {
    margin-top: -25px;
}

/* Tableau */
.table th {
    text-align: center;
}

.table td {
    text-align: center;
    line-height: 8px;
}

/*Indicateurs*/

.Titre {
    text-align: center;
    font-size: 2em;
    padding-right: 5px;
}

/*Override Bootstrap*/

.mb-3, .my-3 {
    margin-bottom: 0.5rem !important;
}

#DashboardWeb {
    text-align: center;
    /*padding-left: 15%;*/
}

/*css pour le grand �cran*/

@media only screen and (min-width: 3800px) {

    /* Header */
    #textlogo {
        font-weight: normal;
        margin-top: -10px;
    }

    .isiFontHeaderVignettes {
        font-size: 300%;
        font-weight: bold;
    }

    #messageImp {
        margin-bottom: 0px;
    }

    #currentTime {
        padding-bottom: 30px;
    }

    #currentDate {
        text-align: center;
        font-size: 150%;
    }

    #informations {
        font-size: 150%;
        padding-bottom: 2px;
    }

    .isiFontHeaderVignettesMenu {
        font-size: 300%;
        font-weight: bold;
    }

    .isiFontTitreVignettes {
        font-size: 150%;
        font-weight: bold;
    }

    .isiFontTitreVignettesMenu {
        font-size: 200%;
        font-weight: bold;
        margin-top: -0px;
    }

    .isiFontTextVignettesMenu {
        font-size: 200%;
        font-weight: bold;
    }

    /* Menu */

    .isiFontHeaderVignettesMenu {
        font-weight: bold;
        margin-top: -2px;
    }

    #inputMachine {
        font-size: 30px;
    }

    #inputPoste {
        font-size: 30px;
    }

    #atelierMenu {
        margin-bottom: 0px;
    }

    #ligneMachine {
        margin-top: 0px;
    }

    #lignePoste {
        margin-top: 0px;
    }

    #boutonLeftM {
        width: 100%;
        height: 100%;
        text-align: center;
        margin-top: 0px;
        padding-bottom: 0px;
    }

    #boutonRightM {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        text-align: center;
        padding-bottom: 0px;
    }

    #boutonLeftP {
        width: 100%;
        height: 100%;
        text-align: center;
        margin-top: 0px;
        padding-bottom: 0px;
    }

    #boutonRightP {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        text-align: center;
        padding-bottom: 0px;
    }

    /* Tableau */

    .table th {
        text-align: center;
        /*font-size: 20px;*/
    }

    .table td {
        text-align: center;
        line-height: 20px;
        /*font-size:16px;*/
    }
}

@media only screen and (max-width: 1300px) {

    /* Header */

    .headerBand {
        font-size: 150%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 5px;
    }

    .isiFontHeaderVignettes {
        font-size: 120%;
        font-weight: bold;
    }

    .isiFontTitreVignettes {
        /*font-size: 20%;*/
        font-weight: bold;
    }

    .isiFontTextVignettes {
        font-size: 150%;
        font-weight: bold;
    }

    .isiFontHeaderVignettesMenu {
        font-size: 80%;
        font-weight: bold;
        margin-top: -1px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 2px;
    }

    .isiFontTextVignettesMenu {
        font-size: 60%;
        font-weight: bold;
    }

    .isiFontTitreVignettesMenu {
        font-size: 70%;
        font-weight: bold;
        margin-top: -18px;
        margin-bottom: 3px;
    }

    #mainContainer {
        padding-right: 5px;
        padding-left: 5px;
    }

    #currentDate {
        text-align: center;
        font-size: 70%;
    }

    #messageImp {
        margin-bottom: 0px;
    }

    #informationsSecondaire {
        font-size: 70%;
        margin-bottom: 2em;
    }

    /*Suite Header*/

    #currentTime {
        padding-bottom: 15px;
        text-align: center;
    }

    .logoZF {
        width: 100%;
        height: 85%;
        max-height: 100px;
        max-width: 100px;
        padding-top: 25%;
    }


    #logoIsi {
        width: 130%;
        height: 130%;
    }

    #textlogo {
        font-size: 20%;
        font-weight: normal;
        margin-top: -13px;
        margin-bottom: 0px;
    }

    #dateCol {
        padding-right: 5px;
        padding-left: 5px;
    }

    #MessagesHeader {
        padding-left: 5px;
    }

    /* Menu */

    .card-body {
        margin-bottom: -15px;
    }

    #inputMachine {
        font-size: 34%;
        /*font-weight:bold;*/
    }

    #inputPoste {
        font-size: 34%;
        /*font-weight: bold;*/
    }

    #boutonLeftM {
        width: 100%;
        height: 50%;
        text-align: center;
        margin-top: -13px;
        padding-bottom: 25px;
    }

    #boutonRightM {
        width: 100%;
        height: 50%;
        margin-top: -13px;
        text-align: center;
        padding-bottom: 25px;
    }

    #boutonLeftP {
        width: 100%;
        height: 70%;
        text-align: center;
        margin-top: -13px;
        padding-bottom: 25px;
    }

    #boutonRightP {
        width: 100%;
        height: 70%;
        margin-top: -13px;
        text-align: center;
        padding-bottom: 25px;
    }

    #atelierMenu {
        margin-bottom: -45px;
    }

    #ligneMachine {
        margin-top: -10px;
    }

    #lignePoste {
        margin-top: -25px;
    }

    /* Tableau */
    .table th {
        text-align: center;
    }

    .table td {
        text-align: center;
        line-height: 8px;
    }

    /*Dashboard*/

    #DashboardIndicateurs {
        text-align: center;
        padding-left: 12%;
        padding-right: 5px;
    }

    .custom-card-css {
        margin: 10px 0 10px 0;
    }

    /*Overrride Bootstrap*/

    .mb-3, .my-3 {
        margin-bottom: 0.3rem !important;
    }
}

.dx-list-item-content {
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
}

.dx-button-content > .dx-button-text,
.dx-button-content > i {
    color: var(--text-color-btn) !important;
}

/* Icone dans liste déroulante (à droite) */
.dx-dropdowneditor-button > .dx-button-content > i {
    color: black !important;
}

.dx-button-mode-outline .dx-button-content > .dx-button-text,
.dx-button-mode-outline .dx-button-content > i,
.dx-popup-title .dx-button-content > .dx-button-text,
.dx-popup-title .dx-button-content > i,
.dx-button-mode-text .dx-button-content > .dx-button-text,
.dx-button-mode-text .dx-button-content > i {
    color: inherit !important;
}

.dx-scheduler-container .dx-button-content > .dx-button-text,
.dx-scheduler-container .dx-button-content > i,
.dx-button-mode-outlined .dx-button-content > .dx-button-text,
.dx-button-mode-outlined .dx-button-content > i {
    color: #333 !important;
}

.dx-button-mode-outlined .dx-button,
.dx-scheduler-container .dx-button,
.dx-report .dx-button,
.dx-dashboard-control .dx-button {
    background-color: #fff;
    border-color: #ddd;
    color: #333 !important;
}

.dx-report .dx-button-text,
.dx-dashboard-control .dx-button-text {
    color: #333 !important;
}

.dx-button-mode-outlined .dx-state-hover,
.dx-scheduler-container .dx-state-hover,
.dx-report .dx-button-mode-contained.dx-state-hover,
.dx-dashboard-control .dx-button-mode-contained.dx-state-hover {
    background-color: #f5f5f5 !important;
    border-color: #ddd;
    color: #333 !important;
}

.dx-button-mode-outlined .dx-button-mode-contained.dx-state-focused,
.dx-scheduler-container .dx-button-mode-contained.dx-state-focused,
.dx-report .dx-button-mode-contained.dx-state-focused,
.dx-dashboard-control .dx-button-mode-contained.dx-state-focused {
    background-color: #ebebeb;
    border-color: #ddd;
    color: #333 !important;
}

.dx-button-mode-outlined .dx-button-mode-contained.dx-state-active,
.dx-scheduler-container .dx-button-mode-contained.dx-state-active,
.dx-report .dx-button-mode-contained.dx-state-active,
.dx-dashboard-control .dx-button-mode-contained.dx-state-active {
    background-color: #c2c2c2;
    border-color: #ddd;
    color: #333 !important;
}

.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    width: fit-content !important;
}

.dx-toolbar-before {
    height: 100%;
}