.auth .brand-logo img {
    max-width: 100%;
}


/* generique */

.d-flex-noimp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ff85b3), to(#ff6741)) !important;
    background: linear-gradient(to right, #ff85b3, #ff668f) !important;
}

.bg-green {
    background: #2dcd07 !important;
}

.bg-red {
    background: #d00707 !important;
}

.text-green {
    color: #2dcd07 !important;
}

.text-red {
    color: #d00707 !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.border-none {
    border: none !important;
}

.agenceColmar {
    background: #fe7b96;
}

.agenceNancy {
    background: #dbdf00;
}

.agence54 {
    background: #fea57b;
}

.agenceStrasbourg {
    background: #188ae3;
}

.text-agenceColmar {
    color: #fe7b96;
}

.text-agenceStrasbourg {
    color: #188ae3;
}

.btn {
    cursor: pointer;
}

.zindex-1 {
    z-index: 1;
}

.cursor-pointer {
    cursor: pointer;
}

.likeformatresume,
.formatresume {
    padding: 0.2rem 0;
    display: flex;
    line-height: 30px;
    flex-wrap: wrap;
    list-style-type: square;
    list-style-position: inside;
    padding-left: 30px;
}

.formatresume.onrow {
    flex-direction: column;
}

.formatresume.onrow:before {
    position: absolute;
}

.labelresume {
    color: #56606e;
    margin-right: 10px;
    font-family: "ubuntu-medium", sans-serif;
    font-size: 1.12em;
    letter-spacing: -0.03em;
    /* white-space: nowrap; */
}

.valueresume {
    color: #778aa2;
    white-space: pre-line;
    padding: 0 2px;
}

.editable {
    cursor: pointer;
    line-height: 1.3rem;
    border-bottom: 1px dashed #778aa2;
}

.editable:hover {
    border-bottom: 1px dashed #00a1ff;
}

.list-ticked li.formatresume:before,
.list-arrow li.formatresume:before,
.list-star li.arboresume:before {
    width: 13px;
}

.list-success li:before {
    color: #1bcfb4 !important;
}

.list-danger li:before {
    color: #fe7b96 !important;
}

.list-primary li:before {
    color: #b56dff !important;
}

.list-secondary li:before {
    color: #c3bdbd !important;
}

.list-warning li:before {
    color: #fed713 !important;
}

.list-info li:before {
    color: #188ae3 !important;
}

.xedit {
    display: inline-table;
    margin: 5px 0;
}

.xedit:hover {
    border-bottom: 1px dashed #00a1ff;
}

.form-control.input-large {
    width: 100%;
    display: block;
}

.editable-container.editable-inline,
.editable-container.editable-inline div {
    /* min-width: 400px; */
}

#zonetodo .editable-container.editable-inline,
#zonetodo .editable-container.editable-inline div {
    width: 100%;
}

.btn.disabled,
.btn:disabled,
.btn.disabledbymap {
    cursor: not-allowed;
    /* pointer-events: none; */
}

.emptydisabled,
.selectrecodisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

textarea.disabled {
    background: #f0f0f0;
    pointer-events: none;
    cursor: not-allowed;
}

input.disabled,
select.disabled {
    background: #f0f0f0;
    pointer-events: none;
    cursor: not-allowed;
}

.wrapper .form .row {
    margin: 0;
    width: 100%;
}

label.error {
    color: #F00;
}

label.required {
    position: relative;
}

label.required:after {
    content: "*";
    color: #f00;
    font-weight: bold;
    position: absolute;
    width: 30px;
    height: 30px;
    /* top:0; */
    margin-left: 7px;
}

label.required.norequire:after {
    display: none;
}

.select2-selection {
    border: 1px solid #ebedf2!important;
    
}

.form-select2 .select2-selection,
.form-select2 .select2-selection__arrow {
    height: 46px !important;
}

.form-select2 .select2-selection__rendered,
.form-select2 .select2-selection__arrow{
    line-height: 46px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#999;
}

.select2-selection__choice {
    border: none !important;
    color: #fff;
    background-color: #ff668f!important;
}

.select2-selection__choice__remove {
    color: #fff!important;
    margin-right: 7px!important;
}

.noverflow {
    overflow: initial !important;
}

.alert {
    font-size: 0.875rem;
}

.alert-fill-danger {
    color: #ffffff;
    background-color: #fe7c96;
    border-color: #fe7c96;
}

.alert-fill-warning {
    color: #ffffff;
    background-color: #fed713;
    border-color: #fed713;
}

.alert-fill-info {
    color: #ffffff;
    background-color: #198ae3;
    border-color: #198ae3;
}

.alert-fill-success {
    color: #ffffff;
    background-color: #1bcfb4;
    border-color: #1bcfb4;
}

.alert-fill-primary {
    color: #ffffff;
    background-color: #b66dff;
    border-color: #b66dff;
}

.infoclientbloc {
    background: #e8eef3;
}

.infocontratbloc {
    background: #fff1f5;
}


/* scrollbar */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #847388;
}

::-webkit-scrollbar-thumb {
    background: #b66dff;
}

::-webkit-scrollbar-thumb:hover {
    background: #da8cff;
}

.ui-widget {
    background: #9a55ff;
    border: none;
    border-radius: 0;
}

.ui-widget[role='dialog'] {
    border: none;
}

.ui-widget[role='dialog'] .ui-dialog-content {
    color: #fff;
    font-family: 'ubuntu-bold';
    font-size: 16px;
}

.ui-widget[role='dialog'] .ui-dialog-titlebar {
    display: none;
}

.ui-widget[role='dialog'] .ui-widget-content {
    background: none;
    border: none;
}

.ui-widget[role='dialog'] .ui-dialog-buttonpane button {
    background: #fff;
    border: none;
    padding: 0.3rem 1.2rem;
    color: #9a55ff;
}

.ui-widget[role='dialog'] .ui-dialog-buttonpane button:hover {
    color: #333;
}

.ui-widget[role='dialog'] .ui-icon {
    background-image: none!important;
}

.ui-datepicker {
    padding: 0;
}

.ui-dialog {
    z-index: 1050 !important;
}

.ui-widget-overlay {
    background: #1b1b1b !important;
    opacity: 0.75;
}

.ui-datepicker-header {
    border: none;
    background: #7531d8;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 22px;
    width: 22px;
    margin: 2px;
}

.ui-widget-header .ui-icon-circle-triangle-w {
    background-image: url(/assets/images/arrow_l.svg);
    background-position: center;
}

.ui-widget-header .ui-icon-circle-triangle-e {
    background-image: url(/assets/images/arrow_r.svg);
    background-position: center;
    background-size: 100%;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #cfafff;
    border: none!important;
}

.ui-datepicker table {
    margin: 0;
    background: #d6d6d6;
    border: 1px solid #7531d8;
}

.ui-datepicker th {
    color: #dbc7f9;
    font-size: 9px;
    text-transform: uppercase;
    background: #9a55ff;
}

.ui-datepicker td {
    border-top: 1px solid #7531d8;
    border-right: 1px solid #7531d8;
    padding: 0;
    background: #eee;
}

.ui-datepicker td:last-child {
    border-right: none;
}

td .ui-state-default {
    border: none !important;
    text-align: center !important;
    margin: 0;
    font-size: 12px;
    font-weight: bold !important;
    color: #7531d8!important;
    letter-spacing: -0.05em;
    padding: 8px 0px!important;
}

td.ui-state-disabled .ui-state-default {
    background: #666;
    color: #ccc;
    text-shadow: none;
}

td .ui-state-hover {
    background-color: #cfafff!important;
}

td .ui-state-active {
    background: #9a55ff!important;
    color: #fff!important;
    box-shadow: none;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
    background: #333;
    color: #fff;
    margin: 0;
    padding: 7px 10px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0;
    border-top: 1px solid #bf94ff;
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0px 0 0 5px;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    border: none;
    font-size: 13px;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: none;
    color: inherit;
    border: none;
    outline: none;
    border-bottom: solid 1px #555;
    width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
    direction: rtl;
}

.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
    float: right;
    clear: right;
}

.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px;
}

.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
    display: inline-block;
    margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content: ':';
    display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display: none;
}

.ui-timepicker-select {
    border: none;
    padding: 0px 3px;
    border-radius: 2px;
    margin: 0 0px;
}

.ui_tpicker_second_label,
.ui_tpicker_second_label_label,
.ui_tpicker_millisec,
.ui_tpicker_millisec_label,
.ui_tpicker_microsec,
.ui_tpicker_microsec_label,
.ui_tpicker_timezone,
.ui_tpicker_timezone_label {
    display: none !important;
}


/*tooltip*/

.cktooltip {
    position: relative;
    cursor: pointer;
}

.ckinfotooltip {
    position: absolute;
    top: 0px;
    left: -20px;
    min-width: 200px;
    padding: 10px;
    background: #222222ba;
    margin: 1vmin 2vmin 2vmin 2vmin;
    border-radius: 6px;
    box-shadow: 0px 1px 2px -2px #00000077;
    border-radius: 3px;
    color: #ddd;
    font-size: 12px;
    z-index: 999;
    /*white-space: pre;*/
    max-width: 300px;
    white-space: normal;
    line-height: 140%;
    z-index: 99999;
}

.dropdown .dropdown-menu {
    /* margin-top: 80px; */
}

.cktooltip.primary .ckinfotooltip {
    background: #b56dff;
    text-align: left;
    color: #fff;
    box-shadow: none;
}

.cktooltip.info .ckinfotooltip {
    background: #188ae3;
    text-align: left;
    color: #fff;
    box-shadow: none;
}

.cktooltip.danger .ckinfotooltip {
    background: #fe7b96;
    text-align: left;
    color: #fff;
    box-shadow: none;
}

.cktooltip.warning .ckinfotooltip {
    background: #fed713;
    text-align: left;
    color: #fff;
    box-shadow: none;
}


/**
*  Nestable css
*/

.dd.nestable {
    background: #f7f7f7;
    height: 100%;
    width: 100%;
    margin: 0 0px;
    padding: 10px 70px 10px 10px;
    border: 1px dashed #188ae3;
    box-shadow: inset 3px 5px 9px -2px #0d314c36;
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #dedede;
    background: #f3f3f3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-item[data-type="conteneur"]>.dd-handle {
    background: #dbe9ff;
}

.dd-item[data-type="boolean"]>.dd-handle {
    background: #ffe9db;
}

.dd-item[data-type="file"]>.dd-handle {
    background: #fffbd1;
}

.dd-item[data-type="date"]>.dd-handle {
    background: #e7ffdb;
}

.dd-item[data-type="action"]>.dd-handle {
    background: #efdbff;
}

.dd-item[data-type="action"][data-action^="$Notif"]>.dd-handle {
    background: #ebebeb;
    color: #c6530d;
}

.dd-item[data-type="action"] .poleinfo,
.dd-item[data-type="action"] .userinfo {
    display: none;
}

.dd-item .dd-handle:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 18px;
    float: left;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.dd-item[data-type="conteneur"]>.dd-handle:before {
    content: "\f187";
}

.dd-item[data-type="boolean"]>.dd-handle:before {
    content: "\f205";
}

.dd-item[data-type="date"]>.dd-handle:before {
    content: "\f073";
}

.dd-item[data-type="file"]>.dd-handle:before {
    content: "\f15b";
}

.dd-item[data-type="action"]>.dd-handle:before {
    content: "\f058";
}

.dd-item[data-type="action"][data-action^="$Notif"]>.dd-handle:before {
    content: "\f0f3";
    color: #c6530d;
}

.dd-item .dd-handle:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 18px;
    float: right;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.dd-item[data-condition="0"]>.dd-handle:after {
    content: "\f0c6";
}

.dd-item[data-condition="1"]>.dd-handle:after {
    content: "\f148";
}

.dd-item[data-condition="2"]>.dd-handle:after {
    content: "\f103";
}

.dd-item[data-type="action"]>.dd-handle:after {
    content: "";
}

.dd-handle:hover {
    color: #2ea8e5;
    background: #fff;
}

.poleinfo {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: -0.05em;
    padding: 2px 4px;
    margin-right: 5px;
    background: #000;
    color: #ffdf66;
    border-radius: 4px;
}

.userinfo {
    font-size: 10px;
    letter-spacing: -0.05em;
    padding: 2px 4px;
    margin-right: 5px;
    background: #ff6666;
    color: #fff;
    border-radius: 4px;
}

.dd-item>button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 30px;
    height: 20px;
    margin: 5px 0;
    padding: 0!important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0 !important;
    background: transparent;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    outline: none;
}

.dd-item>button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center;
    text-indent: 0;
    background-color: #ffffff;
    font-size: 15px;
    color: #425fa6;
    line-height: 18px;
    opacity: 1;
    border-radius: 4px;
    left: 4px;
    top: 0;
    border: 1px solid #425fa6;
}

.dd-item>button[data-action="collapse"]:before {
    content: '-';
}

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    /* min-height: 100px; */
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    display: none;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
}


/*
* Nestable++
*/

.dd-collapsed .dd-collapse {
    display: none;
}

.dd-expand {
    display: none !important;
}

.dd-collapsed .dd-expand {
    display: block !important;
}

.deleteitem {
    position: absolute;
    top: 7px;
    right: -54px;
}

.edititem {
    position: absolute;
    top: 8px;
    right: -33px;
}

.deleteitem:hover,
.edititem:hover {
    color: #f00;
    cursor: pointer;
}

.edititem:before,
.deleteitem:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 18px;
    float: left;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.edititem:before {
    content: "\f044";
}

.deleteitem:before {
    content: "\f1f8";
}

.card-dropdown {
    min-width: 340px;
    width: 100%;
    max-width: 700px;
}

.tabiconoption {
    width: 60px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}

.tabiconoption .btn {
    min-width: inherit;
    padding: 10px;
}

.tabiconoption .btn.select {
    margin-left: 5px;
}

.errordownload{
    background:#d52424
}

.waiting,.waiting:hover,.waiting:active,.waiting:focus{
    pointer-events:none !important;
    position:relative !important;
    background:#7a93b1 !important;
}

.currentdownload{
    pointer-events:none;
    position:relative;
    background:#7a93b1
}
#downloadAll.onAjax{
    display:none;
}


#abortAjax{
    display:none;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
    border-radius:3px;
    background: linear-gradient(90deg, #ffd33d, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff);
    background-size: 300% 100%;
    -webkit-animation: progress-animation 2s linear infinite;
    animation: progress-animation 2s linear infinite;
}

#abortAjax.onAjax{
    display: inline-block;
}

.currentdownload:before{
  content:"";
  display:block;
  height:2px;
  position:absolute;
  z-index:9999;
  width:100%;
  top:0;
  left:0;
  background: linear-gradient(90deg, #ffd33d, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff);
  background-size: 300% 100%;
  -webkit-animation: progress-animation 2s linear infinite;
          animation: progress-animation 2s linear infinite;
}


@-webkit-keyframes progress-animation {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: 0;
  }
}

@keyframes progress-animation {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: 0;
  }
}


.listelem .thid,
.listelem .tdid {
    width: 50px;
    padding-left: 5px;
    padding-right: 5px;
}

.listelem .thname,
.listelem .tdname {
    max-width: 150px;
    min-width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
    line-height: 140%;
}

.tddescription {
    max-width: 150px;
    white-space: normal !important;
    font-size: 70% !important;
}

.labelinline {
    color: var(--gray-light);
}

.affichalert {
    font-size: 1rem;
}

.affichalert .alert {
    margin-bottom: 10px;
    width: 100%;
}

.affichalert .alert:last-child {
    margin-bottom: 0;
}

#proBanner {
    position: fixed;
    right: 1rem;
    top: 90px;
    z-index: 999;
    width: 100%;
    max-width: 430px;
}

#bannerClose {
    cursor: pointer;
    margin-top: 0;
}

.listelem {
    max-width: 100%;
    overflow-x: hidden;
    overflow-Y: hidden;
}

#editinputhelptask,
#addinputhelptask {
    font-size: 1rem;
    border: 1px solid #eee;
    margin: 10px 0 0 0;
    padding: 15px 10px;
}

div.dataTables_length select {
    width: 60px !important;
}

table.dataTable {
    width: 100% !important;
}


.contentcell {
    white-space: pre-line;
    line-height: 140%;
    max-height: 150px;
    overflow: auto;
}

.page-item.active .page-link {
    background-color: #a9b3bd;
    border-color: #a9b3bd;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 130px;
}

div.dataTables_wrapper .row {
    padding: 0;
    margin: 0;
}

div.dataTables_wrapper .hasemptycol {
    font-style: italic;
    color: #f00;
}

div.dataTables_wrapper .tdtext {
    white-space: normal;
}

div.dataTables_wrapper .form-check {
    margin-top: -7px;
    margin-left: 13px;
    background: #f00;
}

div.dataTables_wrapper .datatable th,
div.dataTables_wrapper .datatable td {
    padding: 12px 17px 12px 2px !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 10px !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 5px !important;
}

table.dataTable td.tabrespbt,
table.dataTable th.tabrespbt{
    padding: 14px!important;
}

.dataTables_paginate{
    margin-bottom: 10px;
}
.dataTables_paginate .paginate_button{
    padding: 5px 10px!important;
}
.dataTables_paginate .paginate_button.current{
    background: #fff!important;
    border: 1px solid #b66dff!important;
}
.dataTables_paginate .paginate_button:hover{
    background: #b66dff!important;
    border: 1px solid #363636!important;
    color:#fff!important;
}


table.dataTable thead th, table.dataTable thead td{
    border: none;
    color: #333;
    font-family: "ubuntu-light", sans-serif;
    font-size: 80%;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    background-color: #9133df;
}

table.dataTable.no-footer{
    border-bottom: 1px solid rgb(214, 214, 214);
}


.activeonoff.actif-1{
    color:#0d0;
}

.activeonoff.actif-0{
    color:#f73030;
}


.getstrategie {
    color: #188ae3;
    font-size: 13px;
    text-decoration: underline;
    letter-spacing: -0.02em;
}

.etatarticle0 {
    color: #afa5a5;
    font-size: 90%;
}

.etatarticle1 {
    color: #fed713;
}

.etatarticle2 {
    color: #b56dff;
}

.etatarticle3 {
    color: #89c4f2;
}

.etatarticle4 {
    color: #198ae3;
}

.etatarticle5 {
    color: #fe9966;
}

.etatarticle6 {
    color: #1bcfb4;
}

.etatarticle7 {
    color: #ff1884;
}

.etatarticle8 {
    color: #ec2121;
}

.bg-etatarticle7 {
    background: #ff1884;
}

.bg-etatarticle8 {
    background: #ec2121;
}

.toggleOpenClose {
    margin-top: -34px;
    cursor: pointer;
}

.toggleOpenClose:hover {
    background: #f6f4f7;
    color: #b874ff;
}


/* 
CHECK FOR RESPONSIVE
.sidebar>.nav {
    position: fixed;
} */

@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        z-index: 1000;
    }
}

@media (min-width: 992px) {
    body.sidebar-icon-only .sidebar .nav {
        width: 70px;
    }
    .sidebar-icon-only .sidebar .sidebar-actions {
        display: block;
    }
    .sidebar-icon-only .sidebar .sidebar-actions .btn {
        font-size: 0px;
        margin: 0 0.5rem;
        padding: 12px 0;
        width: initial;
    }
    .sidebar-icon-only .sidebar .sidebar-actions .btn:before {
        content: "+";
        display: block;
        font-size: 1rem;
    }
}

.card-number-min {
    font-size: 12px;
    float: right;
    padding: 2px 5px;
}

.card-number {
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    margin: -3.5rem 0 0 -3.5rem;
}


/*PROJET PAGE*/

.projet {}

.projet.min {
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 5px;
    /* border-bottom: 1px dashed #ccc; */
    position: relative;
}

.projet.min:hover {
    /* background: #f5eeff; */
}

.projet.min:before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: -11px;
    left: 0;
    background-image: linear-gradient(to right, #dcdcdc 80%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 13px 1px;
    background-repeat: repeat-x;
}

.projet.min:first-child:before {
    display: none;
}

.projet.min:last-child {
    margin-bottom: 0;
}

.projet.max {}

.prionum0 {
    background: #009688;
}

.prionum1 {
    background: #8BC34A;
}

.prionum2 {
    background: #CDDC39;
}

.prionum3 {
    background: #FFC107;
}

.prionum4 {
    background: #e27755;
}

.prionum5 {
    background: #fe7b96;
}

.projet .contentprojet {}

.projet .contentprojet .nameprojet {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #444;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    margin-left: 6px;
    padding-top: 3px;
    padding-bottom: 2px;
}

.projet .contentprojet .description {
    font-size: 11px;
    color: #777;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    margin-left: 6px;
}

.projet .footerprojet {
    margin-bottom: -33px;
    margin-top: 11px;
    font-size: 10px;
    /* line-height: 6px; */
    color: #4a4a4a;
}

.projet .footerprojet .elemproj {
    text-align: center;
}

.projet .footerprojet .elemdate {}

.projet .footerprojet i.mdi {
    font-size: 22px;
    margin-bottom: -13px;
    background: #fff;
    border-radius: 50%;
    padding: 1px 3px;
    border-top: 1px solid #c7c7c7;
}

.projet .footerprojet .daterecorded i.mdi {
    color: #f9941a;
}

.projet .footerprojet .datestartprod i.mdi {
    color: #8bc34a;
}

.projet .footerprojet i.mdi.priodate1 {
    color: #009688;
}

.projet .footerprojet i.mdi.priodate2 {
    color: #8BC34A;
}

.projet .footerprojet i.mdi.priodate3 {
    color: #CDDC39;
}

.projet .footerprojet i.mdi.priodate4 {
    color: #FFC107;
}

.projet .footerprojet i.mdi.priodate5 {
    color: #e27755;
}

.projet .footerprojet i.mdi.priodate6 {
    color: #fe7b96;
}

.elem-stepboard {}

.name-elem-stepboard {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.content-elem-stepboard {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
}

.nbrcountproj {
    font-size: 75%;
    float: right;
}

.timelineprojet {
    /* width: 100%; */
    /* overflow: auto; */
}

.stepprojet {
    width: calc((100% / 9) - 5px);
    min-width: 260px;
    margin-right: 5px;
}

.stepprojet:last-child {
    margin-right: 0;
}

.card .card-body-min {
    padding: 0.5rem 1rem;
}

.card-body-min {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card .card-title-min {
    color: #343a40;
    margin-bottom: 0.75rem;
    text-transform: capitalize;
    font-family: "ubuntu-medium", sans-serif;
    font-size: 15px;
    letter-spacing: -0.02em;
}

#sortproj #filterprojet {
    width: 200px;
}

#sortproj .form-group {
    margin: 0;
}

#sortproj i.mdi {
    font-size: 25px;
    color: #888;
    line-height: 45px;
    margin-right: 1rem;
}

#sortproj label {
    margin: 0;
    line-height: 3em;
    color: #888;
    margin-right: 1em;
    text-transform: uppercase;
}

.formfilterbyarticle{
    margin: 0;
    line-height: 2.3em;
    color: #888;
    margin-right: 1em;
    text-transform: uppercase;
    font-size: 0.7em;
}

/*TASKPAGE*/

.task.min {
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

.task.min:hover {
    /* background: #f4effd; */
}

.titleUserByPole {
    text-transform: capitalize;
    font-size: 16px;
    color: #ff85b3;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #ff85b3;
    padding-bottom: 2px;
}

.task.max {}

.detailproj .statutprojet .elemproj {
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    padding: 3px 5px;
    margin-right: 5px;
}

.statutprojet .elemproj {
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
}

.detailproj .prioprojet .elemproj {
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    padding: 3px 5px;
    border-radius: 0;
    font-family: "ubuntu", sans-serif;
}

.prioprojet .elemproj {
    padding: 3px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    margin-left: 2px;
    font-family: "ubuntu-bold", sans-serif;
}

.prioprojet .elemproj .ckinfotooltip {
    font-family: "ubuntu", sans-serif;
    font-style: italic;
}

.colorreco0,
.colorreco1,
.colorreco2 {
    font-size: 12px !important;
    font-family: "ubuntu-medium", sans-serif !important;
    letter-spacing: -0.08em;
    padding: 3px 3px !important;
    border-radius: 5px!important;
}

.elemproj.cktooltip.colorreco0 {}

.colorreco0 {
    background: #5953bc;
}

.colorreco1 {
    background: #2bc9c2;
}

.colorreco2 {
    background: #c95093;
}

.contratreco .elemproj {
    padding: 3px 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    margin-left: 2px;
    font-family: "ubuntu-bold", sans-serif;
}

.contratreco .elemproj .ckinfotooltip {
    font-family: "ubuntu", sans-serif;
    font-style: italic;
}

.typeprojet {
    position: relative;
}

.detailproj .typeprojet .elemproj {
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    padding: 3px 5px;
    margin-right: 5px;
}

.typeprojet .elemproj {
    padding: 4px 0px 2px 7px;
    border-radius: 2px;
    color: #000;
    font-size: 24px;
    line-height: 13px;
    /* margin-right: 5px; */
}

.userprojet {
    text-transform: capitalize;
    border-radius: 10px;
    display: flex;
}

.elemtagproj {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    float: left;
    border: 2px solid #fff;
    margin: 2px 0 2px 3px;
}

.userprojet .elemproj {
    padding: 2px 5px 2px 3px;
    font-size: 10px;
    line-height: 13px;
}

.dateproj {
    font-size: 12px;
    letter-spacing: -0.05em;
    padding: 2px 2px;
    border: 1px solid #999;
    border-radius: 2px;
    margin-left: 3px;
    color: #999;
    line-height: 13px;
}

.searchlist .infoclient,
.task .infoclient,
.projet .infoclient {
    color: #5d5d5d;
    position: relative;
    align-items: center;
    row-gap: 10px;
}

.searchlist .infoclient .showdetailprojetsearch,
.searchlist .infoclient .showNotifProjet,
.task .infoclient .showdetailprojet,
.task .infoclient .showNotifProjet,
.projet .infoclient .showdetailprojet,
.projet .infoclient .showNotifProjet,
.projet .infoclient .showTasksProjet {
    padding: 0 6px!important;
}

.task .subinfoclient,
.projet .subinfoclient {
    color: #188ae3;
    font-size: 14px;
    letter-spacing: -0.02em;
    background: #e0e0e0;
    display: flex;
    position: relative;
}

.projet .infoprojet {
    padding: 10px;
}

.projet .infoprojet .useraffectonprojet {
    margin: 0;
    padding: 0 0 8px 0;
    list-style: none;
    font-size: 11px;
    letter-spacing: -0.02em;
}

.projet .infoprojet .useraffectonprojet li {
    margin-right: 15px;
}

.projet .infoprojet .useraffectonprojet .polespan {
    color: #9c63dd;
}

.projet .infoprojet .useraffectonprojet .userspan {
    color: #464646;
}

.projet .infoprojet .form-group {
    margin: 0;
    width: 100%;
}

.projet .dropdown-item {
    cursor: pointer;
}

.projet .dropdown-item:hover,
.projet .dropdown-item:focus {
    background: #b56dff;
    color: #fff;
}

.task .client .societe,
.projet .client .societe {
    margin-right: 6px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 13px;
    letter-spacing: -0.03em;
    border-radius: 2px;
    padding: 2px 5px;
    color: #333333;
    z-index: 3;
}

.task .client .firstname,
.projet .client .firstname {
    margin-right: 0.4rem;
    font-size: 15px;
    font-variant: small-caps;
    z-index: 3;
}

.task .client .lastname,
.projet .client .lastname {
    margin-right: 0.4rem;
    font-size: 15px;
    font-variant: small-caps;
    z-index: 3;
}

.task .client .numclient,
.projet .client .numclient {
    background: #ffffff;
    border-radius: 2px;
    padding: 0px 5px;
    color: #333333;
    font-size: 13px;
    z-index: 3;
}

.searchlist .client .urlprojet,
.task .client .urlprojet,
.projet .client .urlprojet {
    font-size: 13px;
}

.searchlist .client .urlprojet,
.searchlist .client .urlprojet a,
.task .client .urlprojet,
.task .client .urlprojet a,
.projet .client .urlprojet,
.projet .client .urlprojet a {
    color: #3e3e3e;
    letter-spacing: -0.04em;
    line-height: 16px;
}

.lvltype {
    position: absolute;
    text-transform: uppercase;
    font-size: 8px;
    background: #bfbfbf;
    white-space: pre;
    min-width: 24px;
    text-align: center;
    color: #252525;
    left: 0px;
    top: -2px;
    line-height: 13px;
    z-index: 1;
    border-radius: 1px;
    letter-spacing: 0.02em;
    font-family: "ubuntu-bold", sans-serif;
}

.colortype1 {
    background-color: #e2b996 !important;
}

.colortype2 {
    background-color: #96b8e2 !important;
}

.colortype3 {
    background-color: #a5e296 !important;
}

.colortype10 {
    background-color: #6fdccd !important;
}

.colortype11 {
    background-color: #ce96e2 !important;
}

.colortype12 {
    background-color: #ffcad2 !important;
}

.colortype13 {
    background-color: #e296a1 !important;
}

.colortype14 {
    background-color: #daff39 !important;
}

.colortype15 {
    background-color: #c7a6ff !important;
}

.colortype16 {
    background-color: #c6cbff !important;
}

.colortype17 {
    background-color: #a7c7ff !important;
}

.searchlist .client .urlprojet i,
.task .client .urlprojet i,
.projet .client .urlprojet i {
    font-size: 22px;
    line-height: 13px;
}

.task .infoprojet {
    font-size: 12px;
    /* padding: 14px 15px; */
    font-weight: bold;
    /* display: flex; */
}

.task .infoprojet .nameprojet {
    text-transform: uppercase;
    color: #444;
}

.task .infoprojet .description {
    color: #777;
    padding-left: 10px;
}

.task .contenttask .content,
.projet .contenttask .content {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #444;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1.1rem;
    padding-top: 3px;
    padding-bottom: 2px;
}

.task .contenttask .titletask[data-condition="0"] .currentTask {
    color: #ffa600;
}

.task .contenttask .currentTask {
    font-weight: bold;
    color: #464eb7;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    word-spacing: 0.1em;
    cursor: pointer;
}

.task .blocBreadcrumbTask {
    position: relative;
    display: block;
    height: 55px;
    padding: 5px;
    width: 100%;
}

.task .percentprogresproject {
    position: absolute;
    bottom: 5px;
    background: #cb7fff;
    padding: 16px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px;
}

.task .progress {
    margin: 0;
    overflow: visible;
    background-color: #cacaca;
    height: 4px;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 55px);
    margin-left: 40px;
    margin-right: 10px;
}

.task .progress-bar {
    justify-content: start;
    height: 4px;
}

#taskdetailcontent {
    white-space: pre-line;
}

.breadcrumbtask {
    position: absolute;
    left: 45px;
    bottom: 10px;
    width: calc(100% - 50px);
    z-index: 13;
}

.breadcrumbtask .ulbreadcrumbtask {
    display: flex;
    padding: 0;
    margin: 0;
    margin-top: 42px;
    margin-right: 5px;
}

.breadcrumbtask .ulbreadcrumbtask>li {
    list-style: none;
    padding: 0;
}

.breadcrumbtask .ulbreadcrumbtask>li .pointerbreadcrumb {
    width: 10px;
    height: 10px;
    position: relative;
    margin: -3px 0px -10px calc(100% - 6px);
    border-radius: 50%;
    background: #d88aff;
}

.breadcrumbtask .ulbreadcrumbtask>li .pointerbreadcrumb:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    left: 0;
    top: -5px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #949494;
}

.breadcrumbtask .ulbreadcrumbtask>li.actif .pointerbreadcrumb:after {
    border-top: 5px solid #cb7fff;
}

.breadcrumbtask .ulbreadcrumbtask>li.actif .pointerbreadcrumb {}

.breadcrumbtask .ulbreadcrumbtask>li .pointerbreadcrumb:hover .elembreadcrum {
    display: block;
}

.breadcrumbtask .ulbreadcrumbtask>li .elembreadcrum {
    margin-left: -20px;
    color: #ffffff;
    font-size: 9px;
    letter-spacing: -0.02em;
    width: 100vh;
    max-width: 60px;
    text-transform: none;
    line-height: 9px;
    padding: 2px;
    border-radius: 2px 2px 0 2px;
    bottom: calc(100% + 5px);
    right: 0px;
    position: absolute;
    text-align: right;
    max-height: 35px;
    overflow: hidden;
    background: #949494;
}

.breadcrumbtask .ulbreadcrumbtask>li.actif .elembreadcrum {
    background: #cb7fff;
    color: #fff;
}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask {
    display: none;
    position: absolute;
    width: 330px;
    max-height: 100px;
    overflow: auto;
    background: #474747f2;
    color: #fff;
    font-size: 10px;
    text-transform: none;
    padding: 11px;
    z-index: 3;
    box-shadow: 0px 3px 11px -7px #000;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    list-style-position: inside;
    border-radius: 4px;
}

.breadcrumbtask .ulbreadcrumbtask>li:hover .subulbreadcrumbtask {
    display: block;
}

.breadcrumbtask .ulbreadcrumbtask>li:hover .elembreadcrum {
    z-index: 1;
    background: #188ae3;
}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask li {
    padding: 0;
    line-height: 140%;
}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask li.actif {
    color: #cb7fff;
    font-weight: bold;
}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask li .elembreadcrum {}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask li .pointerbreadcrumb {
    /* display:none; */
}

.showHelpTask {
    line-height: 10px;
    padding: 0px 5px;
    border-radius: 2px;
    color: #fff;
    background: #ff8641;
    border: none;
    font-size: 8px;
    margin: 0;
    margin-right: 5px;
    text-transform: uppercase;
    font-family: "ubuntu-bold", sans-serif;
}

.task .titletask {
    padding: 6px 0;
    transition: all 0.15s ease-out;
    cursor: zoom-in;
}

.task .titletask:hover {
    padding: 6px 5px;
}

.task .contenttask .titletask:hover {
    background: #eee;
}

.task .routeTask {
    text-transform: capitalize;
    letter-spacing: -0.01em;
    font-style: italic;
    margin-top: 2px;
}

.task .routeTask .BCroute {
    list-style: none;
    padding: 0;
    margin: 0;
}

.task .routeTask .BCroute li {
    padding-left: 10px;
    max-width: 45px;
    white-space: nowrap;
    padding: 0;
    line-height: 16px;
    font-size: 11px;
}

.task .routeTask .BCroute li .overflowbreadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
}

.task .routeTask .BCroute li:last-child {
    max-width: initial;
    color: #f17e7e;
    pointer-events: none;
}

.breadcrumbtask .ulbreadcrumbtask .subulbreadcrumbtask ul {
    position: relative;
    font-size: 10px;
    padding-left: 15px;
    margin: 0;
    list-style: circle;
    list-style-position: inside;
}

.task .footertask {
    margin-bottom: 0.4rem;
}

.task .form-check-label {
    text-transform: none;
    position: relative;
    margin: 8px 4px;
    padding-left: 27px;
    color: #9a55ff;
    /* line-height: 46px; */
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.closedetail {
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    transition: 0.6s all ease;
    display: block;
}

.closedetail:hover {
    color: #ffffff !important;
}


/*.task .form-check .form-check-label input[type="checkbox"]+.input-helper:before,*/

.breadcrumbtask .form-check .form-check-label input[type="checkbox"]+.input-helper:after {
    top: 13px;
}

.task .detailtask {
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
}

.task .detailtask .currentdetailTask {
    text-transform: none;
    margin-bottom: 10px;
    margin-left: 4px;
    padding-left: 5px;
    font-style: italic;
    color: #1f4574;
    border-left: 2px solid #bac1c8;
}

.task .detailtask .form-check {
    padding: 0px;
    margin: 0px 0 0px !important;
}

.task .detailtask .form-date .form-check-label {
    padding: 0px;
}

.ui-datepicker {
    z-index: 1600!important;
}

.datetimepicker {
    max-width: 272px;
    margin-right: 10px;
}


/*DETAIL PROJET	*/

.content-wrapper {
    position: relative;
}

.footer {
    z-index: 999;
    padding: 1rem;
}


.detailelem {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(62, 10, 44, 0.611764705882353);
    z-index: 999;
    overflow: hidden;
    width: 0;
    /* box-shadow: -3px 0px 15px -11px #77269e; */
    cursor: pointer;
}

.contentdetailelem  .content-wrapper {
    min-height: calc(100% - 55px);
    padding-top: 80px;
    padding-bottom: 80px;
}


.contentdetailelem {
    overflow-y: auto;
    height: 100%;
    width: 0%;
    position: relative;
    margin-left: auto;
    cursor: initial;
    box-shadow: -3px 0px 15px -11px #000000;
}

.contentdetailelem::-webkit-scrollbar-track {
    background: #18181896;
}


.contentdetailelem::-webkit-scrollbar-thumb {
    background: #6d94ff;
}


.contentdetailelem::-webkit-scrollbar-thumb:hover {
    background: #bac9f4;
}

.detailprojetdate {
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    padding: 0 1rem;
    font-family: "ubuntu", sans-serif;
    background: #f0f0f0;
}

.headdetailproj {
    position: sticky;
    top: 0px;
    z-index: 15;
}

#idcontratreco {
    display: inline;
    cursor: pointer;
}

.tree {
    margin: 0 0 0 4px;
}

.tree,
.tree ul {
    list-style-type: none;
    position: relative;
    padding: 0;
    cursor: default;
    border-left: 1px dotted #ccc;
}

.tree ul {
    margin: 0;
    display: none;
}

.tree li {
    position: relative;
    margin: 0 0 0 10px;
    padding: 2px 0 2px 0;
}


/* extend a line to the list item */

.tree li:before {
    position: absolute;
    top: 12px;
    left: 15px;
    height: 1px;
    width: 5px;
    border-top: 1px dotted #ccc;
    content: ' ';
}


/* erase all lines for last item */

.tree li:last-child:after {
    position: absolute;
    top: 17px;
    left: -13px;
    bottom: 0;
    width: 7px;
    background-color: white;
    content: ' ';
}


/* add expander widget */

.tree .expander {
    background: #ffffff;
    border: 1px dotted #9a9a9a;
    position: absolute;
    top: 8px;
    left: -15px;
    height: 9px;
    width: 9px;
    cursor: pointer;
    font-size: 10px;
    line-height: 7px;
    text-align: center;
}

.tree .expander:hover {
    background-color: #eee;
}

.tree .expander.expanded {
    background-position: -78px -4px;
}

.tree ul.expanded {
    display: block;
}

.tree .expander:before {
    content: "+";
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.tree .expander.expanded:before {
    content: "-";
    left: 2px;
    font-size: 11px;
}

.ul-slider.noUi-horizontal {
    margin-top: 2rem;
}


/*NoUi Slider*/

.histodesc {}

.noUi-target.noUi-horizontal {
    height: 0.25rem;
}

.noUi-target {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
}

.noUi-target .noUi-base {
    background: #e6e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.slider-warning .noUi-base .noUi-origin {
    background: #fed713;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.noUi-handle:before {
    display: none;
}

.noUi-target.noUi-horizontal .noUi-handle {
    top: -8px;
}

.noUi-target .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.slider-warning .noUi-base .noUi-origin .noUi-handle:after {
    background: #fed713;
}

.noUi-target .noUi-handle:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 4px;
    top: 4px;
}


/*Breadcrumb detail*/

.detailprojetbreadcrumb {}

.detailprojetbreadcrumb .ulbreadcrumbtask {
    padding: 0;
}

.detailprojetbreadcrumb .ulbreadcrumbtask li .historiqueTask {
    float: right;
    font-size: 20px;
    line-height: 20px;
}

.detailprojetbreadcrumb .ulbreadcrumbtask li .datetaskvalid {
    float: right;
    background: #5bd1c2;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 13px;
    margin: 2px 5px 2px 0;
}

.detailprojetbreadcrumb li {
    cursor: pointer;
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
    color: #666;
}

.detailprojetbreadcrumb li.valuedone {
    background: #f3f9f8;
}

.detailprojetbreadcrumb li.valueempty {
    background: #f9f5f3;
}

.detailprojetbreadcrumb #back_last_task {
    position: absolute;
    right: -25px;
    top: 0px;
    color: #fff;
    background: #47b04a;
    line-height: 18px;
}

.detailprojetbreadcrumb #modify_last_task {
    position: absolute;
    right: -25px;
    top: 0px;
    color: #fff;
    background: #4776b0;
    line-height: 18px;
    /* z-index: 1; */
}

.detailprojetbreadcrumb #back_last_task .labelBackTask {
    width: 0;
    transition: 0.3s all ease;
    position: absolute;
    top: 0px;
    right: 18px;
    background: #6a6a6a;
    padding: 0;
    color: #6fe572;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.detailprojetbreadcrumb #back_last_task:hover .labelBackTask {
    width: 132px;
    padding: 0 6px;
}

.detailprojetbreadcrumb #modify_last_task .labelModifyTask {
    width: 0;
    transition: 0.3s all ease;
    position: absolute;
    top: 0px;
    right: 18px;
    background: #6a6a6a;
    padding: 0;
    color: #9edcff;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.detailprojetbreadcrumb #modify_last_task:hover .labelModifyTask {
    width: 150px;
    padding: 0 1px;
}

.detailprojetbreadcrumb #modify_last_task:hover .labelModifyTask label {
    margin: 0;
    /* margin-right: 10px; */
    padding: 0;
}

.labelModifyTask input.modiftaskradio {
    margin: 4px 1px 0px 5px;
    padding: 0;
    float: left;
}

.labelModifyTask input.modiftaskdate {
    margin: 0;
    padding: 0 4px;
    line-height: 11px;
    width: 130px;
    font-size: 11px;
}

.detailprojetbreadcrumb ul li:hover {
    border-left: 6px solid #f7eaff;
    padding-left: 15px;
}

.detailprojetbreadcrumb ul li ul li:hover {
    border-left: 5px solid #e5d1f3;
    padding-left: 16px;
}

.detailprojetbreadcrumb ul li ul li ul li:hover {
    border-left: 4px solid #dcb8f5;
    padding-left: 17px;
}

.detailprojetbreadcrumb ul li ul li ul li ul li:hover {
    border-left: 3px solid #d49afb;
    padding-left: 18px;
}

.detailprojetbreadcrumb ul li ul li ul li ul li ul li:hover {
    border-left: 1px solid #cb7fff;
    padding-left: 19px;
}

.detailprojetbreadcrumb ul li {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-left: 20px;
    font-size: 12px;
    /* line-height: 24px; */
}

.detailprojetbreadcrumb ul li i.mdi {
    margin-right: 7px;
}

.taskhistoicon:hover {
    color: #fd839f!important;
}

.sendnotifdetail {
    background: #dde7f0;
}

.contenthisto {
    background: #f6f6f6;
    text-transform: none;
    cursor: pointer;
}

.taskhistodetail {
    padding: 30px 20px 0;
    cursor: pointer;
}

.taskhistodetail:hover,
.taskhistodetail.hover {
    background: #333;
}

.contenthisto li.histotypeauto {
    color: #1d7fff;
}

.contenthisto li.histotypeauto:before {
    border-color: #1d7fff;
}

.contenthisto li.histotypemanual {
    color: #27bb6a;
}

.contenthisto li.histotypemanual:before {
    border-color: #27bb6a;
}

.contenthisto li i.mdi {
    height: 30px;
}

.pdescbloc {
    position: relative;
}

.pdescbloc h3 strong {
    font-size: 0;
    color: #9c9fa6!important;
}

.pdescbloc h3 strong i {
    font-size: 1.5rem;
}

.pdescbloc h3 .valueresume {
    font-style: normal!important;
    color: #9c9fa6;
}

.pdescbloc .pdescbloc {}

.pdescbloc .pdescval {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
    /* line-height: 2.3rem; */
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
}

.pdescbloc .sublist:before {
    content: none;
}

.JDtitredom {
    margin-top: 0!important;
}

.pdescbloc p {
    margin-left: 20px;
    margin-bottom: 8px;
}

.pdescbloc div strong {
    color: #3e4a5a;
    margin-right: 10px;
}

.pdescbloc #JDmoduledom,
.pdescbloc #JDinfosite {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
}

.pdescbloc #JDdomaine,
.pdescbloc #JDmodule,
.pdescbloc #JDinfoglob,
.pdescbloc #JDinfospe,
.pdescbloc #JDinfolivr,
.pdescbloc #JDinfopaie {
    width: 50%;
}

.pdescbloc #JDimportdata {
    width: 100%;
}

@media (max-width: 992px) {
    .pdescbloc #JDdomaine,
    .pdescbloc #JDmodule,
    .pdescbloc #JDinfoglob,
    .pdescbloc #JDinfospe,
    .pdescbloc #JDinfolivr,
    .pdescbloc #JDinfopaie,
    .pdescbloc #JDimportdata {
        width: 100% !important;
    }
}


/*SIDE BAR TODO */

#todo-section {
    background: #fff;
}

.tododeleteBt,
.todoeditBt {
    display: block;
    cursor: pointer;
    padding: 0px;
}

.todoeditBt:before,
.tododeleteBt:before {
    font-size: 22px;
}

#add-task {}

.tasktodo {
    width: 268px;
}

.icotodo {}

.tododetail {
    width: 100%;
    border: 1px solid #efefef;
    padding: 3px;
    border-top: none;
}

.todofrom {
    width: 45%;
    text-align: right;
    padding-right: 10px;
}

.from_to {
    color: #198ae3;
}

.todoto {
    width: 45%;
    text-align: left;
    padding-left: 10px;
}
.todocontentonlabel{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    cursor: help;
}

.todocontent {
    width: 100%;
    font-style: italic;
    padding: 6px 4px;
    background: #f7f7f7;
    margin-top: 10px;
}

.todotransfert {
    padding: 10px 8px 8px;
    background: #efdee6;
}

.todotransfert .select2 {
    width: 100%!important;
}

.todoprojetid {
    color: #888;
    font-size: 0.85em;
    width: 100%;
    text-align: center;
    line-height: 0.8em;
}


/*SIDE BAR NOTIF*/

#notif-section {
    background: #fff;
}

#selectorNotif {
    background: #8f627d;
    color: #fff;
}

#showAllNotif {
    cursor: pointer;
}

#alerte-dot {
    left: -3px;
}

#todo-dot {
    right: -3px;
}

#showAllNotif:hover {
    color: #b76fff;
}

.settings-panel {
    display: block;
    position: fixed;
    top: 0;
    right: -300px;
    bottom: 0;
    width: 300px;
    height: 100vh;
    min-height: 100%;
    background: #ffffff;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: right, box-shadow;
    -webkit-transition-property: right, -webkit-box-shadow;
    transition-property: right, -webkit-box-shadow;
    transition-property: right, box-shadow;
    transition-property: right, box-shadow, -webkit-box-shadow;
    z-index: 1050;
}

.settings-panel.open {
    right: 0;
    -webkit-box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
    box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
    background: #cec3c7;
}

.settings-panel .settings-close {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #ffffff;
    background: transparent;
    border-radius: 4px;
    padding: 0 3px;
    cursor: pointer;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    z-index: 999;
}

.settings-panel .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin: 0;
    border-bottom: none;
    padding: 0;
}

.settings-panel .nav-tabs .nav-item {
    border: none;
    margin: 0 0.5rem;
}

.settings-panel .nav-tabs .nav-item:nth-child(1) {
    padding: 0 0 0 23px;
}

.settings-panel .nav-tabs .nav-item:nth-child(2) {}

.settings-panel .nav-tabs .nav-item:nth-child(3) {
    padding: 0 0 0 23px;
}

.settings-panel .nav-tabs .nav-item .nav-link:hover {
    color: #ffffff;
}

.settings-panel .nav-tabs .nav-item .nav-link.active {
    background: transparent;
    color: #ffffff;
    text-decoration: underline;
}

#nbAlerte,
#nbTodo {
    position: absolute;
    margin: -6px 0 0 -22px;
}

#nbAlerte:before,
#nbTodo:before {
    font-size: 20px;
}

.settings-panel .nav-tabs .nav-item .nav-link {
    text-align: center;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    transition-property: color;
    -webkit-transition-property: color;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.settings-panel .tab-content {
    border: none;
    padding: 20px 0 0px 0;
    padding: 0;
}

.settings-panel .tab-content .tab-pane.scroll-wrapper {
    position: relative;
    max-height: 100vh;
    /* height: 100%; */
    padding-bottom: 10px;
}

.settings-panel .events p {
    font-family: "ubuntu-regular", sans-serif;
}

.settings-panel .settings-heading {
    padding: 16px 0px 13px 35px;
    font-size: 0.875rem;
    font-family: "ubuntu-bold", sans-serif;
    line-height: 1;
    color: rgba(0, 0, 0, 0.9);
    opacity: 0.9;
    margin-bottom: 0;
    border-top: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
    margin: 14px 5px!important;
}

.settings-panel .chat-list {
    padding-left: 0;
    margin: 0;
}

.settings-panel #chats-section {
    position: relative;
}

.settings-panel #chats-section #error {
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
}

.settings-panel .chat-list .list.active {
    background: #f8f9fa;
}

#chat_msg_info {
    background: #41384f !important;
    padding: 1rem!important;
    font-size: 14px!important;
    font-weight: bold!important;
    color: #e5b2ff!important;
    font-style: italic;
    text-align: center;
}

.settings-panel .chat-list .list {
    /* padding: 0.4rem 0.8rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ebedf2;
}

.settings-panel .chat-list .list .blocpolechat {
    width: 100%;
    display: flex;
    cursor: pointer;
    padding: 0.4rem 0.8rem;
}

.settings-panel .chat-list .list .blocpolechat:hover {
    background: #ede7f0;
}

.settings-panel .chat-list .list .blocpolechat i.mdi {
    font-size: 16px;
    line-height: 18px;
}

.settings-panel .chat-list .list .blocpolechat.active {
    background: #ede2f9;
    color: #9a55ff;
}

.settings-panel .chat-list .list .detailuserchat {
    list-style: none;
    padding: 0 0 5px 0;
    display: flex;
    flex-direction: column;
    background: #dad3e5;
}

.settings-panel .chat-list .list .detailuserchat li {
    padding: 0.3rem 16px;
}

.settings-panel .chat-list .list .profile {
    position: relative;
    margin-right: 1rem;
    height: 32px;
}

.settings-panel .chat-list .list .profile img {
    width: 2.50rem;
    height: 2.50rem;
    border-radius: 100%;
    width: 1.97rem;
    height: 1.97rem;
}

.settings-panel .chat-list .list .profile span.online {
    background: #1bcfb4;
}

.settings-panel .chat-list .list .profile span.offline {
    background: #fe1313;
}

.settings-panel .chat-list .list .profile span {
    height: 0.75rem;
    width: 0.75rem;
    position: absolute;
    bottom: 0.34rem;
    right: 0;
    border: 0.13rem solid #ffffff;
    border-radius: 100%;
}

.settings-panel .chat-list .list .info {
    margin-right: auto;
}

.settings-panel .chat-list .list .info p {
    display: block;
    margin-bottom: 0;
    line-height: 120%;
}

.settings-panel .chat-list .list .info p:last-child {
    opacity: 0.5;
    font-size: 0.8rem;
}

.tab-content {
    border: 1px solid #ebedf2;
    border-top: 0;
    padding: 2rem 1rem;
    text-align: justify;
    height: calc(100% - 40px);
}

.tab-content.noheight {
    height: initial;
}
.tab-content.noborder {
    border:none;
}


#pills-tabContent {
    padding: 1rem;
    background: #fff;
}

#pills-tab li {
    width: 50%;
    padding: 5px;
}

.projet_notification {}

.projet_notification.active {
    background: #ebedf2;
    color: #cb7fff;
}

.notifFromTo {
    font-size: 0.9rem;
}

.notif-date {
    line-height: 1rem;
    letter-spacing: -0.03em;
}

.notif-date small {
    margin-left: 10px;
    color: #8a8a8a;
    background: #e8e8e8;
    padding: 0px 5px;
    border-radius: 2px;
    letter-spacing: 0.07em;
}

.notif-date small:hover {
    background-color: #ffffff;
}

.preview-list .preview-item {
    align-items: center;
    padding: 10px 10px;
    position: relative;
    width: calc(100% - 50px);
    background: #F6F6F6;
}

.preview-list .preview-item.delalerte:before {
    content: "";
    display: block;
    background: #ffffffe0;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#alertCloseDialog {
    background: #fff;
}

#recordBrief.detailprojet_RB {
    cursor: not-allowed;
    opacity: 0.5;
    background: #ccc;
    border-color: #ccc;
    color: #999
}

#recordBrief.detailprojet_RB.needsave {
    color: #fff;
    background-color: #fe496d;
    border-color: #fe3d63;
    opacity: 1;
    cursor: pointer;
    position: fixed;
    bottom: 65px;
    z-index: 999999999;
    right: 35px;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.5);
    -webkit-animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
}

.fontsizenormal {
    font-size: 1rem;
}

#helptaskdesc {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    padding-top: 15px;
}

.detailProjetUl {
    text-align: left;
    list-style: none;
    padding: 8px !important;
    margin: 10px;
    right: 0;
    position: absolute;
    margin-top: 30px;
    background: #b56dff;
    color: #fff;
    left: 0;
    padding: 1rem;
    display: none;
    z-index: 9;
    border: 5px solid #ffffff55;
    cursor: pointer;
}

#filterbyprojetbloc .select2 {
    max-width: 100%!important;
    width: 100%!important;
    min-width: 290px;
}

.detailTaskUl li,
.detailProjetUl li {
    line-height: 13px;
    margin-bottom: 8px;
}

.detailTaskUl li:last-child,
.detailProjetUl li:last-child {
    margin-bottom: 0px;
}

.detailTaskUl li span,
.detailProjetUl li span {
    font-family: "ubuntu-regular", sans-serif;
    display: block;
    letter-spacing: -0.03em;
    font-size: 90%;
}

.onHoverHideShow {
    cursor: pointer;
}

.detailTaskUl {
    text-align: left;
    list-style: none;
    padding: 8px !important;
    margin: 10px;
    right: 0;
    position: absolute;
    margin-top: 30px;
    background: #fe7b96;
    color: #fff;
    left: 0;
    padding: 1rem;
    display: none;
    z-index: 9;
    border: 5px solid #ffffff55;
    cursor: pointer;
}


/*PACK ACTU*/

#modifydatelivrPAdd {
    z-index: 15!important;
}

.showattachment_div {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000002b;
    z-index: 1035;
}

.showattachment_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem;
    z-index: 1500;
    width: 100%;
    max-width: 600px;
}

.closeshowattachment {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 23px;
    color: #fe7b96;
    cursor: pointer;
}

.closeshowattachment:hover {
    color: #cc6479;
}

.showattachment_content {}

.file_B_Acticle {
    background: #edf5f7;
    padding: 1rem 2rem;
}

.comment_B_Acticle {
    background: #f8f0ff;
    padding: 1rem 2rem;
}

.scrollZoneY-100 {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollZoneY-220 {
    height: 220px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollZoneY-220:focus {
    background: #e9ecef;
}

.dateplageprogress {
    height: 0px;
    position: relative;
}

.datecursor {
    width: 11px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 19px;
    color: #3e4b5d;
}

.datepercent {
    font-size: 10px;
    text-align: right;
    padding-top: 4px;
    margin-right: -9px;
    letter-spacing: -0.02em;
    min-width: 15px;
}

.progressbararticle {
    height: 13px;
    overflow: visible;
    margin-top: 4px!important;
}

.progressbararticle .progress-bar {
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.02em;
    /* overflow: hidden; */
    font-size: 0;
    border-radius: 0;
    box-shadow: inset 0px 0px 0px 0.05vw #e9ecef;
}

.progressbararticle .progress-bar:hover {
    box-shadow: inset 0px 0px 0px 1px #04af95;
}

.blockselpackactu {
    cursor: pointer;
}
.blockselpackactu:before{
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    background-image: linear-gradient(to right, #dcdcdc 80%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 13px 1px;
    background-repeat: repeat-x;
}

.blockselpackactu:hover{
    background:#f6f6f6;
}

.blockselpackactu .card{
    background:none;
}

.blockselpackactu:hover .card {
    /* box-shadow: 0px 3px 11px -7px #000; */
}

.blockpack .card-title {
    font-size: 0.9em;
    letter-spacing: -0.02em;
}

.packinactif {
    background: #e7e4da;
}

.infodatepackactu {
    margin-bottom: 0;
}

#newTitrePA {
    width: 200px;
}

.closemodifcontrat,
.closemodifclient,
.closemodifFreelance,
.closemodifSetarticle_div,
.closemodifAddarticle_div {
    width: 30px;
    float: right;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    color: #876060;
    cursor: pointer;
    margin: 5px;
    position: relative;
    z-index: 9;
}

.modifyarticle .card-body {
    padding-top: 2.5rem !important;
}


/* BRIEF NEW PROJET */

.clientSelectBox .titleclientselinfo {}

#contentclientinfo {}

.clientSelectBox .clearprojet {}

#clientseladdr {
    margin: 0;
}

#clientseladdr p {
    margin: 0 8px 0 0!important;
}

.pricing-table .pricing-card {}

.pricing-table .typeprojetbrief {
    margin-top: -60px !important;
    background: #fff;
    letter-spacing: -0.03em;
}

.pricing-table .pricing-card .pricing-card-body {
    padding: 45px 2vw;
}

.pricing-table .pricing-card .pricing-card-body .plan-features {
    width: 100%;
    margin-bottom: 32px;
}

.breadcrumb-item {
    text-transform: capitalize;
}

.breadcrumb-item:first-child {
    padding-left: 40px !important;
    position: relative
}

.breadcrumb-item:first-child:before {
    content: "\F13E" !important;
    position: absolute;
    left: 10px;
    display: block;
    width: 30px;
    height: 26px;
    font: normal normal normal 24px/1 "Material Design Icons";
    text-rendering: auto;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4e5d6f;
    font-size: 1.3rem;
}

.bg-inverse-dark.breadcrumb-custom .breadcrumb-item a {
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #343a40;
}

form.brief .form-check {
    margin-top: -2px;
}

.btstepreturn {
    cursor: pointer;
}

.btstepreturn:hover {
    color: #333!important;
}

.nextbkfield {
    cursor: pointer;
}

.form-check-chkbox {
    position: relative;
}

.stepbrief.smallstep {
    border-left: 8px solid #f0f0f0;
    margin-left: 26px;
}

.btn-arbopage {
    cursor: pointer;
    padding: 5px 10px;
    font-size: 13px;
    font-family: "ubuntu", sans-serif;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
    float: left;
    z-index: 9999991;
    position: relative;
}

#Q_arbo .poleinfo,
#Q_arbo .userinfo {
    display: none;
}

#Q_arbo .dd-list li[data-type='redac']>.dd-handle {
    color: #188ae3;
}

#Q_arbo .dd-list li[data-type='redac']>.dd-handle:after {
    content: '[ A Rediger ]';
    display: block;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    line-height: 20px
}

#Q_arbo .dd-list li[data-type='noredac']>.dd-handle {
    font-weight: normal;
}

#Q_arbo .dd-list li[data-type='noredac']>.dd-handle:after {
    content: '[ Pas de redaction ]';
    display: block;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    line-height: 20px
}

#Q_arbo .dd-list li[data-type='redacspe']:hover {
    cursor: not-allowed;
}

#Q_arbo .dd-list li[data-type='redacspe']>.dd-handle {
    color: #e37518;
}

#Q_arbo .dd-list li[data-type='redacspe']>.edititem,
#Q_arbo .dd-list li[data-type='redacspe']>.deleteitem {
    display: none;
}

#Q_arbo .dd-list li[data-type='redacspe']>.dd-handle:after {
    content: '[ Spe.redaction ]';
    display: block;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    line-height: 20px
}

#countnbrpage {}


/****************************************************
*                                                   *
*   Copyright  2020 Cekome                         *
*   @Author Benjamin Peuple <benjamin@cekome.com>   *
*                                                   *
*   Real Time Chat style                            *
*   last update : 06/01/2020 14:53                  *
*                                                   *
****************************************************/

#startserver {
    position: fixed;
    right: 0;
    top: 70px;
    z-index: 1111;
    background: #ffffff;
}

.badge-new {
    border-radius: .125rem;
    font-size: 11px;
    font-weight: initial;
    line-height: 1;
    padding: 1px;
    margin: 5px;
    font-family: "ubuntu-medium", sans-serif;
}

.bubble-message {
    opacity: 0;
}

.received-message,
.sent-message,
.system-message {
    padding: 10px;
    margin: 7px 0 0 0;
    text-align: left;
    box-shadow: 1px 1px 5px -2px #000000ad;
}

.sent-message {
    background: rgb(255, 255, 255);
    margin-left: 40px;
}

.received-message {
    background: rgb(201, 127, 255);
    color: #fff;
    margin-right: 40px;
    margin-top: 12px;
}

.system-message {
    background: rgb(247, 160, 160);
}

.sent-message strong,
.received-message strong {
    display: inline-block;
}

.sent-message strong:first-letter,
.received-message strong::first-letter {
    text-transform: uppercase;
}

#addChat {
    position: fixed;
    bottom: 0;
    background: #41384f;
    width: 300px;
}

#dropChat {
    padding: 14px 26px 0 18px;
}

.chatInput {
    background: #332d3c!important;
    border: 1px solid #b66dff;
    color: #fff;
    line-height: 120%;
}

.chatInput:focus {
    border: 1px solid #d4a9ff;
    color: #fff;
}

#selectToId {
    background: #332d3c!important;
    border: 1px solid #b66dff;
    color: #fe7ccf;
    outline: none;
    height: initial;
}

#addNotif {
    position: fixed;
    bottom: 0;
    background: #4f3842;
    width: 300px;
}

#addNotif .editorhtml{
    max-height: 200px;
}

#addNotif .select2-container--default .select2-selection--multiple {
    background: #332d3c!important;
    border-radius: 2px;
    padding: 0px 4px;
}

#editor {
    background: #ffffff!important;
    border: 1px solid #fe7c96;
    color: #332d3c;
    line-height: 120%;
    min-height: 120px;
    padding: 10px;
}

#editorstrategie,
#helptask_html,
#add_helptask {
    background: #ffffff!important;
    border: 1px solid #1bcfb4;
    color: #332d3c;
    line-height: 120%;
    min-height: 120px;
    padding: 10px;
}

.notifInput {
    background: #332d3c!important;
    border: 1px solid #fe7c96;
    color: #fff;
    line-height: 120%;
}

.notifInput:focus {
    border: 1px solid #d4a9ff;
    color: #fff;
}

#zonealerte {
    overflow: visible;
    height: 100%;
    background: #fff;
}

#zonealerte .preview-list,
#zonenotif .preview-list,
#getprojetnotif .preview-list {
    display: flex;
}

#zonenotif .actionnotif:hover,
#zonealerte .actionnotif:hover {
    cursor: pointer;
}

#zonealerte .actionnotif.updtStatutNotif:hover {
    background-color: #084d83 !important;
}

#zonealerte .actionnotif.detailprojetnotif:hover {
    background-color: #7d7171 !important;
}

#zonenotif .actionnotif.showNotifProjet:hover,
#zonealerte .actionnotif.showNotifProjet:hover {
    background-color: #6f3ea0 !important;
}

#zonenotif .actionnotif.gotoTodo:hover,
#zonealerte .actionnotif.gotoTodo:hover {
    background-color: #994455 !important;
}

#zonealerte .actionnotif.updtStatutNotif:hover .mdi:before {
    content: "\F5E0";
}

#zonealerte .actionnotif.detailprojetnotif:hover .mdi:before {
    content: "\F2FC";
}

#zonenotif .actionnotif.showNotifProjet:hover .mdi:before,
#zonealerte .actionnotif.showNotifProjet:hover .mdi:before {
    content: "\F45A";
}

#zonenotif .actionnotif.gotoTodo:hover .mdi:before,
#zonealerte .actionnotif.gotoTodo:hover .mdi:before {
    content: "\F646";
}

#zonenotif .actionnotif:active,
#zonealerte .actionnotif:active {
    transform: scale(0.7);
    transform-origin: center;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

#zonenotif {
    padding-bottom: 348px;
    overflow: visible;
    display: block;
}

#right-sidebar .preview-list .preview-item:hover {
    background: none;
}

.preview-thumbnail {
    width: 50px;
}

.preview-thumbnail .preview-icon {
    align-items: center;
    border-radius: 100%;
    color: rgb(255, 255, 255);
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 6px;
    width: 36px;
    margin: 12px 8px;
}

#chat {
    margin-bottom: 148px;
    overflow: visible;
    height: 100%;
    padding: 0 8px 8px;
}

#chat .chat_message {
    font-size: 12px;
    word-break: break-word;
}

.chatThumbLinks {
    display: flex;
    width: 100%;
}

.chatThumb {
    margin-left: auto;
    width: 120px;
}

#chat .chat_username {
    font-size: 14px;
}

#chat .timeStamp {
    font-size: 9px;
}

.settings-panel {
    overflow-x: hidden;
    overflow-y: auto;
}

.settings-panel::-webkit-scrollbar-track {
    background: #18181896;
}

.settings-panel::-webkit-scrollbar-thumb {
    background: #ff6dab;
}

.settings-panel::-webkit-scrollbar-thumb:hover {
    background: #ffb7d5;
}

.online_member {
    cursor: pointer;
}

.tab_user {
    color: black;
    cursor: pointer;
}

.tab_channel {
    display: none;
}

.tab_channel.active {
    display: block;
}

.show_member_pole_ {
    cursor: pointer;
    overflow: hidden;
}

.show_member_pole_.select {
    border-left: 5px solid #9a55ff;
    padding: 0.3rem 8px!important;
}

.show_member_pole_:hover {
    background-color: #ede7f0;
}

#formsendnotif {
    display: flex;
}


/****************************************************
*                                                   *
*   Copyright  2020 Cekome                         *
*   @Author Benjamin Peuple <benjamin@cekome.com>   *
*                                                   *
*   Drag and Drop style                             *
*   last update : 15/01/2020 15:27                  *
*                                                   *
****************************************************/

.droppable {
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
}

.upload-area {
    width: 100%;
    height: 165px;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    border-radius: 7px;
    cursor: pointer;
    background-size: 30px 30px;
    overflow-y: auto;
    position: relative;
    background-color: #fff;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.upload-area.await {
    border: 2px dashed #6ba0cc;
    color: #586484;
    background-image: linear-gradient(135deg, #ebeef6 25%, transparent 25%, transparent 50%, #ebeef6 50%, #ebeef6 75%, transparent 75%, transparent);
}

.upload-area.htmldrag,
.upload-area:hover {
    border: 2px dashed #dee3ef;
    color: #586484;
    background-image: linear-gradient(135deg, #dee3ef 25%, transparent 25%, transparent 50%, #dee3ef 50%, #dee3ef 75%, transparent 75%, transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}

.upload-area.htmldrop {
    /*Error animation*/
    border: 2px dashed #b56a6a;
    color: #ab0505;
    background-image: linear-gradient(135deg, #f0dada 25%, transparent 25%, transparent 50%, #f0dada 50%, #f0dada 75%, transparent 75%, transparent);
}

.upload-area.active {
    /*ZONE animation*/
    border: 2px dashed #cecbf1;
    color: #635dad;
    background-image: linear-gradient(135deg, #e4e2ff 25%, transparent 25%, transparent 50%, #e4e2ff 50%, #e4e2ff 75%, transparent 75%, transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}

.upload-area.progressajax {
    border: 2px dashed #b0d4b5;
    color: #348441 !important;
    -webkit-animation: 1s stripesprogress infinite;
    animation: 1s stripesprogress infinite;
}

.upload-area.success {
    border: 2px dashed #7abe90;
    background: #eeffed;
    color: #368c52;
}

.upload-area.error {
    border: 2px dashed rgb(218, 40, 40);
    background: #fff1f1;
    color: #af4545;
}

.upload-area:hover {
    cursor: pointer;
}

.upload-area .upload-text {
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    pointer-events: none;
    transform: translateY(-50%);
}

.upload-text .uptxtone {
    text-shadow: -3px -1px 1px #FFF, 3px 1px 1px #FFF;
}

.upload-text .uptxttwo {
    font-size: 80%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff7d;
    padding: 2px 5px;
    border-radius: 5px;
    text-decoration: underline;
}

.upload-text .uptxtthree {
    font-weight: bold;
    margin-top: 3px;
    text-shadow: -3px -1px 1px #FFF, 3px 1px 1px #FFF;
}

.file {
    display: none;
}

.listfiles {
    margin: 0px 0 0 0;
    padding: 15px 12px;
    border: 1px solid #4a8a7b;
    background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 50%, #f5f5f5 50%, #f5f5f5 75%, transparent 75%, transparent);
    background-size: 100px 100px;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-height: 480px;
    width: 100%;
    overflow-y: auto;
    box-shadow: inset 0px 0px 11px -3px #717171;
}


/* Thumbnail */

.thumbnail {
    width: 100%;
    max-width: 140px;
    min-width: 80px;
    height: 100px;
    margin: 5px 2px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    border-radius: 3px;
    float: left;
    background: #fff;
    position: relative;
    box-shadow: 0px 1px 2px #00000038;
    transition: all 1.5s ease;
}

.thumbnail.sending {
    background: #ffffff url('/images/loader.svg') center center no-repeat;
    border: 1px solid #198ae3;
}

.thumbnail.moving {
    background: #ffffff url('/images/loader.svg') center center no-repeat;
    background-size: 20%;
    border: 1px solid #198ae3;
    transform: scale(0.8);
    opacity: 0.3;
}

.thumbnail img {
    margin: auto;
    height: 67px;
    width: 100%;
    object-fit: contain;
}

.thumbnail .size {
    font-size: 10px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    color: #333;
}

.thumbnail .name {
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #000;
    font-size: 11px;
    padding: 3px;
    z-index: 1;
    width: 100%;
    position: relative;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}

.thumbnail .err {
    color: #F00;
    font-weight: bold;
}

.thumbnail .ext {
    color: #fff;
    position: absolute;
    bottom: 33px;
    left: 50%;
    z-index: 2222;
    font-size: 12px;
    letter-spacing: 1px;
    transform: translateX(-17px);
}

.thumbnail.image .ext {
    display: none;
}

.listable {
    display: block;
}

.listable .thumbnail:hover {
    color: #3b9adb;
}

.listable .delete,
.listable .linkfile {
    position: absolute;
    opacity: 0;
    bottom: 10px;
    z-index: 9999;
    border-radius: 4px;
    color: #fff;
    width: 40px;
    height: 30px;
    text-align: center;
    padding: 0;
    line-height: 30px;
    transition: 0.5s all ease;
}

.listable .delete i,
.listable .linkfile i {
    font-size: 20px;
}

.listable .thumbnail:after,
.listable .thumbnail:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff00;
    transition: 0.5s all ease;
}

.listable .thumbnail:hover:after {
    background: #ffffffd1;
}

.listable .thumbnail:hover .linkfile,
.listable .thumbnail:hover .delete {
    opacity: 1;
    bottom: 6px;
}

.listable .linkfile {
    right: 6px;
}

.listable .delete {
    left: 6px;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 13px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 13px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 13px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 13px rgba(232, 76, 61, 0);
    }
}

@-webkit-keyframes stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}

@keyframes stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 60px 30px
    }
}

@-webkit-keyframes stripesprogress {
    to {
        box-shadow: 0 0 0 2px #b0d4b5;
    }
}

@keyframes stripesprogress {
    0% {
        box-shadow: inset 0 0 0 4px #b0d4b508;
    }
    50% {
        box-shadow: inset 0 0 0 4px #b0d4b585;
    }
    100% {
        box-shadow: inset 0 0 0 4px #b0d4b508;
    }
}


/* REfonte chat */

.settings-panel .settings-close {
    position: fixed;
    margin-right: 5px;
    top: 10px;
}

.settings-panel .nav-tabs {
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100%;
    padding-right: 50px;
}

.settings-panel .tab-content {
    position: absolute;
    top: 40px;
    /* height: calc(100% - 188px); */
    width: 100%;
}

.chat-list {
    /* height: 100%; */
    height: 283px;
    overflow-y: auto;
}

#chat::-webkit-scrollbar-track,
.chat-list::-webkit-scrollbar-track {
    background: #18181896;
}

#chat::-webkit-scrollbar-thumb,
.chat-list::-webkit-scrollbar-thumb {
    background: #8da4f9;
}

#chat::-webkit-scrollbar-thumb:hover,
.chat-list::-webkit-scrollbar-thumb:hover {
    background: #bdcbff;
}

#chat_msg_info {
    height: 50px;
}

#chat {
    height: calc(100vh - 522px);
    overflow-y: auto;
    min-height: 300px;
}


/* QUESTIONNAIRE THEMA*/

.nestquest li .dd-handle {
    background: #c7c6e7;
}

.nestquest li li .dd-handle {
    background: #ffec8b;
}

.nestquest li li li .dd-handle {
    background: #cde8d3;
}

.QthemaList {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 30px;
    height: 300px;
    overflow-y: auto;
    border: 1px dashed #ccc;
    padding: 20px;
    box-sizing: border-box;
}

.QthemaList li {
    font-size: 11px;
    line-height: 16px;
    list-style: none;
    white-space: pre;
    overflow: hidden;
}

.QthemaList ul {
    margin: 0 !important;
    padding: 0 !important;
}

.QthemaCat {
    width: 240px;
}

.QthemaCat .content>.cnt {
    font-weight: bold;
    color: #ff6892;
}

.QthemaQuestionnaire:hover .cnt {
    -moz-animation: marquee 10s linear infinite;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
    cursor: pointer;
}

.QthemaQuestionnaire {}

.QthemaQuestionnaire>.cnt {}

.QthemaQuestion {}

.QthemaQuestion>.cnt {}

@-moz-keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee {
    0% {
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


/* STATISTIQUES */

#statistics-graph-1 {}


/* WEATHER*/

.card-weather {
    background: #fff;
}

.card-weather .card-body {
    background: #fff;
}

.card-weather .card-body:first-child {
    background: url("../images/weather.svg") no-repeat center;
    background-size: cover;
}

.card-weather .weather-date-location {
    padding: 0 0 38px;
}

.card-weather .weather-data {
    padding: 0 0 4.75rem;
}

.card-weather .weather-data i {
    font-size: 5.313rem;
    line-height: 1;
}

.card-weather .weakly-weather {
    background: #fff;
    overflow-x: auto;
}

.card-weather .weakly-weather .weakly-weather-item {
    flex: 0 0 14.28%;
    border-right: 1px solid #ebedf2;
    padding: 1rem;
    text-align: center;
}

.card-weather .weakly-weather .weakly-weather-item i {
    font-size: 1.2rem;
}

.card-weather .weakly-weather .weakly-weather-item:last-child {
    border-right: 0;
}

.card-weather .weakly-weather .weakly-weather-item .symbol {
    color: #ccc;
    font-size: 1.875rem;
    font-weight: 300;
}

#searchresult {
    width: 700px;
    max-width: 100%;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 10px 10px -10px #00000077;
    display: block;
}

.searchload {
    background: url('/images/loader.svg') center left no-repeat;
    height: 40px;
    background-size: contain;
    line-height: 40px;
    padding-left: 50px;
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #3998e7;
}


/*************/


/**TEST REVIEW NAV**/


/*************/

.main-panel {
    position: relative;
}

.content-wrapper {
    overflow: auto;
    position: absolute;
    top: 47px;
    height: 100%;
    top: 0;
    bottom: 0;
    transition: 0.2s cubic-bezier(0.67, 0.41, 0.07, 1) all;
}

.content-wrapper.onBG {
    padding: 0;
}


.detailelem {
    position: sticky;
}

.detailelem.isopen{
    height: 100%;
   }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}


.nav-pills-success .nav-link.active {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: linear-gradient(to right, #84d9d2, #07cdae);
}

.nav-pills-success .nav-link {
    color: #1bcfb4;
}

.deleterappel{
    cursor:pointer;
}

.deletenote{
    cursor:pointer;
}

.deleterappel:hover{
    color: #f00!important;
}

.hoverdaterappel{
    cursor:pointer;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#detail_rappel{
    cursor: not-allowed;
}

.hoverdaterappel:hover{
    text-decoration:underline;
}

.rappel-ending {
    text-decoration:line-through;
    color:#999;
}

#listenotes{
    max-height: 450px;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.notesclient{}

.notesclient h6{}

.notesclient p{}


/*Google Map*/
.ggpointer{
    color: #fff !important;
    font-size: 11px! important;
    max-width: 80px;
    white-space: normal;
    font-family: "ubuntu-bold", sans-serif !important;
    background: #000000aa;
    box-shadow: 3px 2px 4px #00000055;
    padding: 2px;
    border-radius: 3px;
    letter-spacing: -0.03em;
}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);    
  }
}
@keyframes rotating {
  from {    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.delai{
    font-size: 80%;
    color: #ff5928;
    font-weight: bold;
}

.rsynclogsview{
    max-height: 400px;
    overflow: auto;
}