.qs {
    font-family: 'QuickSand', sans-serif
}

.card:hover {
    box-shadow: 0 5px 5px rgba(0,0,0,.5)
}



.hachure {
    background-color: #758DBE;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

table.absence td.name {
    background: #758DBE;
    color: #ffffff;
    text-align: left;
    padding-left: 10px;
}


table.absence td {
    font-size: 8pt;
    text-align: center;
    height: 20px;
    background: #ffffff;
}

    table.absence td.jour:hover {
        background-color: rgba(0,151,262,0.45);
    }

    table.absence td.jour {
        cursor: pointer;
    }

    table.absence td.service {
        background: white;
        text-align: left;
        padding-left: 5px;
        font-weight: 700;
    }


    table.absence td.we {
        background: #bac6df;
    }

    table.absence td.backwhite {
        background: white;
    }

    table.absence td.header {
        background: #758DBE;
        color: #ffffff;
        min-width: 30px;
    }

    table.absence td.headercurrent {
        background: #003f7e;
        color: white;
    }

    table.absence td.border {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    table.absence td.noborder {
        border: 0;
    }

    table.absence td.name {
        background: #e1e5e9;
        color: black;
        text-align: left;
        padding-left: 10px;
    }

    table.absence td.cpdebut {
        border-radius: 8px 0px 0px 7px;
        background: #ea9a1d;
    }

    table.absence td.cpfin {
        border-radius: 0px 7px 6px 0px;
        background: #ea9a1d;
    }
    table.absence td.hachure {
        background-color: gray;
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
    }

    table.absence td.cp {
        background: #ea9a1d;
        font-weight: 500;
        color: white;
    }

    table.absence td.val {
        background: #15ab66;
        font-weight: 500;
        color: white;
    }

    table.absence td.prevision {
        background: #3E8EF7;
        font-weight: 500;
        color: white;
    }

    table.absence td.realise {
        font-weight: 500;
        color: white;
        background-color: green;
        background-image: repeating-linear-gradient(-90deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
    }
   

    table.absence td.hachure.cp, td.hachure.val, td.hachure.prevision, td.hachure.realise, td.hachure.we {
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px) !important;
    }

    table.absence td.we.cp, td.we.val, td.we.prevision, td.we.realise {
        filter: brightness(0.85) !important;
    }

    table.absence td.valdebut {
        border-radius: 8px 0px 0px 7px;
        background: #15ab66;
    }

    table.absence td.valfin {
        background: #15ab66;
        border-radius: 0px 7px 6px 0px;
    }



    table.absence td.past {
        filter: contrast(0.5);
    }

    table.absence td.past {
        background-color: #F1F9FF !important;
        background-image: repeating-linear-gradient(-45deg, #ff000000, transparent 5px, #337ab740 5px, #337ab740 10px) !important;
        color: #526069 !important;
    }

    table .absence td.semaine {
        color: black;
        text-align: left;
        font-size: smaller;
    }

    table.absence td.mois {
        color: black;
        text-align: right;
        font-size: medium;
        padding-right: 15px;
    }

table.absence {
    background: #f3f0f0;
}



.compliance_legal_doc_list_item {
    border: 2px dashed #343a5e;
    background-color: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 20px 30px;
}

.compliance_legal_doc-file {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #c1c1c1;
    margin-top: 20px;
    padding-top: 20px;
}

.compliance_legal_doc_list {
    margin: 0;
    padding: 0;
    padding-top: 20px;
    list-style: none;
    font-family: OpenSans-regular,Arial,Helvetica,sans-serif;
}

.compliance_legal_doc-header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 10px;
}

.compliance_legal_doc-title {
    font-size: 16px;
    font-weight: 700;
}

.compliance_legal_doc-action {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.compliance_legal_doc-file {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #c1c1c1;
    margin-top: 20px;
    padding-top: 20px;
}

.compliance_legal_doc_file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance_legal_doc_file-name-a {
    color: #ff396c;
}

.compliance_legal_doc-infos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #c1c1c1;
    margin-top: 20px;
    padding-top: 20px;
}

.txt-encours {
    color: #ffcc7c;
    padding-right: 5px;
}

.txt-validation {
    color: #1fde91;
    padding-right: 5px;
}

.myprofile .card .avatar {
    width: 130px;
    margin-bottom: 10px;
}


.myprofile .avatar .dropify-wrapper {
    border-radius: 100%;
    height: 130px;
}

#searchpanel {
    padding: 20px;
}

.etiquette {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
}

.border-left-warning {
    border-left: .25rem solid #ff9800 !important;
}

.border-left-info {
    border-left: .25rem solid #0bb2d4 !important;
}

.border-left-success {
    border-left: .25rem solid #11c26d !important;
}

.border-left-primary {
    border-left: .25rem solid #3e8ef7 !important;
}

.border-left-danger {
    border-left: .25rem solid #ff4c52 !important;
}

.border-left-default {
    border-left: .25rem solid #757575 !important;
}

.panel-heading {
    /* background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;*/
    border-bottom: 0 !important;
}

.table thead:first-child th {
    font-weight: 600 !important;
}

.panel-title {
    padding: 15px 30px !important;
    font-size: 16px !important;
}

.panel > .table-responsive {
    margin-top: 10px;
}
/*.panel-body {
    margin-top: 20px;
}*/

.c3-chart-arcs-title {
    font-size: 30pt !important;
}

.scrollhdiv {
    overflow: auto;
    white-space: nowrap;
}

.hachure {
    background-color: gray;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.badge-ferie {
    color: #fff;
    background-color: gray;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.badge-realise {
    color: #fff;
    background-color: green;
    background-image: repeating-linear-gradient(-90deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.title-realise {
    color: #fff !important;
    background-color: green !important;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px) !important;
}

.dropzone-site {
    min-height: 250px;
    border: 2px dashed #4d8bdc;
    border-radius: 5px;
    background: white;
}

.dropzone .dz-message {
    padding: 54px 54px;
    font-size: 14pt;
    font-weight: 500;
}

.member-list {
    list-style: none;
}

    .member-list li:hover {
        border-color: #eaedf1;
        background-color: #fff;
    }

    .member-list li:last-child {
        border-bottom: 1px solid #f9fafb;
    }

    .member-list li {
        border-top: 1px solid #f9fafb;
        padding: 6px 8px;
        cursor: pointer;
    }

.member-avatar {
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #555759;
    background-color: rgba(0,0,0,.05);
    position: relative;
}

body {
    font-family: Montserrat;
    font-weight: 400;
}

h2.bdes {
    font-size: 16pt;
    font-weight: 600;
}

h3.bdes {
    font-size: 14pt;
    padding-left: 8px;
}

h4.bdes {
    font-size: 12pt;
    padding-left: 15px;
}

h5.bdes {
    font-size: 12pt;
    padding-left: 20px;
}

.no-border {
    border: 0;
}

.dx-datagrid-header-panel {
    border-bottom: 0 !important;
}

.dx-datagrid-pager {
    border-top: 0 !important;
}

tr.dx-header-row {
    font-weight: 600;
    color: dimgrey;
}

.dx-drawer-content {
    /*min-height: calc(100vh - 110px);*/
}

.dx-drawer-panel-content {
    z-index: 501;
}

.dx-overlay-content {
    -webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,.08);
    box-shadow: -5px 0px 5px 0px rgba(0,0,0,.08);
}

.leftliste {
    float: left;
    width: 330px;
    padding: 20px;
    margin-right: 30px;
}

.rightliste {
    overflow: hidden;
}

.dx-scheduler .dx-scheduler-appointment-content-details .dx-scheduler-appointment-content-date {
    line-height: 1;
}
/*#scheduler .dx-scheduler-cell-sizes-horizontal {
    width: 50px;
}*/

.ligne {
    height: 1px;
    background-color: #eee;
}

.ligneh {
    border-left: 1px solid #eee;
}

.panel-bordered {
    -webkit-box-shadow: 0px 0px 15px -5px rgba(170,170,170,0.65);
    -moz-box-shadow: 0px 0px 15px -5px rgba(170,170,170,0.65);
    box-shadow: 0px 0px 15px -5px rgba(170,170,170,0.65);
}

.panelblock-bt {
    border-top: 3px solid #589FFC;
}

.breadcrumb {
    font-size: 12px;
}

.etiquette {
    padding: 1px 4px 1px 4px;
    font-size: 80%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    border: 2px solid #bd6053;
    color: #bd6053;
    font-weight: 700;
    margin-right: 1px;
    margin-left: 1px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ColorPicker-cellsContainer {
    display: flex;
    flex-wrap: wrap;
    margin: -2px;
}

.ColorPickerCell--colorNone {
    background-color: #f6f8f9;
    border: 1px solid #e8ecee;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    fill: currentColor;
}

.ColorPickerCell--colorRed:hover, .ColorPickerCell--colorRed.ColorPickerCell--radioFocused {
    background-color: #e5213b;
}

.ColorPickerCell--colorOrange:hover, .ColorPickerCell--colorOrange.ColorPickerCell--radioFocused {
    background-color: #fd4e13;
}

.ColorPickerCell--colorYellowOrange:hover, .ColorPickerCell--colorYellowOrange.ColorPickerCell--radioFocused {
    background-color: #e48a00;
}

.ColorPickerCell--colorYellow:hover, .ColorPickerCell--colorYellow.ColorPickerCell--radioFocused {
    background-color: #d5ae00;
}

.ColorPickerCell--colorYellowGreen:hover, .ColorPickerCell--colorYellowGreen.ColorPickerCell--radioFocused {
    background-color: #94ba2b;
}

.ColorPickerCell--colorGreen:hover, .ColorPickerCell--colorGreen.ColorPickerCell--radioFocused {
    background-color: #4ecc5d;
}

.ColorPickerCell--colorBlueGreen:hover, .ColorPickerCell--colorBlueGreen.ColorPickerCell--radioFocused {
    background-color: #31b19a;
}

.ColorPickerCell--colorAqua:hover, .ColorPickerCell--colorAqua.ColorPickerCell--radioFocused {
    background-color: #159ddc;
}

.ColorPickerCell--colorBlue:hover, .ColorPickerCell--colorBlue.ColorPickerCell--radioFocused {
    background-color: #2b78dc;
}

.ColorPickerCell--colorIndigo:hover, .ColorPickerCell--colorIndigo.ColorPickerCell--radioFocused {
    background-color: #6558ee;
}

.ColorPickerCell--colorPurple:hover, .ColorPickerCell--colorPurple.ColorPickerCell--radioFocused {
    background-color: #9e4cdf;
}

.ColorPickerCell--colorMagenta:hover, .ColorPickerCell--colorMagenta.ColorPickerCell--radioFocused {
    background-color: #df4cdf;
}

.ColorPickerCell--colorHotPink:hover, .ColorPickerCell--colorHotPink.ColorPickerCell--radioFocused {
    background-color: #e73790;
}

.ColorPickerCell--colorPink:hover, .ColorPickerCell--colorPink.ColorPickerCell--radioFocused {
    background-color: #fb789a;
}

.ColorPickerCell--colorCoolGray:hover, .ColorPickerCell--colorCoolGray.ColorPickerCell--radioFocused {
    background-color: #7f979b;
}

.ColorPickerCell--colorRed {
    background-color: #e8384f;
    color: #fff;
    fill: currentColor;
    line-height: 18px;
}

.ColorPickerCell--colorOrange {
    background-color: #fd612c;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorYellowOrange {
    background-color: #fd9a00;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorYellow {
    background-color: #eec300;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorYellowGreen {
    background-color: #a4cf30;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorGreen {
    background-color: #62d26f;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorBlueGreen {
    background-color: #37c5ab;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorAqua {
    background-color: #20aaea;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorBlue {
    background-color: #4186e0;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorIndigo {
    background-color: #7a6ff0;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorPurple {
    background-color: #aa62e3;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorMagenta {
    background-color: #e362e3;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorHotPink {
    background-color: #ea4e9d;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorPink {
    background-color: #fc91ad;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.ColorPickerCell--colorCoolGray {
    background-color: #8da3a6;
    color: #fff;
    fill: currentColor;
    line-height: 11px;
}

.None {
    background-color: #f5f5f5;
    color: #f6f8f9;
}

.Red {
    background-color: #ffe8e8 !important;
    color: #e8384f;
}

.Orange {
    background-color: #ffeadb !important;
    color: #fd612c;
}

.YellowOrange {
    background-color: #ffeadb !important;
    color: #fd9a00;
}

.Yellow {
    background-color: #fcffc7 !important;
    color: #eec300;
}

.YellowGreen {
    background-color: #f9ffd6 !important;
    color: #a4cf30;
}

.Green {
    background-color: #daffed !important;
    color: #62d26f;
}

.BlueGreen {
    background-color: #d0f1e9 !important;
    color: #37c5ab;
}

.Aqua {
    background-color: #d0f1e9 !important;
    color: #20aaea;
}

.Blue {
    background-color: #eaf4ff !important;
    color: #4186e0;
}

.Indigo {
    background-color: #f2f2ff !important;
    color: #7a6ff0;
}

.Purple {
    background-color: #f2f2ff !important;
    color: #aa62e3;
}

.Magenta {
    background-color: #ffeffe !important;
    color: #e362e3;
}

.HotPink {
    background-color: #ffeffe !important;
    color: #ea4e9d;
}

.Pink {
    background-color: #ffeffe !important;
    color: #fc91ad;
}

.CoolGray {
    background-color: #f5f5f5 !important;
    color: #8da3a6;
}

.ColorPickerCell {
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
}

.ColorPicker-cell {
    height: 30px;
    margin: 2px;
    width: 40px;
}

.IconPicker-cell {
    height: 40px;
    margin: 2px;
    width: 40px;
}

.GraphPicker-cell {
    height: 80px;
    margin: 5px;
    width: 80px;
}

.PickerSelected {
    border: solid 2px black !important;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #ffffff;
}

@media(min-width: 768px) {
    .css-menubar .site-menubar {
        width: 60px;
    }

    .css-menubar .menulock .site-menubar {
        width: 260px;
    }

    .css-menubar .site-menubar:hover {
        width: 260px;
    }

    .css-menubar .site-menubar #pinmenu {
        display: none;
    }

    .css-menubar .site-menubar:hover #pinmenu {
        display: block;
    }

    .css-menubar .menulock .site-menubar #pinmenu {
        display: block;
    }

    .css-menubar .site-menubar .site-menu > .site-menu-item > a .site-menu-title {
        display: none;
    }

    .css-menubar .site-menubar:hover .site-menu > .site-menu-item > a .site-menu-title {
        display: inline-block;
    }

    .css-menubar .menulock .site-menubar .site-menu > .site-menu-item > a .site-menu-title {
        display: inline-block;
    }

    .css-menubar .page, .css-menubar .site-footer {
        margin-left: 60px;
    }

    .css-menubar .menulock .page, .css-menubar .menulock .site-footer {
        margin-left: 260px;
    }

    .css-menubar .site-menubar:hover .site-menu > .site-menu-item > a {
        padding: 0 30px;
    }

    .css-menubar .menulock .site-menubar .site-menu > .site-menu-item > a {
        padding: 0 30px;
    }

    .css-menubar .site-menubar .site-menu > .site-menu-item > a {
        padding: 0 20px;
    }

    .css-menubar .site-menubar:hover .site-menu-category.show {
        display: inline-block;
    }

    .css-menubar .menulock .site-menubar .site-menu-category.show {
        display: inline-block;
    }

    .css-menubar .site-menubar .site-menu-category {
        display: none;
    }
}


h3 {
    font-weight: 600;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px;
}

.dx-widget {
    font-family: Montserrat;
    
}

.dx-button-mode-contained.dx-button-default {
    background-color: #4361EE !important;
    border-color: #4361EE !important;
    color: #FFFFFF !important;
    height: 30px;
    font-weight: 600;
    font-size: 13px;
}

.dx-button-mode-contained.dx-button-default.dx-state-active {
    background-color: #8ACCFF !important;
    border-color: #8ACCFF !important;
    color: #FFFFFF !important;
}

.dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: #6797F7 !important;
    border-color: #6797F7 !important;
    color: #FFFFFF !important;
}

.dx-button-mode-contained.dx-button-default .dx-icon {
    color: #FFFFFF !important;
}

.dx-button-mode-outlined.dx-button-default {
    background-color: #4361EE !important;
    border-color: #4361EE !important;
    color: #FFFFFF !important;
    height: 30px;
    font-weight: 600;
    font-size: 13px;
}

.dx-button-mode-contained.dx-button-success {
    height: 30px;
    font-weight: 600;
    font-size: 13px;
}

.dx-button-mode-outlined.dx-button-default.dx-state-active {
    background-color: #8ACCFF !important;
    border-color: #8ACCFF !important;
    color: #FFFFFF !important;
}

.dx-button-mode-outlined.dx-button-default.dx-state-hover {
    background-color: #6797F7 !important;
    border-color: #6797F7 !important;
    color: #FFFFFF !important;
}

.dx-button-mode-outlined.dx-button-default .dx-icon {
    color: #FFFFFF !important;
}


.dx-button-mode-outlined.dx-button-normal {
    background-color: transparent;
    border-color: #4361EE !important;
    border-width:2px;
    color: #4361EE !important;
    height: 30px;
    font-weight: 600;
    font-size: 13px;
}

    .dx-button-mode-outlined.dx-button-normal.dx-state-active {
        /* background-color: #8ACCFF !important;*/
        border-color: #8ACCFF !important;
        color: #8ACCFF !important;
    }

    .dx-button-mode-outlined.dx-button-normal.dx-state-hover {
        /*background-color: #6797F7 !important;*/
        border-color: #6797F7 !important;
        color: #6797F7 !important;
    }

    .dx-button-mode-outlined.dx-button-normal .dx-icon {
        color: #6797F7 !important;
    }

.dx-overlay-modal .dx-popup-title.dx-toolbar {
    background-color: #4361EE;
    color: #FFFFFF;
}

    .dx-overlay-modal .dx-popup-title.dx-toolbar .dx-toolbar-item .dx-widget, .dx-overlay-modal .dx-popup-title.dx-toolbar .dx-toolbar-item .dx-icon {
        color: #FFFFFF;
    }

.dx-texteditor.dx-editor-outlined {
    background: #fff;
    border: 2px solid #DBE8F2;
    border-radius: 6px;
    min-height: 32px;
}

    .dx-texteditor.dx-editor-outlined.dx-state-hover {
        border: 2px solid #8ACCFF;
    }

    .dx-texteditor.dx-editor-outlined.dx-state-focused {
        border: 2px solid #337AB7;
    }

/*Nouveau design*/
.panel-actions {
    padding-top: 30px;
}
.dx-datagrid {
    background-color: transparent;
}

    .dx-datagrid .dx-row > td {
        border-right: none;
    }

.dx-toolbar {
    background-color: transparent;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
    border-left: none;
    border-radius: 0;
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row:not(:first-child) > td, .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > tr:not(:first-child) > td {
    border-top: 1px solid #dddddd;
}

.dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > td.bold, .dx-datagrid-rowsview .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.bold {
    font-weight: 700;
}

.dx-datagrid-rowsview .dx-row {
    background-color: transparent;
    line-height: 28px;
    outline:0;
}


.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    /* background-color: #ffffff;
    border-top: 1px solid #4361ee;
    border-bottom: 1px solid #4361ee;
    color: #000;*/
    background-color: #ffffff;
    color: #000;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:first-child, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    /*border-left: 5px solid #4361ee;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;*/
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:last-child, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    /*border-right: 1px solid #4361ee;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
}

.dx-datagrid-content .dx-datagrid-table {
    border-spacing: 0;
}

.icon-action {
    color: transparent;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td.icon-action-delete, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    color: red;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td.icon-action-standard, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  /*  color: #4361ee;*/
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).icon-action-delete {
    color: red;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).icon-action-standard {
 /*   color: #4361ee;*/
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    /* background-color: #ffffff;
    border-top: 1px solid #4361ee;
    border-bottom: 1px solid #4361ee;
    color: #000;*/
    background-color: #efefef;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: #000;
}

    .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused):first-child {
        /*border-left: 5px solid #25ffb6;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;*/
    }

    .dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused):last-child {
        /*border-right: 1px solid #4361ee;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;*/
    }

.etiquette {
    background: #f1f9ff;
    padding: 3px 7px 3px 7px;
    font-size: 80%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    border: 1px solid #8accff;
    color: #4361ee;
    font-weight: 400;
    margin-right: 1px;
    margin-left: 1px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dx-searchbox .dx-icon-search {
    right: 6px;
    pointer-events: none;
}

.dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before {
    padding-left: 8px;
    padding-right: 68px;
}

.dx-datagrid-search-panel {
    margin: 0;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 20px;
}


.page {
    background: transparent;
}

.panel {
    border-radius: 10px;
}

.mainclass {
    /* background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #f1f4f5 100%);*/
    /*background-image: linear-gradient(to bottom, #F5FAF0 0%, #F3F5F5 50%, #EEEDFD 100%);*/
    background-image: linear-gradient(to left, #ecf1f9 0%, #e8eff5 100%);
}

.mainclasslinear {
    background-image: linear-gradient(to bottom, #F5FAF0 0%, #F3F5F5 50%, #EEEDFD 100%);
}

.mainclassradial {
    background-image: radial-gradient(#F1F9FE,#D4EEF0,#DCE5F4,#DFEEF9);
}

.dx-datagrid-headers {
    background: #758cbe;
    border-radius: 10px;
    margin-bottom: 20px;
}

tr.dx-header-row {
    font-weight: 600;
    color: white;
}

.dx-datagrid-rowsview .dx-row {
    background-color: white;
    line-height: 28px;
}

.dx-datagrid-rowsview {
    background-color: white;
    border-radius: 10px;
}
/*.dx-datagrid-headers {
    margin-left: 10px;
    margin-right: 10px;
}*/
.dx-datagrid-content {
    margin-left: 10px;
    margin-right: 10px;
}

.dx-datagrid-headers .dx-row {
    /*background-color: #758cbe;*/
    line-height: 28px;
    /*border-radius: 10px;*/
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-headers .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: #758cbe;
}


.indw .button-widget {
    display: none;
}

.indw:hover .button-widget {
    display: block;
}

.dx-treelist-search-panel {
    margin: 0;
}

.dx-treelist-header-panel .dx-toolbar {
    margin-bottom: 20px;
}


.dx-treelist-headers {
    background: #758cbe;
    border-radius: 10px;
    margin-bottom: 20px;
}


.dx-treelist-rowsview .dx-row {
    background-color: white;
    line-height: 28px;
}

.dx-treelist-rowsview {
    background-color: white;
    border-radius: 10px;
}
/*.dx-treelist-headers {
    margin-left: 10px;
    margin-right: 10px;
}*/
.dx-treelist-content {
    margin-left: 10px;
    margin-right: 10px;
}

.dx-treelist-headers .dx-row {
    /*background-color: #758cbe;*/
    line-height: 28px;
    /*border-radius: 10px;*/
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
    background-color: transparent;
}

.dx-treelist .dx-treelist-headers .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
    background-color: #758cbe;
}
/*.panel-body 
{
    padding: 0;
}*/

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 0;
    font-weight: 400;
    text-transform:uppercase;
}
.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0;
}
.dx-datagrid-scroll-container {
   width: unset;
}

.dx-treelist-container
{
    background-color:transparent;
}

.dx-texteditor-container
{
    padding-top:2px;
}
.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 3px 3px 3px;
}
.dx-datagrid-filter-row .dx-editor-container {
    margin-right: 3px;
}
.dx-header-filter.dx-header-filter-empty {
    color: white;
    font-size: 10px;
    margin-left: 1px;
}

.bold
{
    font-weight:700;
}
.souligne {
    text-decoration: underline;
}

.soulignelink {
    text-decoration: underline;
    cursor: pointer;
}


.skeleton:empty {
    margin: auto;
    width: 500px;
    height: 600px; /* change height to see repeat-y behavior */
    background-image: radial-gradient( circle 50px at 50px 50px, lightgray 99%, transparent 0 ), linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 ), linear-gradient( lightgray 20px, transparent 0 );
    background-repeat: repeat-y;
    background-size: 100px 200px, /* circle */
    50px 200px, /* highlight */
    150px 200px, 350px 200px, 300px 200px, 250px 200px;
    background-position: 0 0, /* circle */
    0 0, /* highlight */
    120px 0, 120px 40px, 120px 80px, 120px 120px;
    animation: shine 1s infinite;
}

@keyframes shine {
    to {
        background-position: 0 0, 100% 0, /* move highlight to right */
        120px 0, 120px 40px, 120px 80px, 120px 120px;
    }
}

.site-menubar {
    box-shadow: 0 5px 5px rgb(0 0 0 / 35%);
}
.site-navbar {
    box-shadow: 0 0 5px rgb(0 0 0 / 35%);
}
.breadcrumb {
    background-color: transparent;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    font-size: 13px;
    font-weight:500;
}
    .breadcrumb > li {
        display: inline-block;
    }
    .breadcrumb a {
        color: #212121;
        opacity: .5;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        transition: 0.3s ease;
    }

    .breadcrumb a, .breadcrumb span {
        text-transform: capitalize;
        text-decoration: none;
    }

    .breadcrumb > li + li::before {
        color: #212121;
        opacity: .5;
        font-family: 'boxicons' !important;
        content: "\ec8f";
        padding: 0 9px;
    }