body {
    font-family: Roboto;
    font-size: 14px;
}

label {
    vertical-align: central;
}

.row-odd {
    background-color: #f8f6f6;
    border-bottom: 1px solid #e5e2e2;
    padding: 10px;
    vertical-align: middle;
}

.row-even {
    /*background-color:#f5f1f1;
    border-bottom: 1px solid #d1cfcf;
    border-top: 1px solid #d1cfcf;*/
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #e5e2e2;
}

.row-single {
    background-color: #f8f6f6;
    border-bottom: 1px solid #e5e2e2;
    border-top: 1px solid #e5e2e2;
    padding: 10px;
    vertical-align: middle;
}

.display-flex {
    display: flex;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    position: relative;
}

html, body, app-root, main, projet, md-sidenav-container, .extend {
    margin: 0;
    width: 100%;
    height: 100%;
}

projet {
    display: block;
}

md-sidenav {
    width: 20%;
}

md-select {
    width: 200px;
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearancce: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top30 {
    margin-top: 30px;
}

/*# sourceMappingURL=bootstrap.css.map */


header {
    height: 90px;
}

.body-container {
    height: calc(100vh - 116px);
    width: 100%;
    margin: 0;
}


footer {
    border-top: solid 1px #DDDDDD;
    background-color: #EEEEEE;
    color: gray;
    height: 26px;
    text-align: center;
    font-size: small;
    padding-right: 5px;
    padding-left: 5px;
}

    footer .footer-right {
        float: right;
    }

    footer .footer-left {
        float: left;
    }

.strech-y {
    height: 100%;
}

.strech-x {
    width: 100%;
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: Calc(100% - 154px);
    position: absolute;
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2F0000;
    padding: 2px 2px 2px 2px;
    left: 16px;
    top: 125px;
    background-color: #FFFFFF;
    width: Calc(100% - 32px);
    /*padding: 7px;*/
}

.flex-container-vert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: Calc(100% - 154px);
    position: absolute;
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2F0000;
    padding: 2px 2px 2px 2px;
    left: 16px;
    top: 125px;
    background-color: #FFFFFF;
    width: Calc(100% - 32px);
    flex-direction: column;
    /*padding: 7px;*/
}

.side-panel {
    min-width: 250px;
    width: 100%;
    height: 100%;
}

.center-panel {
    flex: 1;
    min-width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    height: 100%;
}

.my-panel-heading {
    height: 30px;
    font-size: medium;
    font-weight: 500;
}

.center-panel .my-panel-heading {
    text-align: left;
}

.side-panel .my-panel-heading {
    text-align: center;
}

.my-panel-body {
    overflow-y: auto;
    height: Calc(100%);
}

.my-panel-tree-projet {
    overflow-y: auto;
    height: Calc(100% - 50px);
}

.my-panel-tree {
    overflow-y: auto;
    height: Calc(100% - 40px);
}

.my-center-body {
    overflow-y: auto;
    height: Calc(100% - 80px);
}

.my-panel-body-2 {
    overflow-y: auto;
    height: Calc(100% - 42px);
}

.my-panel-body-3 {
    overflow-y: auto;
    height: Calc(100% - 92px);
}

.my-panel-fc-list {
    overflow-y: auto;
    height: Calc(100% - 50px);
}

.import-fc-btn-panel {
    width: 100%;
    border-top: 1px solid lightGrey;
    text-align: center;
    padding: 10px;
    height: 50px;
}

.indicsContainer {
    height: Calc(100% - 60px);
}

.scroll-y {
    overflow-y: auto;
}

.resultatsButton {
    top: Calc(100% - 30px);
    left: Calc(100% - 200px);
}

.editionButton {
    top: Calc(100% - 30px);
    left: Calc(100% - 350px);
}

.OngletOut {
    width: 150px;
    height: 25px;
    background-color: #CCCCCC;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    color: #2F0000;
    border-color: #2F0000;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    padding-top: 2px;
    padding-left: 8px;
}

.Onglet {
    width: 150px;
    height: 25px;
    background-color: #FFFFFF;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    color: #2F0000;
    border-color: #2F0000;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    padding-top: 2px;
    padding-left: 8px;
}

span.graybar2 {
    color: #2F0000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    text-decoration: none;
    text-wrap: none;
    vertical-align: middle;
    height: 32px;
}

a.graybar2 {
    color: #2F0000;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;
    text-wrap: none;
    vertical-align: middle;
    height: 32px;
}

.visible {
    display: block;
}

.hidden {
    display: none;
}

.star {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.tooltipChar {
    color: cornflowerblue;
}

.lotSelectList {
    font-weight: bold;
    font-size: 14px;
    color: black;
}


.sousLotSelectList {
    padding-left: 50px;
}

.greyFont {
    color: grey;
}

.disable {
    pointer-events: none;
    opacity: 0.5;
}

.fcPanel {
    background-color: azure;
}

.mcPanel {
    background-color: peachpuff;
}

.iniesPanel {
    background-color: darkseagreen;
}

.gtm110Panel {
    background-color: indianred;
}

.gtm111Panel {
    background-color: violet;
}

.fcNotSelectedPanel {
    background-color: ghostwhite;
}

.fcSelectedPanel {
    background-color: azure;
    border-color: Highlight;
    border-width: 2px;
}

.divider-horizontal {
    width: 100%;
    border-top: 1px solid #F2F2F2;
    border-color: lightgray;
}

.formulaBckg {
    background-color: ivory;
}

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

.lastUpdatePanel {
    background-color: lightgray;
    height: 50px;
    font-size: 11px;
    padding-left: 2px;
    display: flex;
}

.row-striped:nth-of-type(odd) {
    background-color: #f8f6f6;
    border-bottom: 1px solid #e5e2e2;
    padding: 10px;
    vertical-align: middle;
    margin: 0px;
}

.row-striped:nth-of-type(even) {
    padding: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #e5e2e2;
    margin: 0px;
}

.project-panel {
    overflow-y: auto;
    height: Calc(100% - 50px);
    overflow-x: hidden;
}

.modal-strech {
    width: Calc(100% - 40px);
    height: Calc(100% - 40px);
}


.my-contrib {
    overflow-y: auto;
    height: Calc(100% - 46px);
    overflow-x: hidden;
}