/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : Dec 9, 2019, 1:56:18 PM
    Author     : diouf
*/

.ui-state-highlight {
    height: 9.5em;
    line-height: 1.2em;
}

.barrer {
    text-decoration: line-through #FF3028;
}

.dc-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 68em;
    top: 56px;
    left: 15%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.rapprochement-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 50em;
    top: 0;
    left: 27.5%;
    z-index: 999;
    transition: top 2s, left 2s, width 2s;
}

.task-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 48em;
    top: 56px;
    left: 25%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.table-search-box-result th {
    font-size: 11px
}

.table-search-box-result td {
    font-size: 10px;
}

.search-layout-box {
    width: 27em !important;
    position: absolute;
}

.mailbox-windows {
    display: none;
    position: fixed;
    width: 50em;
    /* height: 98em !important; */
    bottom: 55px;
    left: 55.5%;
    z-index: 999;
    /* transition: top 2s, left 2s, width 2s; */
}

.tab-container-founded-buyer {
    position: fixed;
    z-index: 99;
    top: -100%;
    left: 55.5%;
    opacity: 0.9;
    width: 100em;
    transition: top 1s, left 2s, width 2s;
}

.tab-container-founded-buyer-with-accroche {
    position: fixed;
    z-index: 99;
    top: -1%;
    left: 100%;
    opacity: 1;
    width: 100em;
    transition: top 1s, left 2s, width 2s;
}

.tab-container-founded-buyer-transition {
    position: fixed;
    z-index: 99;
    top: -1%;
    left: 55.5%;
    opacity: 1;
    width: 100em;
}

.icon-accroche-to-board {
    position: absolute;
    left: -6%;
    top: 88%;
}

.icon-accroche-to-board:hover {
    left: -10%;
}

.detail-windows-add {
    right: 100%;
    display: none;
    position: fixed;
    width: 39em;
    top: 56px;
    left: 25%;
    z-index: 9;
    transition: top 2s, left 2s, width 2s;
}

.pin-window-left {
    top: 0px;
    left: -0.1%;
    z-index: 911;
    width: 38em;
    /*transition: top 3s, left 2s, width 3s;*/
}

.loader-for-body-crm {
    background: url('../plugins/global/images/owl.carousel/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    cursor: wait;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13;
}

.loader-for-body-crm h1 {
    background: none;
    border: none;
    color: #458976;
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    height: 700px;
    line-height: 700px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.loader-for-body-crm-note {
    background: url('../plugins/global/images/owl.carousel/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
    cursor: wait;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.loader-for-body-crm-note h1 {
    background: none;
    border: none;
    color: #458976;
    font-size: 22px;
    font-family: "Open Sans", sans-serif;
    font-variant: small-caps;
    font-weight: 700;
    height: 700px;
    line-height: 700px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

div.slider {
    display: none;
}

table.dataTable tbody td.no-padding {
    padding: 0;
}

/* PLaceholder for td datatable */

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    /* For Firefox */
}

/* */

.inputError {
    border: 1px solid red;
}

.topIndex {
    z-index: 9999999 !important;
}

.bg-grey {
    background-color: #F9F9FC;
}

.bg-grey-2 {
    background-color: #F1F3F4;
}

.bg-grey-3 {
    background-color: #595d6e;
}

.datetimepicker {
    margin: 7px 0;
}

.bolder {
    font-weight: bold;
}

.animate-div {
    right: 0;
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active), .nav.nav-pills.nav-light-danger .show>.nav-link {
    color: #f64e60;
    background-color: transparent
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-light-danger .show>.nav-link .nav-text {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon i {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-danger .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-danger .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light-danger .show>.nav-link:after {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active {
    color: #f64e60;
    background-color: rgba(246, 78, 96, .1)
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-text {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon i {
    color: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #f64e60
}

.nav.nav-pills.nav-light-danger .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-danger .nav-link.active:after {
    color: #f64e60
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active), .nav.nav-pills.nav-light-primary .show>.nav-link {
    color: #6993ff;
    background-color: transparent
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-text, .nav.nav-pills.nav-light-primary .show>.nav-link .nav-text {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon i, .nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon i {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg g [fill], .nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active) .nav-icon .svg-icon svg:hover g [fill], .nav.nav-pills.nav-light-primary .show>.nav-link .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-primary .nav-link:hover:not(.active):after, .nav.nav-pills.nav-light-primary .show>.nav-link:after {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active {
    color: #6993ff;
    background-color: rgba(105, 147, 255, .1)
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-text {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon i {
    color: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    fill: #6993ff
}

.nav.nav-pills.nav-light-primary .nav-link.active .nav-icon .svg-icon svg:hover g [fill] {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.nav.nav-pills.nav-light-primary .nav-link.active:after {
    color: #6993ff
}

.nav.nav-bold .nav-item .nav-link {
    font-weight: 500
}

.nav.nav-bold .nav-item .nav-link .nav-text {
    font-weight: 500
}

.nav.nav-bolder .nav-item .nav-link {
    font-weight: 600
}

.nav.nav-bolder .nav-item .nav-link .nav-text {
    font-weight: 600
}

.nav.nav-boldest .nav-item .nav-link {
    font-weight: 700
}

.nav.nav-boldest .nav-item .nav-link .nav-text {
    font-weight: 700
}

.form-control.form-control-solid {
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    color: #3f4254;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.form-control.form-control-solid::-moz-placeholder {
    color: #b5b5c3;
    opacity: 1
}

.form-control.form-control-solid:-ms-input-placeholder {
    color: #b5b5c3
}

.form-control.form-control-solid::-webkit-input-placeholder {
    color: #b5b5c3
}

.form-control.form-control-solid.active, .form-control.form-control-solid.focus, .form-control.form-control-solid:active, .form-control.form-control-solid:focus {
    background-color: #ebedf3;
    border-color: #ebedf3;
    color: #3f4254;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease
}

#portlet-task-manager {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transform-origin: 25px 25px;
    transition: all 0.3s ease-in-out;
    z-index: 97;
}

/** Input effect */

/*= input focus effects css
=========================== */

:focus {
    outline: none;
}

.effect-parent {
    position: relative;
}

/* necessary to give position: relative to parent. */

.effect-1, .effect-2, .effect-3 {
    border: 0;
    padding: 7px 10px;
}

.effect-1~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-1:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-2~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-2:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
    padding-left: 2px;
    right: 2px;
}

.effect-3~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-3~.focus-border:before, .effect-3~.focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-3~.focus-border:after {
    left: auto;
    right: 0;
}

.effect-3:focus~.focus-border:before, .effect-3:focus~.focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-4, .effect-5, .effect-6 {
    border: 0;
    padding: 5px 0 7px;
    border: 1px solid transparent;
    border-bottom-color: #ccc;
    transition: 0.4s;
}

.effect-4:focus, .effect-5:focus, .effect-6:focus {
    padding: 5px 14px 7px;
    transition: 0.4s;
}

.effect-4~.focus-border {
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 0.4s;
    z-index: -1;
}

.effect-4:focus~.focus-border {
    transition: 0.4s;
    height: 36px;
    border: 2px solid #3399FF;
    z-index: 1;
}

.effect-5~.focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.4s;
}

.effect-5:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-6~.focus-border {
    position: absolute;
    height: 36px;
    bottom: 0;
    right: 0;
    width: 0;
    transition: 0.4s;
}

.effect-6:focus~.focus-border {
    width: 100%;
    transition: 0.4s;
    border: 2px solid #3399FF;
}

.effect-7, .effect-8, .effect-9 {
    border: 1px solid #ccc;
    padding: 7px 14px 9px;
    transition: 0.4s;
}

.effect-7~.focus-border:before, .effect-7~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-7~.focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-7~.focus-border i:before, .effect-7~.focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-7~.focus-border i:after {
    left: auto;
    right: 0;
}

.effect-7:focus~.focus-border:before, .effect-7:focus~.focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-7:focus~.focus-border i:before, .effect-7:focus~.focus-border i:after {
    top: 0;
    height: 100%;
    transition: 0.6s;
}

.effect-8~.focus-border:before, .effect-8~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-8~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-8~.focus-border i:before, .effect-8~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-8~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-8:focus~.focus-border:before, .effect-8:focus~.focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-8:focus~.focus-border i:before, .effect-8:focus~.focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-9~.focus-border:before, .effect-9~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-9~.focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-9~.focus-border i:before, .effect-9~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-9~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-9:focus~.focus-border:before, .effect-9:focus~.focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-9:focus~.focus-border:after {
    transition-delay: 0.2s;
}

.effect-9:focus~.focus-border i:before, .effect-9:focus~.focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-9:focus~.focus-border i:after {
    transition-delay: 0.4s;
}

.effect-10, .effect-11, .effect-12, .effect-13, .effect-14, .effect-15 {
    border: 0;
    padding: 7px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-10~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.effect-10:focus~.focus-bg {
    transition: 0.5s;
    opacity: 1;
}

.effect-11~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-11:focus~.focus-bg {
    transition: 0.3s;
    width: 100%;
}

.effect-12~.focus-bg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-12:focus~.focus-bg {
    transition: 0.3s;
    width: 100%;
    left: 0;
}

.effect-13~.focus-bg:before, .effect-13~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-13:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
}

.effect-13~.focus-bg:after {
    left: auto;
    right: 0;
}

.effect-13:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
}

.effect-14~.focus-bg:before, .effect-14~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-14:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-14~.focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-14:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-15~.focus-bg:before, .effect-15~.focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-15:focus~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-15~.focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-15:focus~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-16, .effect-17, .effect-18 {
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}

.effect-16~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-16:focus~.focus-border, .has-content.effect-16~.focus-border {
    width: 100%;
    transition: 0.4s;
}

.effect-16~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-16:focus~label, .has-content.effect-16~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-17~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-17:focus~.focus-border, .has-content.effect-17~.focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.effect-17~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-17:focus~label, .has-content.effect-17~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-18~.focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 99;
}

.effect-18~.focus-border:before, .effect-18~.focus-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-18~.focus-border:after {
    left: auto;
    right: 0;
}

.effect-18:focus~.focus-border:before, .effect-18:focus~.focus-border:after, .has-content.effect-18~.focus-border:before, .has-content.effect-18~.focus-border:after {
    width: 50%;
    transition: 0.4s;
}

.effect-18~label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-18:focus~label, .has-content.effect-18~label {
    top: -16px;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-19, .effect-20, .effect-21 {
    border: 1px solid #ccc;
    padding: 7px 14px;
    transition: 0.4s;
    background: transparent;
}

.effect-19~.focus-border:before, .effect-19~.focus-border:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-19~.focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-19~.focus-border i:before, .effect-19~.focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.6s;
}

.effect-19~.focus-border i:after {
    left: auto;
    right: 0;
}

.effect-19:focus~.focus-border:before, .effect-19:focus~.focus-border:after, .has-content.effect-19~.focus-border:before, .has-content.effect-19~.focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-19:focus~.focus-border i:before, .effect-19:focus~.focus-border i:after, .has-content.effect-19~.focus-border i:before, .has-content.effect-19~.focus-border i:after {
    top: -1px;
    height: 100%;
    transition: 0.6s;
}

.effect-19~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-19:focus~label, .has-content.effect-19~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-20~.focus-border:before, .effect-20~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.3s;
}

.effect-20~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-20~.focus-border i:before, .effect-20~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.4s;
}

.effect-20~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-20:focus~.focus-border:before, .effect-20:focus~.focus-border:after, .has-content.effect-20~.focus-border:before, .has-content.effect-20~.focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-20:focus~.focus-border i:before, .effect-20:focus~.focus-border i:after, .has-content.effect-20~.focus-border i:before, .has-content.effect-20~.focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.effect-20~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-20:focus~label, .has-content.effect-20~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-21~.focus-border:before, .effect-21~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.effect-21~.focus-border:after {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    transition-delay: 0.6s;
}

.effect-21~.focus-border i:before, .effect-21~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #3399FF;
    transition: 0.2s;
}

.effect-21~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition-delay: 0.4s;
}

.effect-21:focus~.focus-border:before, .effect-21:focus~.focus-border:after, .has-content.effect-21~.focus-border:before, .has-content.effect-21~.focus-border:after {
    width: 100%;
    transition: 0.2s;
    transition-delay: 0.6s;
}

.effect-21:focus~.focus-border:after, .has-content.effect-21~.focus-border:after {
    transition-delay: 0.2s;
}

.effect-21:focus~.focus-border i:before, .effect-21:focus~.focus-border i:after, .has-content.effect-21~.focus-border i:before, .has-content.effect-21~.focus-border i:after {
    height: 100%;
    transition: 0.2s;
}

.effect-21:focus~.focus-border i:after, .has-conten.effect-21~.focus-border i:after {
    transition-delay: 0.4s;
}

.effect-21~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-21:focus~label, .has-content.effect-21~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #3399FF;
    transition: 0.3s;
}

.effect-22, .effect-23, .effect-24 {
    border: 0;
    padding: 7px 15px;
    border: 1px solid #ccc;
    position: relative;
    background: transparent;
}

.effect-22~.focus-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: transparent;
    transition: 0.4s;
    z-index: -1;
}

.effect-22:focus~.focus-bg, .has-content.effect-22~.focus-bg {
    transition: 0.4s;
    width: 100%;
    background-color: #ededed;
}

.effect-22~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-22:focus~label, .has-content.effect-22~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

.effect-23~.focus-bg:before, .effect-23~.focus-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-23:focus~.focus-bg:before, .has-content.effect-23~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-23~.focus-bg:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-23:focus~.focus-bg:after, .has-content.effect-23~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
}

.effect-23~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-23:focus~label, .has-content.effect-23~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

.effect-24~.focus-bg:before, .effect-24~.focus-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    background-color: #ededed;
    transition: 0.3s;
    z-index: -1;
}

.effect-24:focus~.focus-bg:before, .has-content.effect-24~.focus-bg:before {
    transition: 0.3s;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.effect-24~.focus-bg:after {
    left: auto;
    right: 50%;
    top: auto;
    bottom: 50%;
}

.effect-24:focus~.focus-bg:after, .has-content.effect-24~.focus-bg:after {
    transition: 0.3s;
    width: 50%;
    height: 100%;
    bottom: 0;
    right: 0;
}

.effect-24~label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
}

.effect-24:focus~label, .has-content.effect-24~label {
    top: -18px;
    left: 0;
    font-size: 12px;
    color: #333;
    transition: 0.3s;
}

/*= input focus effects css End
=============================== */

.box-shadow-md {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    background: white;
    border-radius: 5px;
}

/*
 *  STYLE 1
 */

.style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*
 *  STYLE 2
 */

.style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #D62929;
}

/*
 *  STYLE 3
 */

.style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*
 *  STYLE 4
 */

.style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-4::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

/*
 *  STYLE 5
 */

.style-5::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-5::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-5::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

/*
 *  STYLE 6
 */

.style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-6::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-6::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 7
 */

.style-7::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-7::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-7::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
}

/*
 *  STYLE 8
 */

.style-8::-webkit-scrollbar-track {
    border: 1px solid black;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-8::-webkit-scrollbar-thumb {
    background-color: #000000;
}

/*
 *  STYLE 9
 */

.style-9::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.style-9::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-9::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 10
 */

.style-10::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-10::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-10::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 11
 */

.style-11::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-11::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-11::-webkit-scrollbar-thumb {
    background-color: #3366FF;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent)
}

/*
 *  STYLE 12
 */

.style-12::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: #444444;
}

.style-12::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-12::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D62929;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent)
}

/*
 *  STYLE 13
 */

.style-13::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    background-color: #CCCCCC;
}

.style-13::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.style-13::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #D62929;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent)
}

/*
 *  STYLE 14
 */

.style-14::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
    background-color: #CCCCCC;
}

.style-14::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-14::-webkit-scrollbar-thumb {
    background-color: #FFF;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 25%, transparent 100%, rgba(0, 0, 0, 1) 75%, transparent)
}

/*
 *  STYLE 15
 */

.style-15::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-15::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.style-15::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(.6, #54DE5D))
}

/*
 *  STYLE 16
 */

.style-16::-webkit-scrollbar {
    width: 1px;
    /*background-color: #F1F3F4;*/
}

.style-16::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    /*background-image: -webkit-linear-gradient(top,
        #e4f5fc 0%,
        #bfe8f9 50%,
        #9fd8ef 51%,
        #2ab0ed 100%);*/
}

.pulse {
    overflow: visible;
    position: relative;
}

.pulse:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    transition: opacity .3s, transform .3s;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Modal extra large */

.modal-dialog.modal-xxl {
    max-width: 90%;
}

/*Alignement entete tableau*/

.table tr th.align-table-header {
    text-align: left;
    vertical-align: middle;
}

.font-table-content {
    font-size: 12px;
}

.trough {
    text-decoration: line-through;
}

.trough-red {
    text-decoration: 2px line-through red;
}

/* 28 AOUT 2020*/

[data-lborder-color="theme-color"] {
    border-left: 3px solid #805AD5;
}

[data-bborder-color="theme-color"] {
    border-bottom: 1px solid #805AD5;
}

.owl-carousel[data-affaires-list-carousel] .item {
    position: relative
}

.owl-carousel[data-affaires-list-carousel] .actions {
    position: absolute;
    right: 1em;
    bottom: 1em;
}

.owl-carousel[data-affaires-list-carousel] .actions button:first-child {
    margin-right: 1em;
}

.flip-vertical-fwd {
    -webkit-animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(160px) rotateY(180deg);
        transform: translateZ(160px) rotateY(180deg);
    }
}

@keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
    }
    100% {
        -webkit-transform: translateZ(160px) rotateY(180deg);
        transform: translateZ(160px) rotateY(180deg);
    }
}

.center-div {
    width: 50%;
    margin: 0 auto;
}

.popover {
    max-width: 900px;
    width: 620px;
}

/*bootstrap-switch-div~ */

.bootstrap-switch {
    max-width: 110px;
    border-radius: 3px;
    border: 0px solid;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-container {
    max-width: 203px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.5;
    letter-spacing: 0rem;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 4px 12px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.append-me-to-window {
    position: relative;
    top: 12%;
    left: -4%;
    opacity: 1;
    width: 9.3em;
}

.input-fit-td {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 0px;
    border-radius: 9px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.75rem 0.5rem;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 0px/*solid grey*/
    ;
    border-radius: 0px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius-color {
    display: block;
    height: 2.4rem !important;
    width: 3rem !important;
    padding: 0.25rem 0.4rem !important;
    font-size: 0.5rem;
    background-color: #f3f6f9;
    border: 2px solid #ebedf2;
    border-radius: 5px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-fit-td-no-radius-color-select {
    display: block;
    height: 2.4rem !important;
    width: 100% !important;
    font-size: 0.7rem;
    background-color: #f3f6f9;
    border: 2px solid #ebedf2;
    border-radius: 5px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin-top: 3px;
}

.label-text-wbg {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d78ff;
    font-weight: bold;
    background-color: #f3f6f9;
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.label-radio-bloc-wbg {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d78ff;
    font-weight: bold;
    /*background-color: #f3f6f9;*/
    background-clip: padding-box;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

[data-opacity="true"] {
    background-color: rgba(0, 0, 0, .0001) !important;
}

.body-opacity {
    opacity: 0.2;
}

.fc-event {
    cursor: pointer;
}

.box-lexique {
    top: 1em;
    width: 24.5vw;
    min-height: 200px;
    margin: 100px auto;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #EEEEEE;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.box-recipient-mail {
    top: 40%;
    width: 21vw;
    bottom: 20%;
    opacity: 0.5;
    position: fixed;
    min-height: 200px;
    margin: 100px auto;
    border-radius: 5px;
    border: 1px solid #EFF2FF;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.truncate-texte-vsm {
    width: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-sm {
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-mini {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-texte-600 {
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floating-button-attachment {
    position: sticky;
    left: 100%;
    z-index: 10;
    border-radius: 5px;
    border: 1px solid #f4b401;
    cursor: pointer;
}

.floating-button-attachment:hover {
    width: 4em;
    height: 4em;
}

/*----------  Réglages Upload Page / Left Side  ----------*/

.kt-upload-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.upload_illustration img {
    width: 80%;
    margin: 12% auto;
    transition: .3s linear all;
}

/* Desktops and laptops ----------- */

@media only screen and (min-height: 400px) and (max-height: 700px) {
    .upload_illustration>img {
        width: 50% !important;
        transition: .3s linear all;
        /* left: 0; right: 0; */
    }
}

/* APEX CHARTS */

#chart, .chart-box {
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
}

.apexcharts-canvas {
    margin: 0 auto;
}

/* Images Avec Checkboxes */

ul.img-checkbox-grid {
    list-style-type: none;
}

.img-checkbox-grid li {
    display: inline-block;
}

.img-checkbox-grid input[type="checkbox"][id^="myCheckbox"] {
    display: none;
}

.img-checkbox-grid label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

.img-checkbox-grid label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 2px solid #1CDB05;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    transition-duration: 0.4s;
    transform: scale(0);
}

.img-checkbox-grid label img {
    height: 100px;
    width: 100px;
    border-radius: 12px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

.img-checkbox-grid :checked+label {
    border-color: #ddd;
}

.img-checkbox-grid :checked+label:before {
    content: "✓";
    background-color: #17B404;
    transform: scale(1);
}

.img-checkbox-grid :checked+label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
}

#mapid {
    z-index: 1;
}

[data-mailbox-trigger="true"] {
    cursor: pointer;
}

[data-mailbox-trigger="true"]:hover {
    color: #5d78ff;
    font-weight: bold;
    /*font-size: 11px;*/
}

.fit-to-center-mail-box {
    transition: top 2s, left 2s, width 2s !important;
}

.fit-to-center-mail-box-accroche {
    right: 100% !important;
    position: fixed !important;
    max-width: 700px !important;
    left: 22% !important;
}

/* New label css MD */

.np-label {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: .8rem;
    background-color: #ebedf3;
    color: #3f4254;
    font-weight: 400;
    height: 20px;
    width: 20px;
    font-size: .8rem
}

.np-label.np-label-primary {
    color: #fff;
    background-color: #6993ff
}

.np-label.np-label-outline-primary {
    background-color: transparent;
    color: #6993ff;
    border: 1px solid #6993ff
}

.np-label.np-label-outline-primary.np-label-outline-2x {
    border: 2px solid #6993ff
}

.np-label.np-label-light-primary {
    color: #6993ff;
    background-color: #e1e9ff
}

.np-label.np-label-secondary {
    color: #3f4254;
    background-color: #e4e6ef
}

.np-label.np-label-outline-secondary {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #e4e6ef
}

.np-label.np-label-outline-secondary.np-label-outline-2x {
    border: 2px solid #e4e6ef
}

.np-label.np-label-light-secondary {
    color: #e4e6ef;
    background-color: #ebedf3
}

.np-label.np-label-success {
    color: #fff;
    background-color: #1bc5bd
}

.np-label.np-label-outline-success {
    background-color: transparent;
    color: #1bc5bd;
    border: 1px solid #1bc5bd
}

.np-label.np-label-outline-success.np-label-outline-2x {
    border: 2px solid #1bc5bd
}

.np-label.np-label-light-success {
    color: #1bc5bd;
    background-color: #c9f7f5
}

.np-label.np-label-info {
    color: #fff;
    background-color: #8950fc
}

.np-label.np-label-outline-info {
    background-color: transparent;
    color: #8950fc;
    border: 1px solid #8950fc
}

.np-label.np-label-outline-info.np-label-outline-2x {
    border: 2px solid #8950fc
}

.np-label.np-label-light-info {
    color: #8950fc;
    background-color: #eee5ff
}

.np-label.np-label-warning {
    color: #fff;
    background-color: #ffa800
}

.np-label.np-label-outline-warning {
    background-color: transparent;
    color: #ffa800;
    border: 1px solid #ffa800
}

.np-label.np-label-outline-warning.np-label-outline-2x {
    border: 2px solid #ffa800
}

.np-label.np-label-light-warning {
    color: #ffa800;
    background-color: #fff4de
}

.np-label.np-label-danger {
    color: #fff;
    background-color: #f64e60
}

.np-label.np-label-outline-danger {
    background-color: transparent;
    color: #f64e60;
    border: 1px solid #f64e60
}

.np-label.np-label-outline-danger.np-label-outline-2x {
    border: 2px solid #f64e60
}

.np-label.np-label-light-danger {
    color: #f64e60;
    background-color: #ffe2e5
}

.np-label.np-label-light {
    color: #7e8299;
    background-color: #f3f6f9
}

.np-label.np-label-outline-light {
    background-color: transparent;
    color: #3f4254;
    border: 1px solid #f3f6f9
}

.np-label.np-label-outline-light.np-label-outline-2x {
    border: 2px solid #f3f6f9
}

.np-label.np-label-light-light {
    color: #f3f6f9;
    background-color: #f3f6f9
}

.np-label.np-label-dark {
    color: #fff;
    background-color: #181c32
}

.np-label.np-label-outline-dark {
    background-color: transparent;
    color: #181c32;
    border: 1px solid #181c32
}

.np-label.np-label-outline-dark.np-label-outline-2x {
    border: 2px solid #181c32
}

.np-label.np-label-light-dark {
    color: #181c32;
    background-color: #d1d3e0
}

.np-label.np-label-white {
    color: #3f4254;
    background-color: #fff
}

.np-label.np-label-outline-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.np-label.np-label-outline-white.np-label-outline-2x {
    border: 2px solid #fff
}

.np-label.np-label-light-white {
    color: #fff;
    background-color: #fff
}

.np-label.np-label-inline {
    width: auto;
    padding: .15rem .75rem;
    border-radius: .42rem
}

.np-label.np-label-inline.np-label-md {
    padding: .8rem .6rem
}

.np-label.np-label-inline.np-label-lg {
    padding: .9rem .75rem
}

.np-label.np-label-inline.np-label-xl {
    padding: 1rem .85rem
}

.np-label.np-label-pill {
    border-radius: none
}

.np-label.np-label-rounded {
    border-radius: .42rem
}

.np-label.np-label-square {
    border-radius: 0
}

.np-label.np-label-dot {
    display: inline-block;
    font-size: 0!important;
    vertical-align: middle;
    text-align: center
}

.np-label.np-label-inline {
    width: auto
}

.np-label.np-label-dot {
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px
}

.np-label.np-label-sm {
    height: 16px;
    width: 16px;
    font-size: .75rem
}

.np-label.np-label-sm.np-label-inline {
    width: auto
}

.np-label.np-label-sm.np-label-dot {
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px
}

.np-label.np-label-lg {
    height: 24px;
    width: 24px;
    font-size: .9rem
}

.np-label.np-label-lg.np-label-inline {
    width: auto
}

.np-label.np-label-lg.np-label-dot {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px
}

.np-label.np-label-xl {
    height: 28px;
    width: 28px;
    font-size: 1rem
}

.np-label.np-label-xl.np-label-inline {
    width: auto
}

.np-label.np-label-xl.np-label-dot {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px
}

.alias {
    cursor: alias;
}

.all-scroll {
    cursor: all-scroll;
}

.auto {
    cursor: auto;
}

.cell {
    cursor: cell;
}

.context-menu {
    cursor: context-menu;
}

.col-resize {
    cursor: col-resize;
}

.copy {
    cursor: copy;
}

.crosshair {
    cursor: crosshair;
}

.default {
    cursor: default;
}

.e-resize {
    cursor: e-resize;
}

.ew-resize {
    cursor: ew-resize;
}

.grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.help {
    cursor: help;
}

.move {
    cursor: move !important;
}

.n-resize {
    cursor: n-resize;
}

.ne-resize {
    cursor: ne-resize;
}

.nesw-resize {
    cursor: nesw-resize;
}

.ns-resize {
    cursor: ns-resize;
}

.nw-resize {
    cursor: nw-resize;
}

.nwse-resize {
    cursor: nwse-resize;
}

.no-drop {
    cursor: no-drop;
}

.none {
    cursor: none;
}

.not-allowed {
    cursor: not-allowed;
}

.pointer {
    cursor: pointer;
}

.progress {
    cursor: progress;
}

.row-resize {
    cursor: row-resize;
}

.s-resize {
    cursor: s-resize;
}

.se-resize {
    cursor: se-resize;
}

.sw-resize {
    cursor: sw-resize;
}

.text {
    cursor: text;
}

.url {
    cursor: url(myBall.cur), auto;
}

.w-resize {
    cursor: w-resize;
}

.wait {
    cursor: wait;
}

.zoom-in {
    cursor: zoom-in;
}

.zoom-out {
    cursor: zoom-out;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.div-loader-parent {
    opacity: 0.5;
    pointer-events: none;
}

.div-loader {
    z-index: 9;
    opacity: 1 !important;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #0037ffa6;
    border-right: 5px solid #008000c2;
    border-bottom: 5px solid #ff0000ab;
    border-left: 5px solid #ffff00b8;
    width: 80px;
    height: 80px;
    left: 43%;
    position: relative;
    top: 40em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.class-calculette-icon-field-editable {
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: bottom 100% right 0%;
    background-image: url("../media/icons/pencil.svg");
}

.calcluette-top-bar {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eaedf2;
    border-radius: 4px;
    background-color: #f7f8fa;
    position: relative;
    top: -2mm;
    z-index: 2;
}

.calcluette-top-bar-middle {
    padding-top: 5px;
    margin-top: 1mm;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #5867dd;
}

.calcluette-top-bar-right {
    float: right;
}

.lte-active-agency {
    color: #feb822 !important;
    border-bottom: 3px solid #feb822;
}

.lte-inactive-agency {
    border-bottom: 3px solid lavenderblush;
}

.place-top {
    vertical-align: top !important;
}

.icon-rotate {
    -webkit-animation: spin 3.5s linear infinite;
    -moz-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
}

.news-item {
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 10px !important;
    /* border: 2px solid #ffa80040 !important; */
    background-color: #372236f7 !important;
    max-height: 60px !important;
}

.news-item-bis {
    background: rgb(253 57 122 / 2%) !important;
    border-color: transparent !important;
    color: #fd397a !important;
    border: 1px solid #f8387947 !important;
    max-height: 35px !important;
}

.lexique-var {
    border-radius: 4px;
    font-size: 13px;
    color: #eb5798;
    background-color: #e0e3ec61;
    font-weight: 900;
    padding: 2px 7px 2px 7px;
    font-family: monospace !important;
    font-style: oblique !important;
    border-bottom: 2px solid #eee5ff;
    bottom: 2em;
}

.lexique-var-title {
    font-size: 14px;
    color: #000;
    font-weight: 900;
    padding: 2px 7px 2px 7px;
    font-family: monospace !important;
    text-transform: uppercase;
    text-decoration: overline;
}

.kt-statlauncher {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 100px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
}

.kt-statlauncher svg {
    height: 20px;
    width: 20px
}

.kt-statlauncher>i {
    font-size: 1.3rem;
    color: #ffffff
}

.kt-statlauncher g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff
}

.kt-statlauncher:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease
}

.kt-statlauncher:hover>i {
    color: #ffffff
}

@media (max-width: 1024px) {
    .kt-statlauncher {
        bottom: 30px;
        right: 15px
    }
}

@-webkit-keyframes kt-statlauncher-show-animation {
    from {
        margin-bottom: -15px
    }
    to {
        margin-bottom: 0
    }
}

@keyframes kt-statlauncher-show-animation {
    from {
        margin-bottom: -15px
    }
    to {
        margin-bottom: 0
    }
}