/* Surcharge Buttons*/
.el-input__icon {
    transition-duration: 0s !important;
}
.SelectWithPreIcon .el-select .el-input input {
    padding-left: 25px;
}
.el-switch.is-checked .el-switch__core {
  border-color: var(--ariane-primary-700) !important;
  background-color:  var(--ariane-primary-700) !important;
}
.el-switch__label.is-active {
    color: var(--ariane-primary-500) !important;
}
.el-ari-button .el-button--primary:not(:hover) {
    color: var(--ariane-text-on-primary);
    background-color: var(--ariane-primary);
}
/* Surcharge date picker */
.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-textarea__inner:focus {
    border-color: var(--ariane-primary-500) !important;
}
.selectWidth.colored .el-input .el-input__inner {
    color: #12B706;
}
.selectWidth .el-input .el-input__inner {
    border: none !important;
}
.el-date-table td.today span {
    color: var(--ariane-primary-500) !important;
}
.el-date-table td.current:not(.disabled) span {
    background-color: var(--ariane-primary-500);
    color: #fff !important;
}
.el-date-table td.available:hover {
    color: var(--ariane-primary-500) !important;
}
.el-picker-panel__icon-btn:hover {
    color: var(--ariane-primary-500) !important;
}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
    color: var(--ariane-primary-500) !important;
}
.el-month-table td.today .cell {
    color: var(--ariane-primary-500) !important;
}
.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
    color: var(--ariane-primary-500) !important;
}
.el-year-table td.today .cell {
    color: var(--ariane-primary-500) !important;
}
.el-month-table td .cell:hover, .el-month-table td.current:not(.disabled) .cell {
    color: var(--ariane-primary-500) !important;
}
@media only screen and (max-width: 414px) {
    .el-picker-panel__body-wrapper .el-picker-panel__content {
        padding: 0;
    }
    .el-picker-panel__body-wrapper .el-picker-panel__content .el-date-table td {
        padding: 2px 0;
    }
}

/* SELECT */
.el-select-dropdown__item.selected {
    color: var(--ariane-primary-500) !important;
    font-weight: 700;
}
/* Surcharge Checkbox */
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--ariane-primary-500) !important;
    border-color: var(--ariane-primary-500) !important;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--ariane-primary-500) !important;
}
/* réduit par deux la marge droite d'une checkbox si on veut mettre un helper sur la même ligne */
.el-checkbox-helper {
    margin-right: 5px!important;
}

.dontBreakWord .cell {
    word-break: break-word !important;
}
/* Surcharge tooltips elementUI*/
.el-tooltip__popper.is-light {
    background: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    color:#333333;
    -moz-box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.2);
}
/* Surcharge Modale elementUI */
.h-90 {
    height: 90%;
}
.inputContract .el-input__inner {
    border: none !important;
    border-bottom: 1px solid grey !important;
    padding-left: 0.1rem !important;
}
.recentre .el-input__inner {
  padding-left: 0px !important;
}
.override-divider .el-divider--horizontal {
    margin: 12px !important;
}
.el-input__inner.onlyBottomBorder, .el-textarea__inner.onlyBottomBorder {
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #DCDFE6 !important;
}
.onlyBottomBorder .el-input__inner, .onlyBottomBorder .el-textarea__inner{
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #DCDFE6 !important;
}
.el-input__inner.onlyBottomBorder:hover, .el-textarea__inner.onlyBottomBorder:hover, .onlyBottomBorder:hover .el-input__inner, .onlyBottomBorder:hover .el-textarea__inner {
    border-color: var(--ariane-primary-500)!important;
}
#paymentScheduler .el-table {
    overflow: unset;
}

.el-input__inner {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #000000 !important;
}
.el-input__inner::placeholder {
    font-weight: 300;
    font-style: italic;
}
.forced-datepicker .el-input__inner {
    font-size: 14px !important;
    border-radius: 4px !important;
    color: #333 !important;
    background-color: #FBFBFC !important;
    border: 1px solid var(--ariane-component-border-grey) !important;
    height: 32px !important;
}
.forced-datepicker .el-input__inner::placeholder,.forced-datepicker .el-input__inner:hover::placeholder {
    color: var(--ariane-placeholder) !important;
    font-style: normal !important;
}
.forced-datepicker .el-input__icon {
    margin-top: -8px !important;
}
.el-textarea__inner{
    color: #000000 !important;
}

#page-activity .el-input__inner, #page-resource .el-input__inner {
    padding: 0 !important;
}
#page-activity .el-textarea__inner, #page-resource .el-textarea__inner {
    padding-left: 0 !important;
}

.el-input__inner:hover::placeholder, .el-textarea__inner:hover::placeholder  {
    font-weight: 300;
    font-style: italic;
    color: var(--ariane-primary-500) !important;
}

.el-input__inner:focus, .el-textarea__inner:focus {
    font-weight: 400;
    color: var(--ariane-neutral-600) !important;
}

#paymentsSchedules-datePicker .el-picker-panel [slot="sidebar"] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 175px!important;
}

#paymentsSchedules-datePicker .el-picker-panel [slot="sidebar"], .el-picker-panel__sidebar {
    width: 175px!important;
}

@media screen and (max-height: 800px) {
    .override-divider .el-divider--horizontal {
        margin: 12px !important;
    }
}
#contract-page .clear-border-bt {
    border-bottom: none !important;
}
#contract-page #contract-scheduler .el-table__body-wrapper {
    height: 100%;
}
#contract-page #contract-scheduler.el-table {
    padding-bottom: 20px;
}
#contract-page .el-input__inner {
    border: none;
}
#contract-page .color-edition-contract input.el-input__inner,
#contract-page .color-edition-contract {
    color: #FF8C09 !important;
}
#contract-page .color-edition-contract input.el-input__inner {
    border-bottom-color: #FF8C09 !important;
}
#contract-page #select-contract-payments .el-table__row > td:first-child {
    border-left: solid 2px transparent;
}
#contract-page #select-contract-payments .el-table__row.row-selected {
    background-color: rgba(244, 244, 244, 0.75);
}
#contract-page #select-contract-payments .el-table__row.row-selected > td:first-child {
    border-left: solid 2px var(--ariane-primary-500);
}
#contract-page .el-table tr.schedule-selected, #contract-page .el-table tr.schedule-selected > td  {
    background-color: #844f002e;
  }
#select-contract-payments div.cell label.el-checkbox span.el-checkbox__inner {
    border-color: #409EFF;
}
.el-input__prefix {
    display: flex;
    align-content: center;
    align-items: center;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--ariane-primary-500) !important;
}
#page-paymentScheduler .el-table {
    padding-bottom: 0px!important;
}

.fake-dateRangePicker-label {
    line-height: 28px;
    font-size: 14px;
}
.mainColor .el-range-input {
    color:  var(--ariane-primary-700) !important;
}
.mainColorIcon .el-icon-date {
  color: var(--ariane-primary-700) !important;
}

.el-date-editor .el-range-separator {
    width: 10% !important;
}

.el-tabs__nav-wrap::after {
    background-color: unset !important;
}

.el-tabs__active-bar {
    width: 50px !important;
    background-color: var(--ariane-primary-500) !important;
}

.el-tabs__item:hover {
    color: var(--ariane-primary-500) !important;
}
.el-tabs__item.is-active {
    color: var(--ariane-primary-500) !important;
}

body.el-popup-parent--hidden:not(.choose-zone) #app {
    filter: blur(3px);
}

body.el-popup-parent--hidden:not(.choose-zone) > div.v-modal {
    background: unset !important;
}

.el-select__tags .el-tag.el-tag--info{
    background-color: var(--ariane-primary-500);
    color: white;
}
.el-select__tags .el-tag.el-tag--info .el-tag__close {
    background-color: unset;
    color: white;
}
.el-tag.el-tag--info .el-tag__close:hover,  .el-select .el-tag__close.el-icon-close:hover {
    background-color: unset !important;
}
#productDispatcher .el-input__prefix, #productDispatcher .el-input__suffix {
    top: 6px !important;
}
.noList .el-upload-list {
    display: none;
}

.el-radio__input.is-checked .el-radio__inner {
    background-color: var(--ariane-primary-500) !important;
    border-color: var(--ariane-primary-500) !important;
}
.el-radio__input.is-checked + .el-radio__label {
    color: #606266 !important;
}
.el-input.is-disabled .el-input__inner {
    color: var(--ariane-neutral-600) !important;
}
.genericChooseZone .el-input ::placeholder {
    font-weight: 300;
    font-style: italic;
    color: var(--ariane-neutral-600) !important;
}
.genericChooseZone:hover .el-input ::placeholder {
    font-weight: 300;
    font-style: italic;
    color: var(--ariane-neutral-600) !important;
}
.borderus .el-input .el-input__inner {
    border-bottom: 0px !important;
}
.scroll .el-table {
    overflow: auto;
    padding-bottom: 0px;
}
.clear-all-input-border .el-input input,
.clear-all-input-border .el-date-editor input {
    border: none;
    border-bottom: none !important;
    border-bottom: 0 !important;
}
/* Surcharge el-dropdown elementUI */
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    color: var(--ariane-primary-500) !important;
}

/* ***************************************** */
/* Amazing element-ui FloUX theme start here */
/* ***************************************** */


/* Input */
.el-input.floux-input input {
    padding-bottom: 1px !important;
    transition: all 0.3s;
}
.el-input.floux-input input:focus {
    padding-bottom: 0px !important;
    border-bottom-width: 2px !important;
    border-bottom-color: var(--ariane-primary-500) !important;
}
.el-input.floux-input input:focus + span.el-input__suffix {
    color: var(--ariane-primary-500) !important;
}
.el-input.floux-input.el-input--suffix .el-input__inner {
    padding-right: 60px !important;
}
.el-input.floux-input.reverve-suffix-icon .el-input__suffix .el-input__suffix-inner {
    display: inline-flex;
    flex-direction: row-reverse;
}

/* Input Date */
.floux-datePicker {
    font-size: 13px !important;
    height: 33px;
    border: 1px solid var(--ariane-border) !important;
    border-radius: 4px;
    padding-left: 10px;
    background-color: var(--ariane-background);
    overflow: hidden;
}
.floux-datePicker .el-input__inner {
    height: 33px;
    border-bottom: none;
}
.floux-datePicker .el-input__prefix .el-input__icon {
    font-size: 14px !important;
    height: 40px;
    line-height: 40px;
}
.floux-datePicker .el-input__suffix .el-input__icon {
    height: 33px;
    line-height: 33px;
}

/* Table */
.el-table.select-member-table tr.el-table__row{
    font-size: 15px !important;
}
.el-table.floux-table tr.el-table__row td:first-child {
    border-left: solid 2px transparent;
}
.el-table.floux-table tr.el-table__row.current-row td:first-child {
    border-left: solid 2px var(--ariane-primary-500);
}
.el-table.floux-table .el-table__header thead > tr > th
{
  border: none;
}
.el-table.floux-table .el-table__row > td
{
  border: none;
}
.el-table.floux-table.row-pointer .el-table__row > td {
    cursor: pointer;
}
.el-table.floux-table .el-table__empty-text {
    width: 80%;
    word-break: break-word;
}
.el-radio__input.is-checked .el-radio__inner {
    background-color: var(--ariane-primary-500) !important;
    border-color: var(--ariane-primary-500) !important;
}
.el-radio__input.is-checked + .el-radio__label {
    color: #606266 !important;
}
.w-fc.el-input {
    width: fit-content !important;
}
.el-input.is-disabled .el-input__inner {
    color: var(--ariane-neutral-600) !important;
}
.el-tabs__content {
    overflow: auto !important;
}
.rangepicker-filter {
    width: 240px !important;
}
.rangepicker-filter input {
    font-size: 13px !important;
    color: var(--ariane-primary-500) !important;
    font-family: 'Ubuntu' !important;
    font-weight: 500 !important;
}
.rangepicker-filter .el-range-separator {
    font-size: 13px !important;
    font-family: 'Ubuntu' !important;
    font-weight: 400 !important;
    color: var(--ariane-text-secondary) !important;
    width: 24px !important;
}
.rangepicker-filter ::placeholder {
    font-style: normal !important;
    color: #bcbcbc !important;
    font-size: 12px;
}
.rangepicker-filter:hover i.el-range__icon{
    color: var(--ariane-primary-500) !important;
}
.rangepicker-filter:focus-within i.el-range__icon{
    color: var(--ariane-text-primary) !important;
}
.rangepicker-filter.to .el-input__inner {
  padding-left: 5px !important;
}
.rangepicker-filter.from .el-input__inner {
    padding-right: 5px !important;
  }
@media screen AND (max-width: 768px) {
    .el-date-editor.el-input {
        width: 100px !important;
    }
    .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
        width: 200px !important;
    }
    .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
        display: none;
    }
    .el-date-range-picker.has-sidebar {
        width: 300px !important;
    }
    .el-range-editor--medium .el-range-input {
        font-size: 11px !important;
    }
    .el-picker-panel__sidebar + .el-picker-panel__body {
        margin-left: 0px !important;
    }
    .el-picker-panel__content {
        width: 100% !important;
    }
    .el-picker-panel__body {
        display: flex;
        margin: 0px !important;
        flex-direction: column;
        min-width: 300px !important;
        width: 300px !important;
    }

}
.el-checkbox__input.is-checked+.el-checkbox__label {
    color:var(--ariane-neutral-600) !important;
}
.el-checkbox.align-center > span.el-checkbox__input {
    align-self: center;
  }
.manager-web .el-checkbox__label {
    font-size: 12px;
    font-family: 'Ubuntu';
    font-weight: 400;
    color:var(--ariane-neutral-600) ;
}
.manager-web .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color:  var(--ariane-neutral-600) !important;
    border-color: var(--ariane-neutral-600) !important;
}
.forced-xplor-error.el-input__inner {
    border: 1px solid var(--ariane-accent-background-error) !important;
}
.dashboard-picker .el-input__icon {
    display: none;
}
.el-select-table .el-input {
    font-size: 12px !important;
}
.el-select-table .el-input__inner {
    height: 20px !important;
    line-height: 12px !important;
}
.el-select-table .el-input__icon {
    line-height: 25px !important;
}
.el-upload-list__item-file-name {
    overflow: auto !important;
}