header, footer {
    background-color: #0053a1;
    color: %TextColor%;
}

header a, footer a {
    font-size: 1em;
    vertical-align: initial;
    color: %TextColor%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: 0px solid #ddd;
    height: 50px;
    line-height: 50px;
    font-size: 1.3em;
    z-index: 10;
    text-align: left;
}

.invalid {
    border: 2px solid red !important;
}

footer {
    text-align: center;
}

nav, .ClassTitle, .ClassCell {
    text-align: left;
}

sidemenu {
    position: fixed;
    border-right: 1px solid #ddd;
    background-color: #efefef;
    z-index: 99998;
}

usermenu {
    position: fixed;
    height: auto;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
    z-index: 99998;
}

page-content {
    position: absolute;
    top: 50px;
    bottom: 40px;
    left: 0;
    right: 0;
    overflow: auto;
}

main {
    right: 0;
    top: 0;
    bottom: 0;
    border: 0px solid #ddd;
}

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0px solid #ddd;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1.2em;
    padding: 0;
    z-index: 10;
}

i {
    padding: 0 10px;
    vertical-align: middle;
}

button i {
    padding: 2px 10px 0px 0;
    font-size: 1em !important;
    vertical-align: sub;
}

label,legend {
    text-align: left;
    font-size: 1em;
    padding-bottom: 1px;
}
.demandeplan label input[type="radio"],.demandeplan label input[type="checkbox"] {
    margin-right: 8px; /* Adjust the value to your preferred spacing */
}
/*
input {
    text-align: left;
    border: 0;
    padding: 0;
    width: 100%;
}
textarea {
    text-align: left;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    resize: none;
    white-space: pre-wrap;
}
select {
    text-align: left;
    border: 1px solid #ddd;
    padding: 7px 12px;
}
td {
    text-align: left;
    padding: 5px;
}
li {
    text-align: left;
}
p {
    text-align: justify;
}
h1 {
    font-size: 2em;
    line-height: 2em;
}
h2 {
    font-size: 1.7em;
    line-height: 1.7em;
}
h3 {
    font-size: 1.4em;
    line-height: 1.4em;
}
h4 {
    font-size: 1.1em;
    line-height: 1.1em;
*/

.fa {
    font-size: 1.4em;
}

#IDloader {
    position: fixed;
    z-index: 100000;
    background: url('/CYJS/css/images/loader.gif') 50% 50% no-repeat;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    cursor: wait;
    opacity: 0.8;
    background-color: #c5c5c5;
}

#IDscrolltop {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 99998;
    padding: 16px 12px 0px 4px;
    width: 30px;
    height: 30px;
}

#IDmenuslider {
    width: 5px;
    height: 100%;
    background-color: white;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    position: absolute;
    top: 0;
    right: 0;
    cursor: col-resize;
}

#IDmenuslider:hover {
    background-color: #f8f8f8;
}

#IDmenuslider i {
    color: #cccccc;
    top: 50%;
    position: absolute;
    left: 1px;
    padding: 0;
}

#IDheader i {
    line-height: 50px;
}

#IDheaderusername {
    color: #ffffff;
    text-align: right;
}

#IDheaderusername,
#IDheadericonnetwork {
    float: right;
}

#IDheadericonuser {
    cursor: pointer;
    float: right;
}

#IDmain {
    position: absolute;
    padding: 20px;
    left: 80px;/* Larg sidemenu defaut */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto;
}

#IDsidemenu {
    top: 50px;
    left: 0;
    bottom: 40px;
    width: 80px;/* Larg sidemenu defaut */
}

#IDsidemenucontent, #IDusermenucontent {
    background-color: #bfbfbf;
    border: 0;
}

#IDsidemenucontent > li, #IDusermenucontent > li {
    text-align: left;
    height: 50px;
    vertical-align: middle;
    line-height: 40px;
    overflow: hidden;
}

#IDsidemenucontent > li > div > i {
    width: 20px;
    text-align: center;
}

#IDusermenu {
    top: 50px;
    right: 0;
    width: 150px;/* Larg usermenu defaut */
}

#IDprompt {
    width: 500px;
    text-align: left;
}

#IDalert,#IDconfirm {
    width: 400px;
}

#IDalert,#IDconfirm,#IDprompt {
    font-size: 1.1em;
}

#IDalert,#IDconfirm,#IDprompt {
    padding-top: 20px;
}

#IDalert i,#IDconfirm i,#IDprompt i {
    font-size: 1.8em;
    vertical-align: middle;
    padding: 0 25px 0 0;
}

#IDprompt label {
    font-size: 0.6em;
}

#IDprompt input, .dataTables_length select, .datepicker div {
    font-size: 1em;
}

#IDeditedcell {
    font-size: 1em;
    padding: 0;
    margin: 0;
}

.ClassBorder {
    border: 1px solid #cccccc;
}

.ClassNoBorder {
    border: 0px;
}

.ClassNoMargin {
    margin: 0;
}

.ClassNoPadding {
    padding: 0;
}

.ClassAlert,.ClassConfirm,.ClassPrompt {
    font-size: 1.1em;
    padding-top: 20px;
    word-wrap: break-word;
}

.ClassAlert i,.ClassConfirm i, .ClassPrompt i {
    font-size: 3em;
    vertical-align: middle;
    padding: 0 25px 0 0;
    color: %BackgroundColor%;
}

.ClassPrompt label {
    font-size: 0.6em;
}
/* Dropzone */

.ClassDropZone {
    padding: 0px;
    border: 0px;
    min-height: 0;
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.dz-image {
    width: 60px;
    height: 60px;
}

.dz-message {
    margin: 0 !important;
    font-size: 3em;
    opacity: 0.2;
    position: relative;
    top: 35%;
    left: 0;
}

.ClassDropZone:hover > .dz-message {
    opacity: 0.5;
}

.dz-drag-hover, .ClassDropZone:hover {
    border: 3px dashed #999999 !important;
}

.ClassThumbnailList {
    position: absolute;
    top: 0;
    left: 0;
}

.ClassThumbnail {
    text-align: center;
    display: inline-block;
    padding: 5px;
    font-size: 0.8em;
    cursor: pointer;
    width: 100px;
    z-index: 1;
}

.ClassThumbnail:hover i {
    color: #0053a1;
}

.ClassThumbnail i {
    font-size: 5em !important;
    padding: 0;
}

.ClassThumbnail span {
    font-size: 0.9em !important;
}

.ClassContextMenu {
    position: fixed;
    background: #ffffff;
    border: 1px solid #cccccc;
    list-style: none;
    padding: 0;
    font-size: 1em;
    cursor: initial;
    margin: 0;
    z-index: 100002;
}

.ClassContextMenu li {
    text-align: left;
    padding: 5px 30px 5px 10px;
}

.ClassContextMenu li:hover{
    background-color: #0053a1;
    color: #ffffff;
    cursor: pointer;
}

.ClassContextMenu li:hover > i {
    color: #ffffff;
}

.ClassContextMenu i {
    font-size: 1.5em !important;
    display: inline-block;
    padding: 0;
    width: 1.5em;
    vertical-align: sub;
}
/* Mise en page */

.ClassBorder {
    border: 1px solid #ddd;
}

.ClassForm {
    width: 100%;
}

.ClassRow,.ClassRowThin {
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
    display: flex;
    box-sizing: border-box;
}

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

.ClassTitle {
    width: 100%;
    display: inline-block;
    padding: 10px 0 5px 0;
    font-size: 2em;
    word-break: break-all;
}

.ClassCenter {
    text-align: center;
}

.ClassCell {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    /*background-color: #ffffff;*/
    position: relative;
    margin: 0;
    padding: 0;
}

.ClassCellMargin {
    margin: 2px;
}

.ClassEmpty:after {
    content: "\00a0";
}

/* Panel draggable */

.ClassSortPlaceholder {
    border: 2px dashed #c9c9c9;
    background-color: #efefef;
    float: left;
}

.ClassSort {
    cursor: move;
}

.ClassPanel {
    height: 35px;
    line-height: 35px;
    font-size: 1.3em;
    color: #ffffff;
    background-color: #0053a1;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.ClassPanelIconsLeft,.ClassPanelIconsRight {
    color: #ffffff;
    position: absolute;
    background-color: #0053a1;
}

.ClassPanelIconsLeft {
    left: 0;
    top: 0;
}

.ClassPanelIconsRight {
    right: 0;
    top: 0;
}

.ClassPanelIconsLeft > span,.ClassPanelIconsRight > span {
    margin: 0 10px;
}

.ClassPanelIconsLeft i, .ClassPanelIconsRight i {
    padding: 0 5px 3px 5px;
    margin: 0;
    font-size: 1.2em;
    cursor: pointer;
    vertical-align: middle;
}

.ClassInput,.ClassInputThin,.ClassInputNoBorder {
    border: 1px solid %BorderColor%;
    padding: 5px 10px;
    margin: 0 5px 0 0;
    text-align: left;
}

.ClassInputThin {
    padding: 0px 12px;
}

.ClassInputNoBorder {
    border: 0;
    padding: 0;
    margin: 0;
}

.ClassInput:hover {
    border: 1px solid %BorderColor%;
}

.ClassInputNoBorder:hover {
    border: 0;
}

.ClassInput i {
    padding: 0;
}

.ClassInput input,.ClassInput textarea {
    padding: 0 0 1px 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ClassInputActive {
    border: 1px solid %BorderColor%;
    box-shadow: 0px 0px 12px %InputShadow%;
}

.ClassInputSingle {
    margin: 0;
}

.ClassInputFirst {
    margin-left: 0;
}

.ClassInputLast {
    margin-right: 0;
}

.ClassInputReadOnly {
    opacity: 0.5;
}

.ClassClearIcon,.ClassInputIcon {
    position: relative;
}

.ClassClearIcon {
    padding-right: 30px;
}

.ClassInputIcon {
    padding-left: 40px;
}

.ClassClearIconI,.ClassInputIconI {
    font-size: 1.5em !important;
    color: #333333;
    opacity: 0.5;
    position: absolute;
    top: 0.2em;
    padding: 0 !important;
}

.ClassClearIconI {
    cursor: pointer;
    right: 0.2em;
}

.ClassInputIconI {
    left: 0.2em;
}

.ClassToolBar {
    position: relative;
    text-align: left;
}

.ClassToolBarFixed {
    position: fixed;
    z-index: 99;
}

.ClassUnderToolBarFixed {
    margin-top: 35px;
    float: left;
}

.ClassToolBarFixed button {
    margin: 0px 0px 5px 0px;
}

.ClassDivTable {
    border: 1px solid #ddd;
    background-color: #efefef;
}

/* Mes datatables */

.ClassDataTable {
    width: 100% !important;
}

.ClassDataTable td,.ClassDataTable a {
    font-size: 0.8em !important;
}

.ClassDataTableColumns {
    display: inline !important;
    word-wrap: break-word !important;
}

.ClassDataTableColumns a {
    font-size: 0.7em !important;
    cursor: pointer !important;
}

.ClassDataTableAutoSelect {
    font-size: 0.7em !important;
    width: 100% !important;
}
/* Edition directe datatables */

.ClassTDEditedCell {
    background-color: white !important;
    border: 3px solid #ddd !important;
    padding: 5px 10px !important;
}

/* Flipswitch */

.ClassFlipSwitch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    padding: 0;
    background: none;
    border: 0px;
    box-shadow: none;
}

.ClassFlipSwitch input, .dataTables_scrollBody thead, .data-timepickeronly .datepicker--nav, .data-timepickeronly .datepicker--days {
    display: none;
}

.ClassFlipSwitch:hover {
    background: none !important;
    border: 0px !important;
}

.ClassFlipSlider {
    position: absolute;
    content: "0";
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.ClassFlipSlider:before {
    position: absolute;
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .ClassFlipSlider {
    background-color: %BackgroundColor%;
}

input:focus + .ClassFlipSlider {
    box-shadow: 0 0 1px %BackgroundColor%;
}

input:checked + .ClassFlipSlider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.ClassFlipSlider.ClassFlipRound {
    border-radius: 34px;
}

.ClassFlipSlider.ClassFlipRound:before {
    border-radius: 50%;
    content: "";
}

/* Pour afficher des nombres ou textes */

.ClassText {
    text-align: left;
}

.ClassNumber {
    text-align: right;
}

/* Edition page depuis adminsidemenu */

.ClassIconEditPage {
    float: right;
    top: -44px;
    position: relative;
    opacity: 0.3;
    z-index: 99998;
    padding: 0.4em;
}
/* Classe ajout�e � un panel data-move */

.ClassWindow {
}
.ClassWindow textarea {
    font-family: courier new;
    font-size: 1em;
}

.ClassIconFile {
    position: absolute;
    font-size: 3em;
    cursor: move;
    z-index: 99998;
    color: #0077ff;
    line-height: 0.4em;
}

.ClassIconFile span {
    font-size: 0.3em;
    line-height: 1em;
}

.ClassZoomInOut {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.ClassZoomInOut:hover {
    cursor: pointer;
    filter: drop-shadow(5px 5px 5px #666666);
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
}

/* jQuery-ui*/

.ui-autocomplete {
    z-index: 100002;
    background-color: #ffffff;
    border: 1px solid %BorderColor% !important;
    padding: 0px;
}

/* Limiter hauteur des menus */
.ui-selectmenu-menu .ui-menu {
    max-height: 200px;
    overflow-y: auto;
}

.ui-selectmenu-button.ui-button {
    box-shadow: unset;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid %BorderColor%;
    background-color: %ButtonBackgroundColor%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1em !important;
}

.ui-selectmenu-button:hover > .ui-selectmenu-icon {
    filter: brightness(2);
}

.ui-selectmenu-optgroup {
    font-size: 1em !important;
}

.ui-menu .ui-menu-item {
    font-size: 0.9em;
}

.ui-menu-item-wrapper {
    text-align: left;
    font-size: 0.8em;
    padding: 0.4em 0.1em;
}

.ui-menu-item-wrapper .ui-state-active {
    border: 0px;
}

.ui-widget {
    font-size: 1.2em;
    text-align: left;
}

.ui-widget-header, .ui-dialog.ui-widget.ui-widget-content {
    border: 0;
}

.ui-dialog {
    padding: 0;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 100000;
}

.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog .ui-dialog-titlebar {
    height: 35px;
    line-height: 0.6em;
    font-size: 1.5em;
    color: #ffffff;
    background-color: %BackgroundColor%;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0;
}

.ui-dialog i {
    vertical-align: middle;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-fullscreen {
    position: absolute;
    display: block;
    padding: 1px;
    box-shadow: unset !important;
    width: 30px !important;
    height: 30px !important;
    top: 0.8em !important;
    margin: -18px -5px 0 0 !important;
    background: %BackgroundColor% !important;
    border: 0px !important;
}

.ui-dialog-titlebar-close:hover>span, .ui-dialog-titlebar-fullscreen:hover>span {
    filter: brightness(2) !important;
}

.ui-dialog-titlebar-fullscreen {
    right: 1.5em !important;
}

.ui-dialog .ui-dialog-content {
    border-style: solid;
    border-color: %BorderColor%;
    border-width: 0 1px;
}

.ui-dialog-title {
    color: #ffffff;
    font-size: 0.6em;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    border: 1px solid %BorderColor%;
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 8px 0 3px 15px;
}

.ui-dialog-dragging {
    opacity: 0.7;
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.5;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.23em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.23em;
}

.ui-spinner-button {
    width: 1.6em !important;
}

.ui-spinner-input {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 1px 0;
}

.ui-spinner-up {
    top: 0;
    left: -1px;
    height: 100%;
    border: 1px solid %BorderColor% !important;
}

.ui-spinner-down {
    top: 0;
    right: 0px;
    height: 100%;
    border: 1px solid %BorderColor% !important;
}

.ui-accordion .ui-accordion-header {
    padding: .3em .3em .3em .5em;
}

.ui-icon-closethick, .ui-icon-newwin {
    filter: opacity(20%) brightness(1%) !important;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: none;
}

.ui-tabs {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    color: #ffffff;
}

.ui-widget-content {
    color: %TextColor%;
    border: 1px solid %BorderColor%;
}

.ui-widget.ui-widget-content {
    border: 1px solid %BorderColor%;
}

.ui-widget-content a, .ui-widget-header a {
    color: %TextColor%;
}

.ui-widget-header {
    color: %TextColor%;
    border: 1px solid %BorderColor%;
    background-color: %AltBackgroundColor%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    color: %TextColor%;
    border: 1px solid %BorderColor%;
    background-color: %ButtonBackgroundColor%;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: %TextColor%;
}

.ui-progressbar .ui-progressbar-value {
    background-color: %BackgroundColor%;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background-color: %BackgroundColor%;
    border: 1px solid %BorderColor%;
    color: #ffffff;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    background-color: %BackgroundColor%;
    color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: %BackgroundColor%;
    color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid %BackgroundColor%;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: %BackgroundColor%;
}

.ui-button {
    border: 1px solid %BorderColor%;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px %ButtonBackgroundColor%;
}

/* Tooltip */

.ui-tooltip, .ClassTooltipArrow:after {
    background: #333333;
    border: 2px solid #ddd;
}

.ui-tooltip {
    white-space: pre-line;
    padding: 10px 15px;
    border-radius: 0;
    font: inherit;
    box-shadow: 0 0 7px black;
    z-index: 100002;
}

.ui-tooltip-content {
    color: #ffffff;
}

.ui-tabs {
    box-sizing: border-box;
}

.ClassTooltipArrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.ClassTooltipArrow.top {
    top: -16px;
    bottom: auto;
}

.ClassTooltipArrow.left {
    left: 20%;
}

.ClassTooltipArrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ClassTooltipArrow.top:after {
    bottom: -20px;
    top: auto;
}

.dataTable tr:nth-child(2n) {
    background-color: %AltBackgroundColor%;
}

.dataTable td {
    word-break: break-all;
    font-size: 0.9em;
}

.dataTable thead input {
    padding: 3px 5px;
    border: 1px solid %BorderColor%;
}

.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc {
    background-position: 95% 17% !important;
}

.dataTable thead th {
    text-align: left !important;
    padding: 5px 20px 10px 10px !important;
    font-size: 1em;
}

.dataTable tbody tr.selected > td,.dataTable tbody tr.selected > td > a {
    background-color: %BackgroundColor%;
    color: #ffffff !important;
}

.dataTables_length {
    margin-left: 20px;
    padding: 10px 0;
}

.dataTables_filter {
    text-align: left !important;
    margin: 10px 10px 0 0;
    font-size: 1.3em;
}

.dataTables_wrapper select {
    padding: 2px 12px;
}

.dataTables_wrapper input {
    font-size: 0.9em;
    width: 100%;
    padding: 2px 10px;
}

.dataTables_wrapper .dataTables_filter {
    text-align: left !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin: 0;
    border: 1px solid %BorderColor%;
}

.dataTables_info {
    padding: 15px 10px !important;
    font-size: 0.7em;
}

.dataTables_paginate {
    padding: 10px 10px !important;
}

.dataTables_paginate a {
    font-size: 0.7em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px;
    border: 0 !important;
    background: none !important;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

/* Bug datatables si scrollX activ� */
.dataTables_scrollBody thead {
    display: none;
}

/* Necessaire pour afficher datepicker dans dialog */

.datepicker {
    z-index: 100001;
}

.datepicker--time-current span {
    font-family: 'Open Sans';
}

.datepicker--cell {
    border-radius: 0;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #ffffff;
    background: #0053a1;
}

.data-timepickeronly .datepicker--nav,.data-timepickeronly .datepicker--content, input::-ms-clear, input::-ms-reveal {
    display: none;
}

/* Pour masquer le navigateur et selecteur de jour si data-timepickeronly */
.data-timepickeronly .datepicker--nav, .data-timepickeronly .datepicker--days {
    display: none;
}

/* Merdes Microsoft .. */

* {
    outline-style: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}
/* Responsive */

@media screen and (max-width: 800px) {
    body, form, a, td, th, div, input, textarea, select, header, nav, sidemenu, usermenu, main, footer {
        font-size: 15px;
    }

    #IDmain {
        left: 80px;/* Larg sidemenu defaut */
    }

    #IDsidemenu {
        width: 80px;/* Larg sidemenu defaut */
    }

    #IDalert,#IDconfirm {
        width: 200px;
    }

    #IDprompt {
        width: 250px;
    }
}
center b {

display: flex;
gap: 15px;
justify-content: center;

}
.demandeplan label{
display:inline-flex;
}
.demandeplantextarea{
    height:auto;
    width:auto;
}
.table-container {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
}
.tableau td input{
    padding :5px 0px 5px 0px !important;
    margin: 2px auto !important;
}
.tableau .sous_titre input{
    padding :5px 0px 5px 0px !important;
    margin: 2px auto !important;
}