text {
    fill: black !important;
}

.e-grid .e-headercell {
    background-color: #C2855D !important;
}

th {
    border-color: white;
    border-style: solid;
    border-width: 1px;
}

.e-headercell {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: bold;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #8E5236 !important;
    border-color: white !important;
    color: white !important;
}

.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: #8E5236 !important;
    color: white !important;
}

.e-tab .e-content {
    border-top: 0.5;
    border-top-color: #8E5236 !important;
}

.destination {
    right: 15px;
    position: absolute;
}

.button {
    border: 1px;
}

.btn {
    border: 1px;
}

a {
    cursor: default;
}

body {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.e-toolbar-item {
    border: 1px solid #dee2e6 !important;
    border-radius: .25rem !important;
}

.e-item {
    border: 1px solid #dee2e6 !important;
    border-radius: .25rem !important;
}

.k-header {
    padding: 0px !important;
    margin: 0px !important!important;
}

.e-grid .e-rowcell.e-selectionbackground {
    background-color: @(mdl_com.GridSelectionBackcolor) !important;
}

.funcBTN:hover {
    transform: scale(1.5);
    margin: 10px
}

    .funcBTN:hover img {
        transform: scale(1.2);
    }

.responsiveIMG {
    width: 100%;
    max-width: 100% !important;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.e-dlg-content {
    padding-top: 0 !important;
}

.status {
    margin-top: 20px;
    font-size: 16px;
    display: block;
}

.e-pdfviewer {
    min-height: 800px !important;
}

.e-panel-container {
    padding: 0px !important;
}

.e-pivot-view-port {
    min-height: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}

.e-pivot-chart-view {
    min-height: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}

.e-pivotview {
    min-height: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}

.width-100 {
    width: 100%;
    height: 50px;
}

.easyKpi > div {
    width: 100% !important;
    height: 100% !important;
}

#control-container {
    padding: 0px !important;
}

.linear-parent {
    text-align: center;
    width: 75%;
    margin: auto;
}

.linear-button {
    text-align: center;
    padding: 2%;
}

.progressbar-mode {
    text-align: left;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #3D3E3C;
    margin-left: 10px;
    margin-top: 5%;
    padding: 0px;
    top: 20px;
}

.btn-outline-primary {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #8E5236;
}

#defaultDialog {
    max-height: 80% !important
}
/*Scrool*/
::-webkit-scrollbar {
    width: 8px; /* width of the entire scrollbar */
    height: 8px; /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
    background: #F7F7F7; /* color of the tracking area */
    opacity: 25%
}

::-webkit-scrollbar-thumb {
    background-color: #C2855D; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    margin: 2px !important;
    /*border: 3px solid #ADADAD; /* creates padding around scroll thumb */
}

.elem-inputs {
    font-weight: bold;
    max-height: 25px !important;
}

.popupClass {
    z-index: 20000;
}

.footer {
    position: fixed;
    right: 5px;
    bottom: 10px;
    background-color: transparent;
    color: white;
    text-align: center;
}

.row {
    margin-top: 1px !important;
}

.e-input-group .e-customOblg {
    border-radius: 4px;
    border: solid;
    border-color: #8E5236;
}

.e-customOblg.e-input,
.e-customOblg.e-input:not(:valid),
.e-customOblg.e-input:valid,
.e-customOblg.e-float-input.e-control-wrapper input:not(:valid),
.e-customOblg.e-float-input.e-control-wrapper input:valid,
.e-customOblg.e-float-input input:not(:valid),
.e-customOblg.e-float-input input:valid,
.e-customOblg.e-float-input.e-control-wrapper textarea:not(:valid),
.e-customOblg.e-float-input.e-control-wrapper textarea:valid,
.e-customOblg.e-float-input textarea:not(:valid),
.e-customOblg.e-float-input textarea:valid,
.e-customOblg.e-input-group input:not(:valid),
.e-customOblg.e-input-group input:valid,
.e-customOblg.e-input-group.e-control-wrapper input:not(:valid),
.e-customOblg.e-input-group.e-control-wrapper input:valid,
.e-customOblg.e-input-group.e-control-wrapper textarea:not(:valid),
.e-customOblg.e-input-group.e-control-wrapper textarea:valid,
.e-customOblg.e-input-group textarea:not(:valid),
.e-customOblg.e-input-group textarea:valid {
    background: #f2dac9 !important;
    max-height: 24px !important;
}

.e-upload {
    min-height: 30px !important;
}

.e-input-group-icon {
    height: 25px !important;
}

.e-control-wrapper .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid {
    font-weight: bold;
    height: 24px !important;
}

.e-label {
    font-weight: bold !important;
    font-size: 12px !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #8E5236 !important;
    font-weight: bold;
    height: 24px !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: black !important;
    font-weight: simple;
    height: 25px !important;
}

.PoPupTitel {
    font-weight: bold !important;
}

.e-grid .e-filtered::before {
    color: white !important;
}
.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
    background-color: #c2855d !important;
}

textarea {
    min-height: 60px !important;
    height: 80px !important;
}


.switsh {
    max-width: 50px !important
}

.e-tab .e-content > .e-item.e-active {
    height: 100% !important;
}

#SelectedLigne .e-headercell {
    background-color: white !important;
}

#SelectedLigne td {
    border-width: 0.5px !important;
    border-color: rgba(120,120,120,0.25) !important;
    max-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#SelectedLigne th {
    border-width: 0.5px !important;
    border-color: rgba(120,120,120,0.25) !important;
    max-height: 34px !important;
}

#SelectedLigne .e-headercell {
    color: black !important;
}

.Easy-info {
    background-image: url("/img/info.svg");
}

.e-fab {
    padding: 0 !important;
}

.ls_attr {
    margin-top: 5px !important;
}

