@import 'modal.css';
@import 'ImgMarker.css';
@import 'animations.css';
@font-face {
    font-family: "svosony";
    src: local("Sony Sketch EF"),
    url("../../css/fonts/sony_sketch_ef.eot"),
    url("../../css/fonts/sony_sketch_ef.ttf") format("opentype"),
    url("../../css/fonts/sony_sketch_ef.ttf") format("truetype"),
    url("../../css/fonts/sony_sketch_ef.woff") format("woff"),
    url("../../css/fonts/sony_sketch_ef.otf") format("opentype"),
    url("../../css/fonts/sony_sketch_ef.svg#sony_sketch_ef") format("svg");
}

@font-face {
    font-family: "source-r";
    src: url(../../css/fonts/source-sans-pro/sourcesanspro-regular.otf);
}

@font-face {
    font-family: "source-l";
    src: url(../../css/fonts/source-sans-pro/sourcesanspro-light.otf);
}

@font-face {
    font-family: "source-b";
    src: url(../../css/fonts/source-sans-pro/sourcesanspro-bold.otf);
}

@font-face {
    font-family: "source-s";
    src: url(../../css/fonts/source-sans-pro/sourcesanspro-regular.otf);
}

/* **** */
/* Qtip */
/* **** */
.cf2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cf2:before,
.cf2:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf2:before,
.cf2:after {
    display: table;
    content: " ";
}

.cf2:after {
    display: block;
    /*clear: both;*/
    /*  clear: both;*/
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf,
.clearfix {
    zoom: 1;
}


/** Définitions des couleurs de texte standards **/
.txt_5a7bef {
    color: #000;
}

.txt_rouge {
    color: red;
}

.txt_blanc {
    color: white;
}

.txt_green {
    color: green;
}

.txt_73b962 {
    color: #73b962;
}

.txt_4ebcbc {
    color: #4ebcbc;
}

.txt_fd971f {
    color: #fd971f;
}

.txt_Ef7781 {
    color: #EF7781;
}

.txt_fc6258 {
    color: #FC6258;
}

.txt_898989 {
    color: #898989;
}
.bg_5a7bef {
    background-color: #000;
}

.bg_rouge {
    background-color: red;
}

.bg_green {
    background-color: green;
}

.bg_73b962 {
    background-color: #73b962;
}

.bg_4ebcbc {
    background-color: #4ebcbc;
}

.bg_fd971f {
    background-color: #fd971f !important;
}

.bg_Ef7781 {
    background-color: #EF7781;
}

.bg_fc6258 {
    background-color: #FC6258;
}

input.bouton.annuler {
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #666;
    height: 30px;
    width: 30px;
    color: #666;
    background: #fff;
    margin: 0;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
}

input.bouton.annuler:hover {
    color: #ffffff;
    background-color: #666;
}

/* Formulaire */
.label_error {
    color: #EF7781 !important;
}

.input_error,
.input_error:hover,
.input_error:focus {
    background-color: #FFBFC6 !important;
}

.label_ok {
    color: #73b962 !important;
}

.input_ok,
.input_ok:hover,
.input_ok:focus {
    background-color: #c9e4c2 !important;
}

label span {
    color: #898989;
    font-size: 13px;
    line-height: 13px;
}

input:disabled,
textarea:disabled,
select:disabled {
    color: #a0a0a0;
    cursor: not-allowed;
}

input.bouton {
    height: 32px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 1%;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center !important;
}

input.bouton.lower {
    text-transform: initial;
}


.bouton.full {
    display: block;
    margin: 0px auto;
    width: 100%;
}

input.bouton:disabled {
    color: #a0a0a0 !important;
    cursor: not-allowed;
    background-color: #d5d5d5 !important;
    border-color: #d5d5d5 !important;
}

input.bouton.bleu {
    background: #000;
    color: #fff;
}

input.bouton.mauve {
    background: #000;
    color: #ffffff
}

input.bouton.violet {
    background: #635bff;
    color: #ffffff
}

/* leads */

input.bouton.perdu {
    color: #FF5143;
    background: #fff;
    border: 1px solid #FF5143;
}

input.bouton.gagne {
    color: #10E192;
    background: #fff;
    border: 1px solid #10E192;
}

input.bouton.perdu.on {
    color: #fff !important;
    background: #FF5143 !important;
    border: 1px solid #FF5143 !important;;

}

input.bouton.offre {
    color: #4ebcbc;
    background: #fff;
    border: 1px solid #4ebcbc;
}

input.bouton.offre.on {
    background: #4ebcbc !important;
    color: white !important;
    border: 1px solid #4ebcbc !important;
}

input.bouton.gagne.on {
    background: #10E192 !important;
    color: white !important;
    border: 1px solid #10E192 !important;
}

input.bouton.experveo {
    background: yellowgreen;
    color: #fff;
}

input.bouton.orange {
    background: #000;
    /*#4B5A7B;*/
    color: #fff;
}

input.bouton.danger {
    background: #FC6258;
    color: #fff;
}

input.bouton.orange2 {
    background: #fd971f;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px !important;
    margin-right: 4px;
}

input.bouton.gris {
    background: #666666;
    color: #fff;
}

input.bouton.petit {
    font-size: 14px;
    height: 30px;
    margin: 0 2px;
    padding: 0 10px;
}

a.bouton {
    line-height: 32px;
    height: 32px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 1%;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center !important;
}

a.bouton:disabled {
    color: #a0a0a0 !important;
    cursor: not-allowed;
    background-color: #d5d5d5 !important;
}

a.bouton.bleu {
    background: #000;
    color: #fff;
}

a.bouton.orange {
    background: #000;
    /*#384e6a;*/
    color: #fff;
}

a.bouton.orange2 {
    background: #fd971f;
    color: #fff;
}

a.bouton.gris {
    background: #666666;
    color: #fff;
}

a.bouton.petit {
    font-size: 14px;
    height: 30px;
    margin: 0 2px;
    padding: 0 10px;
}

button.bouton, a.bouton {
    line-height: 40px;
    height: 40px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 1%;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center !important;
    outline: none !important;
}

button.bouton-sm {
    line-height: 32px;
    height: 32px;
    text-transform: uppercase;
    padding: 0 10px;
}

button.bouton:disabled {
    color: #a0a0a0 !important;
    cursor: not-allowed;
    background-color: #d5d5d5 !important;
}

button.bordGris {
    background: #ffffff;
    border: 1px solid #a0a0a0;
    color: #666666;
    transition: all 0.1s ease-in-out;
}

button.bordGris:hover {
    color: #ffffff;
    background-color: #73b962;
    border: 1px solid #73b962;
}

button.bordGris.withCancel:hover {
    color: #ffffff;
    background-color: #EF7781;
    border: 1px solid #EF7781;
}

button.bouton.bleu {
    background: #000;
    color: #fff;
}

button.bouton.mauve {
    background: #000;
    color: #ffffff
}

button.bouton.rouge {
    background: #EF7781;
    color: #fff;
}

button.bouton.orange {
    background: #000;
    /*#384e6a;*/
    color: #fff;
}

button.bouton.orange2 {
    background: #fd971f;
    color: #fff;
}
input.bouton.gradient {
    outline: 0;
    border: none;
    border-radius: 7px;
    font-size: 12px;
    transition: all ease-in-out 125ms;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    align-items: center;
    font-weight: bold;
    height: 35px;
    min-width: 130px;
    background: -moz-linear-gradient(90deg, rgba(142, 26, 150, 1) 0%, rgba(250, 1, 35, 1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(142, 26, 150, 1) 0%, rgba(250, 1, 35, 1) 100%)!important;
    background: linear-gradient(90deg, rgba(142, 26, 150, 1) 0%, rgba(250, 1, 35, 1) 100%) !important;;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e1a96", endColorstr="#fa0123", GradientType=1);
    color: #fff !important;;
    text-transform: capitalize;
    letter-spacing: 1px;
}

button.bouton.gris {
    background: #666666;
    color: #fff;
}
button.bouton.success {
    background: #73b962;
    color: #fff;
}

button.bouton.danger {
    background: #FC6258;
    color: #fff;
}

button.bouton.petit {
    line-height: 25px;
    font-size: 12px;
    height: 25px;
    margin: 0 2px;
    padding: 0 10px;
}

.baction button.bouton.petit {
    margin: 5px 0 0 0;
}

.transparent {
    background: none !important;
}
input.bouton_prop, button.bouton_prop {
    border-radius: 30px;
    padding: 10px 25px;
    font-family: "source-s";
    display: inline-block;
    font-size: 15px;
    margin: 5px 5px 10px 5px; /*0 10px;*/
    cursor: pointer;
    background: #ECEFF1;
    color: rgb(53, 53, 53);
    text-align: center !important;
    border: 0;
}

button[data-action="timetracking"] {
    line-height: initial !important;
}


input.bouton_prop:disabled, button.bouton_prop:disabled {
    color: #a0a0a0 !important;
    cursor: not-allowed;

    background-color: #d5d5d5 !important;
    border-color: #d5d5d5 !important;
}

input.bouton_prop:hover, button.bouton_prop:hover {
    background: #000;
    color: #fff;

}

input.bouton_prop.danger, button.bouton_prop.danger {
    background: #EF7781;
    border-color: #EF7781;
    color: #fff;
}

input.bouton_prop.danger:hover, button.bouton_prop.danger:hover {
    background: red;
    border-color: red;
    color: #fff;
}

input.bouton_prop.bleu, button.bouton_prop.bleu {
    background: #000;
    color: #fff;
}

button.bouton_prop.orange {
    background: #000;
    /*#384e6a;*/
    color: #fff;
}

button.bouton_prop.orange2 {
    background: #fd971f;
    color: #fff;
}

button.bouton_prop.gris {
    background: #666666;
    color: #fff;
}

button.bouton_prop.petit {
    line-height: 25px;
    font-size: 12px;
    height: 25px;
    margin: 0 2px;
    padding: 0 10px;
}

body {
    text-align: left;
    background-color: #F2F2F2; /*#E9E9E9;*/
    margin: 0;
    font-family: system-ui;
    font-size: 14px;
    padding: 0;
}

header {
    background: #FFFFFF;
}

h1 {
    margin: 0;
    padding: 10px;
    background: transparent;
    color: #000;
    text-transform: uppercase;
    font-family: "source-s";
}

h1 span {
    font-family: "source-l";
    font-size: 14px;
    padding: 0 10px;
}

h4 {
    background: transparent;
    color: #4B5A7B;
}

.titre_page {
    background: transparent;
    text-align: left !important;
    margin: 0;
    padding: 10px;
    color: #4B5A7B;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "source-b";
}

.qtip {
    max-width: 1024px !important;
}

.qtip.svo_qtip_info {
    max-width: 500px !important;
}

.svo_qtip {
    background: #ddd;
    border: 1px solid #384E6A;
    border-radius: 3px;
}


.svo_qtip .qtip-default {
    background: #ddd;
}

.svo_qtip .qtip-titlebar {
    background: #384E6A;
    color: #ffffff;
    font-size: 14px;
    font-family: source-r;
}

.svo_qtip .qtip-content {
    background: #ddd;
    font-family: source-l;
    font-size: 14px;
    color: #252525;
    margin: 3px;
}

.svo_qtip_svom {
    background: #ddd;
    border: 1px solid #11E193;
    border-radius: 5px;
}

.svo_qtip_svom .qtip-default {
    background: #11E193;

}

.svo_qtip_prop {
    background: #e0ebff;
    border: 1px solid #11E193;
}

.svo_qtip_prop .qtip-default {
    background: #e0ebff !important;
}

.svo_qtip_prop .qtip_content {
    background: #e0ebff !important;
}


.svo_qtip_svom .qtip-titlebar {
    background: #384E6A;
    color: #ffffff;
    font-size: 14px;
    font-family: source-r;
}

.svo_qtip_svom .qtip-content {
    background: #11E193;
    font-family: source-l;
    font-size: 14px;
    color: #ffffff;
    margin: 0;
    line-height: 16px;
}

.svo_qtip_svom .qtip-content label {
    display: inline-block;
    text-align: left;
    margin-right: 10px;
    color: #fff;
}


.svo_qtip_vignette {
    background: #eee;
    border: 1px solid #384E6A;
    border-radius: 3px;
}

.svo_qtip_vignette .qtip-default {
    background: #eee;
}

.svo_qtip_vignette .qtip-titlebar {
    background: #384E6A;
    color: #ffffff;
    font-size: 14px;
    font-family: source-r;
}

.svo_qtip_vignette .qtip-content {
    background: #eee;
    font-size: 14px;
    color: #252525;
    margin: 3px;
}

.svo_qtip_vignette img {
    max-width: 250px;
    width: 100%;
    height: auto;
}

/* ********** */
/* CGU Client */
/* ********** */
.svo_client_cgu {
    max-width: 1200px;
    margin: 15px auto;
    bottom: 30px;
    position: fixed;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #454545;
    border-radius: 5px;
    overflow: hidden;
}

.svo_client_cgu .texte_cgu {
    padding: 10px;
    margin-bottom: 10px;
    overflow: auto;
    height: calc(100% - 126px);
}

.svo_client_cgu .texte_cgu .affiche_cgu {
    padding: 10px;
}

#svo_click2call_info {
    display: none;
}

.svo_numero_telephone_click2call_container {
    width: 50% !important;
}

.captcha {
    vertical-align: middle;
}

.label_en_ligne {
    display: inline-block;
    float: none;
    width: 70px;
}

label.haut {
    margin-top: 5px !important;
}

fieldset {
    border: none;
    padding: 1% 0 0 0;
}

fieldset legend {
    background: #384e6a;
    color: #ffffff;
    margin-top: -25px;
    margin-left: -10px;
    position: absolute;
    padding: 2px 10px;
}

.svo_corp {
    padding-left: 240px;
    margin: 0 10px;
    padding-top: 20px;
}

.svo_bloc_standard {
    background-color: #ffffff;
    font-size: 14px;
}

.svo_bloc_label {
    text-align: right;
}

.svo_bloc_label label {
    float: left;
}

.svo_affiche_etat_on {
    background-color: #E8F9F1;
    display: inline-block;
    border-radius: 15px;
    color: #59D69A;
    padding: 5px 13px;
    text-transform: capitalize;
    font-weight: bold;
    line-height:initial !important;
}

.svo_affiche_etat_off {
    background-color: #FCDDE3;
    display: inline-block;
    border-radius: 15px;
    color: #F04166;
    padding: 5px 13px;
    text-transform: capitalize;
    font-weight: bold;
    line-height:initial !important;
}

.svo_affiche_etat_disabled {
    background-color: #F7F7F7;
    display: inline-block;
    border-radius: 15px;
    color: #ffffff;
    padding: 5px 13px;
    text-transform: capitalize;
    font-weight: bold;
    line-height:initial !important;
}

.svo_affiche_etat_X {
    background-color: #959595;
    display: inline-block;
    border-radius: 5px;
    color: transparent;
    padding: 3px 11px 5px;
}

.svo_affiche_etat_cache {
    background-color: transparent;
    display: inline-block;
    border-radius: 5px;
    color: transparent;
    padding: 3px 11px 5px;
}

.svo_affiche_on {
    color: #6cca26;
}

.svo_affiche_off {
    color: #FC6258;
}

.svo_affiche_x {
    color: #959595;
}

/* ************** */
/* Choix du stock */
/* ************** */
.svo_bloc_gestion_choix_stock_container {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    margin-top: 10px;
}

.svo_bloc_gestion_choix_stock_container > span {
    display: block;
    line-height: 24px;
    text-align: left;
}

.svo_bloc_gestion_choix_stock_container .select {
    width: 94%;
    height: 30px;
    padding: 0px 1%;
    display: block;
    border: 1px solid #CCC;
    /*#666;*/
    font-size: 12px;
    background: #fff;
    margin-bottom: 10px;
}

.svo_bloc_gestion_choix_stock_container .select select {
    background-color: transparent;
    border: 0;
    height: 30px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
}

#svo_bloc_information_container {
    display: flex;
    text-align: left;
    align-items: center;
}

#svo_bloc_information_container div {
    display: flex;
    text-align: left;
    align-items: center;
    margin-right: 10px;
}

#svo_bloc_information_container div span {
    display: inline-block;
    margin: 0 0 0 8px;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
}

.svo_crm_block_non_lu {
    width: 35px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background-color: #FF7F71;
    border-radius: 5px;
    cursor: pointer;
}

.svo_crm_block_non_lu:hover {
    box-shadow: 0 0 4px 1px #384e6a;
}

#svo_bloc_information_container div::before {
    content: "";
    height: 1em;
    width: 1px;
    background: #CCC;
}

#svo_bloc_information_container div:last-child::after{
    /*content: "";*/
    /*height: 1em;*/
    /*width: 1px;*/
    /*background: #CCC;*/
    /*margin-left: 10px;*/
}
/* ****************** */
/* Critères de filtre */
/* ****************** */
.cont_filtres {
    padding: 10px 0;
    padding-top: 0;
    font-size: 0px;
}

table.cont_filtres {
    font-size: 14px;
}

.filtres > h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    padding: 10px 1%;
    cursor: pointer;
}

.cont_filtres fieldset + fieldset {
    border-top: 1px solid #CCC;
    /*#666;*/
    margin: 0;
}

.cont_filtres fieldset.double {
    display: inline-block;
    width: calc(50% - 12px);
    vertical-align: top;
    margin: 0;
}

.cont_filtres fieldset.triple,
.cont_filtres .cont_filtres fieldset.tiers {
    display: inline-block;
    width: calc(33% - 12px);
    vertical-align: top;
    margin: 0;
}

.cont_filtres fieldset.deuxtiers {
    display: inline-block;
    width: calc(66% - 12px);
    vertical-align: top;
    margin: 0;
}

.cont_filtres hr {
    margin: 15px auto;
    border: 1px solid #dedede;
}

.cont_filtres .field {
    width: calc(25% - 10px);
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 3px 5px 3px 5px;
    padding-bottom:5px;
    box-sizing: border-box;
}

.cont_filtres .field > label {
    width: calc(90%);
    margin: 0;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    width: auto;
    text-transform: uppercase;
    font-family: 'source-b';
    color: #000;
}

.cont_filtres .field > label sup {
    line-height: 10px;
}

.cont_filtres .field input.date {
    background: url(../images/calendrier.png) no-repeat 97% 4px #fff !important;
}

.cont_filtres .field input[type="text"],
.cont_filtres .field input[type="number"],
.cont_filtres .field input[type="password"] {
    background: #f4f4f4;
    padding: 10px;
    border: none;
    height: 45px;
    border-radius: 20px;
    margin: 0 auto 0px 0px;
    width: calc(100% - 12px);
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'source-r';
    outline: none;
}


.cont_filtres .field input[type="file"] {
    height: 30px;
    padding: 0px 5px 0px 5px;
    margin: 0 auto 0px 0px;
    width: calc(100% - 12px);
    display: block;
    /*border: 1px solid #666;*/
    border: 1px solid #CCC;
    box-sizing: border-box;

    font-size: 12px;
    font-family: 'source-r';
    background: #fff;
    outline: none;
    /*border-radius: 3px;*/
    border-radius: 0px;
    border: 0px solid #CCC;
    border-bottom-width: 1px;
}

.cont_filtres .field input[type="submit"],
.cont_filtres .field input[type="button"] {
    width: auto;
    /*border-radius:3px;*/
}

.cont_filtres .field textarea {
    box-sizing: border-box;
    height: 40px;
    margin: 0 auto 0px 0px;
    display: block;
    font-family: source-r;
    width: calc(100% - 10px);
    outline: none !important;
    background: #f4f4f4;
    font-size: 14px;
    border-radius: 20px;
    border: none;
    padding: 10px;
}

.cont_filtres .field input[type="text"]:hover,
.cont_filtres .field input[type="number"]:hover,
.cont_filtres .field input[type="password"]:hover,
.cont_filtres .field input[type="file"]:hover,
.cont_filtres .field textarea:hover {
    /*background-color: #fcfcfc !important;*/
    cursor: pointer;
}

.cont_filtres .field span.prefixe {
    display: inline-block;
    position: absolute;
    /*width: 10%;*/
    /*min-width: 30px;*/
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    left: 2%;
    font-family: source-l;
}

.cont_filtres .field span.prefixe + input {
    padding-left: 40px;
    width: calc(100% - 52px);
}

.cont_filtres .field span.suffixe {
    display: inline-block;
    position: absolute;
    /*width: 50%;*/
    /*min-width: 30px;*/
    margin-top: -2.2em;
    right: 8%;
    text-align: right;
    font-family: source-l;
    z-index: 1;
}

.cont_filtres .field input.suffixe {
    position: relative;
    z-index: 0;
    /*background-color:transparent;*/
}

.cont_filtres .field .select select.suffixe {
    width: 80%;
}

#InfoShow .cont_filtres .field span.prefixe,
#InfoShow .cont_filtres .field span.suffixe {
    z-index: 220;
}

#InfoShow .cont_filtres .field input.suffixe,
#InfoShow .cont_filtres .field input.suffixe,
#InfoShow .cont_filtres .field .select select.suffixe {
    z-index: 219;
    position: relative;
}

.cont_filtres .field .suffixed {
    display: none;
}

.cont_filtres .field .select.suffixe {
    width: calc(100% - 46px);
    display: inline-block;;
}

button.suffixed {
    width: 32px !important;
    height: 32px !important;;
    text-align: center;
    margin: 0 !important;;
    padding: 0 !important;;
    line-height: 32px !important;;
    float:right !important;

}
.cont_filtres .field .select.suffixe + button.suffixed {
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.cont_filtres .field span.afficher {
    width: calc(100% - 10px);
    height: 30px;
    padding: 0px 1% 0px 0px;
    margin: 0 auto 0px 0px;
    display: inline-block;
    border: 1px solid #CCC;
    /*#666;*/
    font-size: 14px;
    background: #fff;
    position: relative;
    vertical-align: middle;
    line-height: 30px;
}

.cont_filtres .field.unique {
    width: calc(100% - 10px);
}

.cont_filtres .field.double {
    width: calc(50% - 10px);
}

.cont_filtres .field.double.marquage {
    text-align: center;
}

.cont_filtres .field.triple {
    width: calc(33% - 10px);
}

.cont_filtres .field.deuxtiers {
    width: calc(66% - 10px);
}

.cont_filtres .field.troisquarts {
    width: calc(75% - 10px);
}

.cont_filtres .field.cinquieme {
    width: calc(20% - 10px);
}

.cont_filtres .field.deuxcinquiemes {
    width: calc(40% - 10px);
}

.cont_filtres .field.troiscinquiemes {
    width: calc(60% - 10px);
}

.cont_filtres .field.quatrecinquiemes {
    width: calc(80% - 10px);
}

.cont_filtres .field.sixieme {
    width: calc(16.6666666666666666667% - 10px);
    min-width: 200px;
}

.cont_filtres .field.huitieme {
    width: calc(12.5% - 10px);
}

.cont_filtres .field.deuxsixiemes {
    width: calc(33.3333333333333333333% - 10px);
}

.cont_filtres .field.troissixiemes {
    width: calc(49.5% - 10px);
}

.cont_filtres .field.quatresixiemes {
    width: calc(66% - 10px);
}

.cont_filtres .field.cinqsixiemes {
    width: calc(83.3333333333% - 10px);
}
.cont_filtres .field.douzieme {
    width: calc(8% - 10px);
    min-width: 130px;
}

.cont_filtres .field.libre {
    width: auto;
}

.cont_filtres .field .select {
    max-width: unset !important;
    background: #f4f4f4;
    border-radius: 20px;
    height: 35px;
    padding: 5px 10px;
    border: 0;
}

.margescharges .cont_filtres .field .select {
    max-width: unset !important;
    background: #f4f4f4;
    border-radius: 20px;
    height: 40px;
    padding: 5px 0 0 5px !important;
}
.margescharges .cont_filtres .field input.date {
    width: 100%;
}
.margescharges .cont_button input {
        width: 85%;
        border-radius: 10px;
        height: 40px;
    text-transform: initial;
}

.cont_filtres .field .select select {
    background-color: transparent;
    border: 0;
    height: 30px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.cont_filtres .field .select select option {
    background-color: #ffffff;
    cursor: pointer;
}

.cont_filtres .field .select:hover {
    background-color: #f4f4f4 !important;

}

.cont_filtres .field .select.haut {
    height: auto;
}

.cont_filtres .field .select.haut select {
    height: 200px !important;
}

.cont_filtres .field .radio {
    height: 30px;
    margin: 2.5px auto;
    display: block;
    border: none;
    font-size: 12px;
    background: transparent;
    position: relative;
}

.cont_filtres .field .radio input[type=radio] {
    display: none;
}

.cont_filtres .field .radio input[type=radio] + label {
    border: none;
    background-color: #ccc;
    border: 0;
    height: 26px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px;
    line-height: 26px;
    border-radius: 50px;
    margin: 1% 2%;
    cursor: pointer;
    width: 90%;
    display: inline-block;
}

.cont_filtres .field .radio input[type=radio]:hover + label {
    background-color: #01a1ff;
    color: white;
}

.cont_filtres .field.experveo .radio input[type=radio]:hover + label {
    background-color: yellowgreen;
    color: white;
}

.cont_filtres .field .radio input[type=radio] + label span {
    background: white;
    border-radius: 50px;
    display: inline-block;
    float: left;
    height: 26px;
    vertical-align: top;
    width: 26px;
    margin-right: 5px;
}

.cont_filtres .field .radio input[type=radio]:checked + label {
    background: #01a1ff;
    color: white;
}

.cont_filtres .field .radio input[type=radio]:checked:hover + label {
    background: #384e6a;
    color: white;
}

.cont_filtres .field .radio input[type=radio]:checked + label span {
    background: #384e6a;
    border: 2px solid white;
    height: 22px;
    width: 22px;
}

.cont_filtres .field.experveo .radio input[type=radio]:checked + label {
    background: yellowgreen;
    color: white;
}

.cont_filtres .field.experveo .radio input[type=radio]:checked:hover + label {
    background: yellowgreen;
    color: white;
}

.cont_filtres .field.experveo .radio input[type=radio]:checked + label span {
    background: yellowgreen;
    border: 2px solid white;
    height: 22px;
    width: 22px;
}

.cont_filtres .field.range {
    height: 40px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    top: -4px;
}

.cursor_container {
    width: 88%;
    margin: 0 auto;
}

.cursor_container h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #454545;
    font-family: source-r;
}

.cursor_container select {
    visibility: hidden;
    position: absolute;
    width: 1px;
}

.cursor_container .ui-slider {
    margin-top: 3px;
}

.cursor_container .ui-slider-range {
    background-color: #000 !important;
    background-image: none;
}

.cursor_container .ui-slider-horizontal {
    height: 10px;
}

.cursor_container .ui-state-active,
.cursor_container .ui-state-focus,
.cursor_container .ui-state-hover {
    background-image: none;
    background-color: #000 !important;
    border: 1px solid #000;
}

.cursor_container .show_min {
    font-size: 12px;
    text-align: left;
    position: absolute;
    left: 10px;
    top: 2px;
}

.cursor_container .show_max {
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 2px;
}

.field .ui-spinner-button {
    background: none !important;
}

.cont_trigger {
    height: 16px;
    width: 60px;
    padding: 2px;
    background: #ccc;
    color: #666;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    margin: 1% 2%;
}

.cont_trigger.active {
    background: #000;
    color: #fff;
}

.cont_trigger label {
    cursor: pointer;
}

.cont_trigger.disabled label {
    cursor: not-allowed;
}

.cont_trigger .checkbox_lug {
    height: 10px;
    width: 10px;
    background: white;
    display: inline-block;
    vertical-align: top;
    float: left;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #ffffff;
    margin-top: 1px;
    margin-left: 1px;
}

.cont_trigger:hover .checkbox_lug {
    background: #000;
}

.cont_trigger.active .checkbox_lug {
    float: right;
}

.cont_trigger.active .checked {
    color: #ffffff;
}

.cont_trigger span {
    line-height: 17px;
    display: none;
    vertical-align: top;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}

.cont_trigger span.active {
    display: block;
}

.cont_trigger input {
    display: none;
}

.cont_trigger.experveo {
    height: 26px;
    width: 76px;
    padding: 2px;
    background: #ccc;
    color: #666;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    margin: 1% 2%;
}

.cont_trigger.experveo.active {
    background: yellowgreen;
    color: #fff;
}

.cont_trigger.experveo label {
    cursor: pointer;
}

.cont_trigger.experveo.disabled label {
    cursor: not-allowed;
}

.cont_trigger.experveo .checkbox_lug {
    height: 22px;
    width: 22px;
    background: white;
    display: inline-block;
    vertical-align: top;
    float: left;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #ffffff;
}

.cont_trigger.experveo:hover .checkbox_lug {
    background: yellowgreen;
}

.cont_trigger.experveo.active .checkbox_lug {
    float: right;
}

.cont_trigger.experveo.active .checked {
    color: #ffffff;
}

.cont_trigger.experveo span {
    line-height: 28px;
    display: none;
    vertical-align: top;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}

.cont_trigger.experveo span.active {
    display: block;
}

.cont_trigger.experveo input {
    display: none;
}

.field .select.multi {
    cursor: pointer;
}

.field .select.multi p {
    text-overflow: ellipsis;
    min-height: 30px;
    margin: 0;
    padding: 0 2%;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}

.field .select.multi .multi_container {
    margin: 0 auto;
    margin-bottom: 10px;
    display: none;
    border: 1px solid #ccc;
    /*#666;*/
    font-size: 12px;
    background: #fff;
    position: absolute;
    left: -1px;
    right: -1px;
    overflow: hidden;
    top: 30px;
    z-index: 990;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.field .select.multi .multi_container label {
    display: block;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #CCC;
    /*#666;*/
    cursor: pointer;
}

.field .select.multi .multi_container label:hover {
    background: #eee;
}

.field .select.multi .multi_container label:last-child {
    border-bottom: 0px solid #CCC;
    /*#666;*/
}

.field .select.multi .multi_container label input {
    float: left;
    margin-top: 10px;
}

.field .select.multi input[type="button"] {
    width: auto;
    height: 34px;
    padding: 0 10px;
    margin: 5px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.field .select.multi input[type="button"].fermer_multi {
    background: #01a1ff;
}

.cont_button {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.cont_button_right {
    text-align: right;
    margin-top: 10px;
}

.cont_button img {
    vertical-align: middle;
}

.svo_information_statut {
    padding: 0 10px;
}

@media screen and (max-width:480px) {
    .svo_information_statut { display:none !important;}
}
.svo_information_statut h4 {
    margin: 0;
    margin-bottom: 5px;
    display: block;
    font-family: "source-l";
    font-size: 18px;
    color: #121212;
    padding-left: 20%;
    text-align: left;
}

.svo_information_statut ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}

.svo_information_statut ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    width: 98%;
    padding-left: 20%;
}

.svo_information_statut ul li.svo_crm_status_legende span {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    padding: 0 9px;
    margin: 0 5px;
    color: #000000;
}

.ic_status {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0px auto;
}

.ic_status.off {
    background-color: #fe6f09;
}

.ic_status.on {
    background-color: #75cbca;
}

.svo_information_statut .svo_crm_prospclass1 {
    background-color: #FC6258;
}

.svo_information_statut .svo_crm_prospclass2 {
    background-color: #c5c5c5;
}

.svo_information_statut .svo_crm_prospclass3 {
    background-color: #fe6f09;
}

.svo_information_statut .svo_crm_prospclass4 {
    background-color: #f8d517;
}

.svo_information_statut .svo_crm_prospclass6 {
    background-color: #e5f200;
}

.svo_information_statut .svo_crm_prospclass9 {
    background-color: #75cbca;
}

.svo_information_statut .svo_crm_prospclasssource {
    background-color: #01A1FF;
}

.svo_information_statut .svo_crm_fond_normal {
    background-color: #454545;
    color: #ffffff !important;
}

.svo_information_statut .svo_crm_source_legende {
    height: 25px;
    list-style: none;
}

.svo_information_statut .svo_crm_source_legende span {
    display: inline-block;
    width: 20px;
    padding: 0 5px;
    text-align: right;
}

.diffusion span:not(.th) {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-right: 5px;
}

.diffusion span.gris {
    background: #b8c6df;
    background: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
    background: -webkit-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
    background: linear-gradient(to bottom, #b8c6df 0%, #6d88b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0);
    border: 1px solid #6d88b7;
}

.diffusion span.vert {
    background: #c9de96;
    background: -moz-linear-gradient(top, #c9de96 0%, #398235 100%);
    background: -webkit-linear-gradient(top, #c9de96 0%, #398235 100%);
    background: linear-gradient(to bottom, #c9de96 0%, #398235 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9de96', endColorstr='#398235', GradientType=0);
    border: 1px solid #398235;
}

.diffusion span.rouge {
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0%, #ad0000 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%, #ad0000 100%);
    background: linear-gradient(to bottom, #ff3019 0%, #ad0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#ad0000', GradientType=0);
    border: 1px solid #AD0000;
}

/* ****** */
/* Tables */
/* ****** */
.svo_table {
    width: 100%;
    border-collapse: collapse;
    /*border-bottom: 1px solid #f8f8f8;*/
}

.svo_table caption {
    color: #454545;
    padding: 5px 0;
    font-weight: bold;
    text-align: left;
    font-family: source-b;
}

.svo_table thead {
    /*background: #4B5A7B;
    color: #ffffff;*/
    background: #ffffff;
    color: #4B5A7B;
    /*border-bottom: 1px solid #4B5A7B;*/
    font-family: "Open Sans";
    font-size: 13px !important;
}

.svo_table thead tr th {
    font-size: 13px !important;
    text-transform: uppercase;
    color: #000;
    padding: 3px;
    font-family: 'Lato';
}

.svo_table th,
table td {
    padding: 3px;
    line-height: 17px;
    overflow: hidden;
    /*font-size: 13px;*/

}

.svo_table tbody tr:nth-child(odd) {
    /*background: #f1f6ff;*/
}

.svo_table tbody tr:not(:last-child) {
    border-bottom: 2px solid #F2F2F2;
}

.svo_table tbody tr.nom_annuaire:nth-child(odd) {
    background: #f1f6ff;
}


.svo_table tbody tr.doc_cancel, .svo_table tbody tr.doc_cancel td {
    text-decoration: line-through !important;
    background: #fff8e0;

}

.svo_table tbody tr.doc_cancel:nth-child(odd) {
    text-decoration: line-through !important;
    background: #fff4a5;
}


.svo_table td span.th {
    display: none;
    float: left;
    font-weight: bold;
    text-align: left;
}

.svo_table tbody tr td[name=svo_celluletable] {
    cursor: pointer;
}

.svo_table tbody tr:hover {
    background-color: #F6FAFF;
}

.svo_table tbody tr:nth-child(odd):hover {
    background-color: #F6FAFF;
}

.svo_table tbody tr:hover td.confidentiel {
    background-color: #f9c17d;
}

.svo_table tbody tr.edition {
    background: transparent !important;
}

.svo_table .svo_crm_listeaction_icones img {
    cursor: pointer;
}

.svo_table tbody tr.etat_non_dispo,.svo_table tbody tr.etat_non_dispo td {
    text-decoration: line-through;
}

/* ************************ */
/* Formulaire liaison stock */
/* ************************ */
#svo_liaisonagence table th {
    text-align: center;
}

#svo_liaisonagence table td.on {
    color: #55af55;
}

#svo_liaisonagence table td.off {
    color: #808080;
}

.svo_fenetre_import {
    background: url(../images/attente3.gif) no-repeat 50% 50% #f6f6f6;
}

/* *** */
/* CRM */
/* *** */
/* email */
#svo_email_container table {
    border-collapse: collapse;
    table-layout: fixed;
}

#svo_email_container table tr td.titre {
    background-color: #384E6A;
    color: #ffffff;
    padding: 15px;
}

#svo_email_container table tr[id] td.titre {
    cursor: pointer;
}

#svo_email_container table tr[id]:hover td.titre {
    background-color: #8080ff;
}

#svo_email_container table tr td {
    white-space: nowrap;
}

.contenu_email {
    border: 1px solid #a6a6a6;
    background-color: #ffffff;
    font-family: arial;
    color: #000000;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px;
}

/* Fiche mandat */
.svo_crm_description_label {
    font-family: source-l;
    color: #808080;
}

.svo_crm_description_label img {
    vertical-align: middle;
}

#svo_fenetre_selection_vehicule {
    position: absolute;
    background-color: #ffffff;
}

#fenetre_selection_attente {
    height: 3px;
    background-color: #ff0000;
    width: 0;
    transition: width 30s ease-in;
}

.cont_onglets_page_vehicule {
    display: none;
}

.cont_onglets_page_vehicule ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    border-top: 1px solid #384e6a;
}

.cont_onglets_page_vehicule ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 25%;
    cursor: pointer;
}

.cont_onglets_page_vehicule ul li div {
    border-left: 1px solid #384e6a;
    border-right: 1px solid #384e6a;
    border-bottom: 1px solid #384e6a;
}

.cont_onglets_page_vehicule ul li + li div {
    border-left: 0px solid #384e6a;
}

.cont_onglets_page_vehicule ul li div span.icon {
    display: block;
    background: url(../images/vehicule/icons_fiche_vehicule.png) no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.cont_onglets_page_vehicule ul li div span.icone_vehi {
    background-position: 0 0;
}

.cont_onglets_page_vehicule ul li div span.icone_infos {
    background-position: 0 -50px;
}

.cont_onglets_page_vehicule ul li div span.icone_expert {
    background-position: 0 -100px;
}

.cont_onglets_page_vehicule ul li div span.icone_divers_vehicule {
    background-position: 0 -150px;
}

.cont_onglets_page_vehicule ul li div span.icone_finance {
    background-position: 0 -200px;
}

.cont_onglets_page_vehicule ul li div span.icone_enchere {
    background-position: 0 -250px;
}

.cont_onglets_page_vehicule ul li.active div span.icone_vehi {
    background-position: -50px 0;
}

.cont_onglets_page_vehicule ul li.active div span.icone_infos {
    background-position: -50px -50px;
}

.cont_onglets_page_vehicule ul li.active div span.icone_expert {
    background-position: -50px -100px;
}

.cont_onglets_page_vehicule ul li.active div span.icone_divers_vehicule {
    background-position: -50px -150px;
}

.cont_onglets_page_vehicule ul li.active div span.icone_finance {
    background-position: -50px -200px;
}

.cont_onglets_page_vehicule ul li.active div span.icone_enchere {
    background-position: -50px -250px;
}

h4.ref_vehi {
    font-size: 18px;
    font-family: "source-b";
    margin: 0px 0px 10px 0px;
    padding: 10px 0;
}

h2.nom_vehi {
    font-size: 25px;
    font-family: "source-b";
    margin: 0;
    padding: 10px 0;
    text-align: left;
}

h2.nom_vehi span {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
}

span.km_prix {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    color: #fff;
    font-family: "source-s";
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    /*border-left: 4px solid #384e6a;*/
}

span.autreStock {
    background: #FC6258;
    color: #fff !important;
    border-left-color: #FC6258 !important;

}

#svo_fiches_recherche_avancee {
    overflow: hidden;
    height: auto;
    max-height: 50px;
    transition: max-height 0.5s ease;
    margin-bottom: 15px;
}

#svo_prospection_recherche_avancee {
    overflow: hidden;
    height: auto;
    max-height: 40px;
    transition: max-height 0.5s ease;
    margin-bottom: 15px;
}

#svo_crm_prosp_email_log {
    overflow: auto;
}

#svo_fiche_info_log_renegociation {
    vertical-align: middle;
    margin-top: -3px;
}

/* block Véhicule */
.fiche_vehi {
    display: none;
    /*padding: 10px;*/
    /*min-height: 300px;*/
    /*padding-bottom: 40px;*/
    margin-top: 20px;
    background: none;
}

.fiche_vehi.active {
    display: block;
}

.fiche_vehi .cont_tiers {
    font-size: 0px;
}

.fiche_vehi .tiers h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

#svo_onglets_vehicule_0_container div.columns {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

#svo_onglets_vehicule_0_container div.columns img.principale {
    width: 100%;
}

#svo_onglets_vehicule_2_container div.columns {
    text-align: left;
}

#svo_onglets_vehicule_2_container div.columns span {
    font-size: 12px;
    color: #757575;
}

#svo_onglets_vehicule_3_container {
    font-size: 0;
}

#svo_onglets_vehicule_3_container div {
    font-size: 14px;
}

#svo_onglets_vehicule_5_container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0px;
}

#svo_onglets_vehicule_5_container ul li {
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    width: 18%;
    text-align: center;
}

#svo_onglets_vehicule_5_container ul li a {
    border: 1px solid #CCC;
    /*#666;*/
    display: block;
}

#svo_onglets_vehicule_5_container ul li a img {
    width: 100%;
}

#svo_onglets_vehicule_6_container #svo_fenetre_selection_vehicule {
    display: inline-block;
    border: none;
    background-color: transparent;
    position: static;
    text-align: left;
    /*width: 47%;*/
}

#svo_liste_medias {
    margin: 5px;
    text-align: center;
}

#svo_liste_medias img {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #858585;
    margin: 5px;
    transition: all .2s ease;
}

.cont_onglets_fiche_vehicule {
    height: 40px;
    /*border-right: 1px solid #CCC;*/
    /*#666;*/
}

.span_fiche_vehicule {
    line-height: 40px;
    height: 66px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-family: "source-s";
    position: absolute;
    top: 1px;
    cursor: pointer;
    border-bottom: 1px solid #CCC;
    /*#666;*/
    background: #FFF;
}

.span_fiche_vehicule.active {
    color: #000;
}

.span_fiche_vehicule.active::after {
    content: " ";
    border: 2px solid #000;
    display: block;
    width: 60%;
    margin: auto;
    margin-top: -6px;
}

.span_fiche_vehicule > span {
    /*border-left: 2px solid #cbd5db;*/
    /*#666;*/
    display: block;
    padding: 0 1%;
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    line-height: 30px;
    margin-top: 20px;
}

.span_fiche_vehicule > span::after {
    /*content: " ";*/
    /*display: block;*/
    /*border-left: 2px solid #cbd5db;*/
    /*width: 1px;*/
    /*height: 25px;*/
    /*margin-top: -20px;*/
}

.span_fiche_vehicule > span.no-sep::after {
    display: none;
}

@media screen and (max-width: 740px) {
    .span_fiche_vehicule > span {
        font-size: 14px;
    }
    .header-mandat{
        flex-direction: column-reverse;
    }
    .boutons_onglets_vehi{
        display: grid;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .span_fiche_vehicule > span {
        font-size: 1vw;
    }
}

@media screen and (min-width: 740px) and (max-width: 1023px) {
    .span_fiche_vehicule > span {
        font-size: 0.95vw;
    }
}

.span_fiche_vehicule#svo_onglets_vehicule_0 {
    left: 0px;
    width: 11%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_0 > span {
    border-left: 0px;
}

.span_fiche_vehicule.active#svo_onglets_vehicule_0 > span {
    /*border-left: 1px solid #c3c3c3;*/
}

.span_fiche_vehicule#svo_onglets_vehicule_1 {
    left: 11%;
    width: 19%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_2 {
    left: 30%;
    width: 10%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_3 {
    left: 40%;
    width: 13%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_4,
.span_fiche_vehicule.svo_onglets_vehicule_4 {
    left: 53%;
    width: 12%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_5 {
    left: 65%;
    width: 9%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_6,
.span_fiche_vehicule.svo_onglets_vehicule_6 {
    left: 74%;
    width: 16%;
    top: 0;
}

.span_fiche_vehicule#svo_onglets_vehicule_6 > span,
.span_fiche_vehicule.svo_onglets_vehicule_6 > span {
    border-right: 0px;
}

.span_fiche_vehicule.active#svo_onglets_vehicule_7 > span,
.span_fiche_vehicule.svo_onglets_vehicule_7.active > span {
    /*border-left: 1px solid #c3c3c3;*/
}

.span_fiche_vehicule.svo_onglets_vehicule_6,
.span_fiche_vehicule.svo_onglets_vehicule_4 {
    cursor: default;
}

.span_fiche_vehicule#svo_onglets_vehicule_7 {
    left: 90%;
    width: 10%;
    top: 0;
}

.span_fiche_vehicule[id]:hover {
    background-color: #ffffff;
}

.svo_crm_couleur ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.svo_crm_couleur ul li {
    display: inline-block;
    width: calc(10% - 6px);
    margin: 0 2px;
    height: 30px;
    border: 1px solid #a5a5a5;
    cursor: pointer;
    border-radius: 2px;
}

.svo_crm_couleur ul li:hover {
    box-shadow: 0 0 4px 1px #384e6a;
}

#svo_popup_couleur {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    background: #e5e5e5;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    box-shadow: 0 0 4px 1px #384e6a;
    z-index: 10;
    padding: 5px;
}

#svo_popup_couleur span {
    display: block;
    font-size: 14px;
    font-family: source-l;
    color: #000000;
    cursor: pointer;
    line-height: 20px;
    height: 20px;
}

#svo_popup_couleur span:hover {
    color: #5e5e5e;
}

.ico-title {
    vertical-align: middle;
    margin-right: 15px;
}

/* Fin block véhicule */
.block_fiche {
    position: relative;
    /*border: 1px solid @bordureBlocs;background:@fondBlocs;*/
    margin-bottom: 20px;
    font-size: 15px;
}

.block_fiche h4 {
    font-size: 20px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    /*border-bottom: 2px solid #CBD5DB;*/
    font-weight: normal;
    /*background: #FAFAFA;*/
    color: #000;
}

.block_fiche h4 i {
    padding-right: 5px;
}

.container_2 {
    /*background: #fafafa;*/
}

.no-border {
    border: none;
}

.block_fiche.padding {
    padding: 10px;
}

.block_fiche .div.columns {
    margin: 10px;
}

.onglet_fiche {
    position: relative;
}

.svo_prix_achat {
    position: relative;
    text-align: left;
    line-height: inherit;
}

.svo_prix_achat span:not(.editableField):not(.value), .blurred {
    white-space: nowrap;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

.svo_prix_achat span:not(.editableField):not(.value), .blurred {
    white-space: nowrap;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}
.svo_prix_achat.editableField span {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0) !important;
}
.svo_prix_achat span:not(.editableField):not(.value):hover,
.svo_prix_achat span:not(.editableField):not(.value):hover *,
.blurred:hover,.blurred:hover *
{
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
}

#svo_infos_financieres_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

#svo_infos_valorisationFRE_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

#svo_infos_vehicule_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

#svo_expertise_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

#svo_infos_proprietaire_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

#svo_ficheexpertise_container > div {
    /*padding:10px;padding-bottom:40px;*/
}

.affiche_note_exp_moyenne2-5 {
    background-position: 0 -100px;
}

.affiche_note_expertise_moyenne {
    width: 145px;
    height: 20px;
    background-image: url(../images/expertise/etoiles.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
}

.affiche_note_exp_moyenne0-5 {
    background-position: 0 -20px;
}

.affiche_note_exp_moyenne1-0 {
    background-position: 0 -40px;
}

.affiche_note_exp_moyenne1-5 {
    background-position: 0 -60px;
}

.affiche_note_exp_moyenne2-0 {
    background-position: 0 -80px;
}

.affiche_note_exp_moyenne2-5 {
    background-position: 0 -100px;
}

.affiche_note_exp_moyenne3-0 {
    background-position: 0 -120px;
}

.affiche_note_exp_moyenne3-5 {
    background-position: 0 -140px;
}

.affiche_note_exp_moyenne4-0 {
    background-position: 0 -160px;
}

.affiche_note_exp_moyenne4-5 {
    background-position: 0 -180px;
}

.affiche_note_exp_moyenne5-0 {
    background-position: 0 -200px;
}

.affiche_note_expertise {
    width: 145px;
    height: 20px;
    background-image: url(../images/expertise/etoiles.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.affiche_note_exp0 {
    background-position: 0 0;
}

.affiche_note_exp1 {
    background-position: 0 -40px;
}

.affiche_note_exp2 {
    background-position: 0 -80px;
}

.affiche_note_exp3 {
    background-position: 0 -120px;
}

.affiche_note_exp4 {
    background-position: 0 -160px;
}

.affiche_note_exp5 {
    background-position: 0 -200px;
}

.affiche_note_expn {
    background-position: 0 -220px;
}

#svo_ficheexpertise h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    cursor: pointer;
}

.svo_onglets_expertise_container > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 130px;
    justify-content: center;
}

ul.svo_onglets_ficheexpertise {
    padding: 0;
    margin: 10px 0;
    list-style: none;
    font-size: 0px;
    border-bottom: 1px solid #CCC;
    /*#666;*/
    border-top: 1px solid #CCC;
    /*#666;*/
    padding: 10px 0;
}

ul.svo_onglets_ficheexpertise li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
    font-family: "source-s";
    margin: 5px;
    cursor: pointer;
}

ul.svo_onglets_ficheexpertise li:hover > div {
    background: #eee;
}

ul.svo_onglets_ficheexpertise li > div {
    padding: 5px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.svo_onglets_ficheexpertise li.active > div {
    border: 1px solid #384e6a;
}

ul.svo_onglets_ficheexpertise li.active:hover > div {
    background: #fff;
}

ul.svo_onglets_ficheexpertise li div div {
    display: block;
    margin-top: 5px;
}

.svo_onglets_expertise_container {
    display: none;
}

.svo_onglets_expertise_container.active {
    display: block;
}

.svo_onglets_expertise_container table {
    /*display:inline-block;*/
    min-height: 110px;
    min-width: 204px;
    max-width: 204px;
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
    margin-bottom: 10px;
    margin: 0px 10px 10px 10px;
}

.svo_onglets_expertise_container table tr:first-child {
    font-size: 16px;
    font-family: "source-s";
}

.svo_onglets_expertise_container table tr:first-child td {
    height: 18px;
}

.svo_onglets_expertise_container table tr th,
.svo_onglets_expertise_container table tr td {
    padding: 3px 0px;
    font-size: 14px;
}

.svo_onglets_expertise_container table tr td[id] {
    cursor: pointer;
    /*                                                  color:#80C978;*/
    text-align: center;
}

.svo_onglets_expertise_container table tr td[id]:hover {
    background-color: #dedede;
}

.svo_onglets_expertise_container table tr td.expert {
    color: #fc4325;
}

.svo_onglets_expertise_container table .fe_photo_vue {
    text-align: center;
}

.svo_onglets_expertise_container table .fe_commentaire {
    font-size: 12px;
}

.svo_onglets_expertise_container table .fe_photo a,
.svo_onglets_expertise_container table .fe_photo img {
    display: inline-block;
    float: left;
}

.svo_onglets_expertise_container table .fe_liste label {
    display: block;
}

.svo_onglets_expertise_container table .fe_liste select {
    width: 150px;
    background-color: transparent;
    border: 0 none;
    font-size: 12px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 4px;
}

.svo_onglets_expertise_container p {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 10px;
    padding: 5px;
    cursor: pointer;
}

.eva_gen {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
    padding: 5px;
    cursor: pointer;
    margin-right: 20px;
    text-transform: uppercase;
}

.eva_gen > div {
    display: block;
    margin-top: 5px;
    color: #384e6a;
    font-size: 20px;
    line-height: 20px;
    font-family: "source-s";
}

/*
.block_fiche .tiers .field {width: ~"calc(100% - 12px)";}
.block_fiche .tiers .field>label  {width: ~"calc(100% - 10px)";margin: 0 auto 5px auto;display: block;}
.block_fiche .tiers .field input  {width: ~"calc(100% - 10px)";}
.block_fiche .tiers .bouton  {height: 30px;font-family: "source-s";margin: 0 2px;margin-bottom:5px;font-size:14px;}
*/
.block_fiche h5 {
    font-size: 16px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    margin-top: 10px;
    font-style: normal;
    color: #353535;
    /*border-bottom: 2px solid #5E729A;*/
}

.block_fiche h6 {
    font-size: 12px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
    font-weight: normal;
}

.svo_crm_description_fiche {
    width: auto;
    height: 150px;
    margin-bottom: 5px;
    overflow: auto;
    border: 1px solid #dedede;
    color: #a8a8a8;
    background-color: #f7f7f7;
}

.svo_crm_description_campagne,
#svo_crm_description_campagne {
    border: 1px solid #dedede;
    padding: 3px;
    min-height: 50px;
    margin-bottom: 5px;
}

#svo_divers_vehicule_container {
    font-size: 0px;
}

#svo_divers_vehicule_container * {
    font-size: 14px;
}

#svo_divers_vehicule_container .fichiers_lies {
    /*width: 40%;
  margin-right: 0%;
  padding: 0;
  font-size: 0px;
  display: inline-block;
  vertical-align: top;*/
}

#svo_divers_vehicule_container .actions_fiche_vehicule {
    /*width: 58%;
  margin-left: 2%;
  padding: 0;
  font-size: 0px;
  display: inline-block;
  vertical-align: top;*/
}

#svo_divers_vehicule_container .actions_fiche_vehicule .field {
    margin-top: 0;
}

#svo_divers_vehicule_container .actions_fiche_vehicule .field .select {
    width: 98%;
    height: 30px;
    padding: 0px 1%;
    margin: 0 auto;
    display: block;
    border: 1px solid #CCC;
    /*#666;*/
    font-size: 12px;
    background: #fff;
    position: relative;
}

#svo_divers_vehicule_container .actions_fiche_vehicule .field.unique textarea {
    width: 98%;
    min-width: 98%;
    max-width: 98%;
    margin: 0;
}

#svo_divers_vehicule_container .actions_fiche_vehicule h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 0px;
    padding: 5px;
    cursor: pointer;
}

#svo_divers_vehicule_container .fichiers_lies .moitier {
    /*display: inline-block;
  vertical-align: top;
  width: 57%;
  padding: 0;
  margin-right: 3%;
  font-size: 14px;*/
}

#svo_divers_vehicule_container .liste_fichiers {
    /*  width: 38%;
  display: inline-block;
  vertical-align: top;*/
}

#svo_divers_vehicule_container .liste_fichiers ul,
#crm_prospection_container_fichiers .liste_fichiers ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: 1px solid #ddd;
    padding: 10px 5px;
}

#svo_divers_vehicule_container .liste_fichiers ul li,
#crm_prospection_container_fichiers .liste_fichiers ul li {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

#svo_divers_vehicule_container .liste_fichiers ul li img,
#crm_prospection_container_fichiers .liste_fichiers ul li img {
    margin-right: 3px;
    cursor: pointer;
}

#svo_divers_vehicule_container .liste_fichiers ul li a,
#crm_prospection_container_fichiers .liste_fichiers ul li a {
    display: inline-block;
}

#svo_divers_vehicule_container .liste_fichiers ul li a img.vignette,
#crm_prospection_container_fichiers .liste_fichiers ul li a img.vignette {
    height: 22px;
    width: 22px;
    border: 1px solid #858585;
    margin-top: -22px;
}

#svo_divers_vehicule_container .liste_fichiers ul li a img.vignette.horizontal,
#crm_prospection_container_fichiers .liste_fichiers ul li a img.vighette.horizontal {
    width: 22px;
    height: auto;
}

#svo_divers_vehicule_container .liste_fichiers ul li a img.vignette.vertical,
#crm_prospection_container_fichiers .liste_fichiers ul li a img.vignette.vertical {
    height: 22px;
    width: auto;
}

#svo_divers_vehicule_container .moitier h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

#svo_divers_vehicule_container h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 0px;
    padding: 5px;
    cursor: pointer;
}

.supprim_fichier {
    float: right;
}

.boutons_onglets_vehi {
    float: right;
    text-align: right;
    white-space: nowrap;
    margin-top: 5px;
}

.boutons_onglets_vehi input.bouton {
    height: 30px;
    padding: 0 10px;
    margin: 0 2px;
    font-size: 14px;
}

.boutons_onglets_vehi button.bouton {
    outline: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 2px;
    font-size: 16px;
    transition: all 0.125s ease-in-out;
}

.boutons_onglets_vehi button.bouton:not(.rouge):hover {
    /*background: #000;*/
    /*color: #ffffff;*/
}

/* Marchands */
.svo_fond01 {
    background-color: #f5f5f5;
}

.svo_fond02 {
    background-color: #fffafa;
}


.svo_table_marchand {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000000;
}

.svo_table_marchand caption {
    font-weight: bold;
    color: #778877;
    font-size: 13px;
    padding: 3px 5px;
}

.svo_table_marchand td,
.svo_table_marchand th {
    padding: 5px 2px;
    border: 1px solid #9d9d9d;
}

.svo_table_marchand th {
    background-color: #5d5d5d;
    color: #ffffff;
    text-align: center;
    border: none;
    padding: 2px;
}

.svo_table_marchand td a {
    color: #000000;
    font-weight: normal;
}

.svo_table_marchand td img {
    cursor: pointer;
}

.svo_table_marchand td a:hover {
    color: #8F4EA0;
}

.svo_table_marchand td.no-top {
    border-top: none;
}

.svo_table_marchand td.no-bottom {
    border-bottom: none;
}

/* Fiches */
#svo_getFiche_modeSelection_container {
    display: inline-block;
}

#svo_crm_description_campagne_container {
    overflow: hidden;
    transition: max-height 0.5s ease;
    height: auto;
    max-height: 0;
}

.svo_liaison_contacts th { padding-top:10px;padding-bottom:10px;line-height: unset;}
.svo_liaison_contacts td {
    line-height: 32px;
    font-size:14px;
}

.historique_contacts th { padding-top:10px;padding-bottom:10px;line-height: unset;padding-left:5px;padding-right:5px;}
.historique_contacts td {
    line-height: 32px;
    padding-left:5px;padding-right:5px;
    font-size:14px;
}


.svo_table_fiches .affichage_mode_selectionOff,
.svo_table_fiches .affichage_mode_selectionOn {
    display: none;
}

.svo_table_fiches .svo_crm_liste_fiche_numero {
    text-align: left;
    padding: 0;
    color: #000000;
    font-size: 10px;
    min-width: 40px;
}

.svo_table_fiches .svo_crm_liste_fiche_numero div {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 93px;
    text-align: center;
    position: relative;
}

.svo_table_fiches .svo_crm_liste_fiche_numero div.jauge_duree {
    width: 15px;
    position: relative;
    height: 93px;
}

.svo_table_fiches .svo_crm_liste_fiche_numero div div {
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 11px;
    overflow: hidden;
    background: -webkit-linear-gradient(#fd3f05, #ff8a35);
    background: -o-linear-gradient(#fd3f05, #ff8a35);
    background: -moz-linear-gradient(#fd3f05, #ff8a35);
    background: linear-gradient(#fd3f05, #ff8a35);
    background-size: 15px 93px;
    background-position: bottom;
}

.svo_table_fiches .svo_crm_liste_fiche_numero div > span {
    display: block;
    width: 20px;
    height: 50%;
    position: absolute;
    bottom: 0;
    line-height: 47px;
    vertical-align: middle;
    background-color: #fae362;
    cursor: help;
    color: #000000;
}

.svo_table_fiches.vue_liste br + br {
    display: none;
}

.svo_table_fiches.vue_liste .dispo_v {
}

.svo_table_fiches.vue_liste .dispo_v:before {
    content: " ";
    display: block;
}

.svo_table_fiches.vue_liste .etat_vehicule {
    display: none !important;
}

.svo_table_fiches.vue_liste .svo_crm_liste_fiche_nom div {
    padding: 0px 5px !important;
}

.svo_table_fiches.vue_liste .svo_crm_liste_fiche_numero div {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 59px;
    text-align: center;
    position: relative;
}

.svo_table_fiches.vue_liste .svo_crm_liste_fiche_numero div.jauge_duree {
    vertical-align: top;
    width: 15px;
    position: relative;
    height: 59px;
}

.svo_table_fiches.vue_liste .svo_crm_liste_fiche_numero div.jauge_duree > div {
    width: 15px;
}

.svo_table_fiches.vue_liste .svo_crm_liste_fiche_numero div span {
    display: block;
    width: 20px;
    height: 50%;
    position: absolute;
    bottom: 0;
    line-height: 27px;
    vertical-align: middle;
    background-color: #fae362;
    cursor: help;
    color: #000000;
}

.svo_table_fiches .svo_crm_liste_fiche_vignette {
    box-sizing: border-box;
    max-width: 130px;
    padding: 3px 10px 3px 0px;
    position: relative;

}

.svo_table_fiches .svo_crm_liste_fiche_vignette span:not(.th) {
    /*height: 20px;
    width: 30px;
    line-height: 20px;
    padding: 0;
    display: block;
    position: absolute;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #ffffff;
    font-family: "source-l";*/

    /* height: 20px; */
    /* width: 30px; */
    /* line-height: 20px; */
    padding: 0;
    display: block;
    position: absolute;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: rgba(0, 0, 0, 0.65);
    font-family: "source-l";
    min-width: 40px;
    border: none;
    bottom: 5px;
    left: 5px;
    color: #fff !important;
    z-index: 2;
    padding: 2px;
    border-radius: 4px;
    font-size: 12px;
}

.svo_table_fiches .svo_crm_liste_fiche_vignette span.th {
    font-weight: bold;
    margin-right: 10px;
    float: left;
}

.svo_table_fiches .svo_crm_liste_fiche_vignette a {
    display: block;
    position: relative;
}

.svo_table_fiches .svo_crm_liste_fiche_vignette img {
    max-width: 100px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.svo_table_fiches .svo_crm_prix_achat {
    min-width: 100px;
}

.svo_table_fiches .svo_crm_date {
    min-width: 85px;
}

.svo_table_fiches .svo_crm_km {
    min-width: 50px;
}

.svo_table_fiches.vue_liste td {
    vertical-align: middle;
    font-size: 14px;
}

.svo_crm_liste_fiche_nom {
    width: auto;
}

.svo_crm_liste_fiche_nom div {
    background-color: #11E193;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 10px;
    transition: background-color 0.5s ease, color 0.5s ease;
    color: #fff;
}

.svo_crm_liste_fiche_nom span {
    font-size: 10px;
    /*color: #ff0000;*/
}

.svo_affiche_marque {
    text-transform: uppercase;
}

.svo_crm_description_fiche {
    width: auto;
    height: 150px;
    overflow: auto;
    border: 1px solid #dedede;
    color: #a8a8a8;
    background-color: #f7f7f7;
}

.svo_crm_description_campagne,
#svo_crm_description_campagne {
    border: 1px solid #dedede;
    padding: 3px;
    min-width: 250px;
    min-height: 50px;
}

.svo_crm_tableaction tr td img {
    vertical-align: middle;
    margin: 0 5px;
}

.svo_crm_tableaction .svo_action_on div {
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 0px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
    background-color: #E8F9F1;
    color: #59D69A;
}

.svo_crm_tableaction .svo_action_off div{
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 0px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
    background-color: #FCDDE3;
    color: #F04166;
}

.svo_crm_listeaction_champ_action div{
    cursor: pointer;
    border-radius: 15px;
    padding: 5px 0px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}
.svo_crm_listeaction_champ_action.label0 div{
    background-color: #e8e8e8;
}
.svo_crm_listeaction_champ_action.label1 div{
    background-color: #858179;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label2 div{
    background-color: #E392FE;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label3 div{
    background-color: #FC6258;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label4 div{
    background-color: #458FFF;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label5 div{
    background-color: #47BE76;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label6 div{
    background-color: #F49600;
    color: #fff;
}
.svo_crm_listeaction_champ_action.label7 div{
    background-color: #7B219F;
    color: #fff;
}

.svo_crm_tableaction .svo_crm_listeaction_importance {
    width: 100px;
}

.svo_crm_tableaction .svo_crm_listeaction_date {
    width: 130px;
    text-align: center;
}

.svo_crm_tableaction .svo_crm_listeaction_champ_action {
    width: 100px;
}

.svo_crm_tableaction .svo_crm_listeaction_icones {
    width: 100px;
    text-align: right;
}

.svo_crm_tableaction .svo_crm_listeaction_champ_description div {
    width: 180px;
    /*    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.2s ease-in-out;
}

.svo_crm_tableaction tr:hover .svo_crm_listeaction_champ_description div {
    /*overflow:visible;*/
    /*white-space: normal;*/
    display: block;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;

}

.note_expertise_choix {
    background-image: url(../images/expertise/etoiles.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 150px;
}

.note_expertise_choix.expert {
    background-image: url(../images/expertise/etoiles_expert.png);
}

.note_expertise_choix span {
    display: block;
    width: 30px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#svo_traitement_photo {
    display: none;
}

#svo_crm_valact .svo_valo_on {
    color: #33aa33;
}

#svo_crm_valact .svo_valo_off {
    color: #aa3333;
}

.svo_table .svo_crm_valact_prix {
    text-align: right;
}

.svo_table .svo_crm_valact_icones {
    width: 150px;
}

.ctlm_mensu_default {
    font-size: 14px;
    color: #858585;
    text-align: center;
}

#svo_viaxel {
    width: 180px;
    height: 30px;
    background: url(../images/viaxel.png) no-repeat;
    margin: 25px auto 0 auto;
    cursor: pointer;
}
#svo_cetelm {
    width: 150px;
    padding-top:50px;
    background: url(../images/cetelem.png) top center no-repeat;
    background-size:contain;
    margin: 5px auto 0 auto;
    cursor: default;
}

#svo_lenbox {
    width: 180px;
    height: 52px;
    background: url(../images/lenbox.png) no-repeat;
    margin: 25px auto 0 auto;
    cursor: pointer;
}

/* Menu */
.toggle_menu {
    line-height: 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "source-s";
    padding: 5px;
    display: none;
    /*border-top: 1px solid #000;*/
    cursor: pointer;
    background: #fff;
    color: #fff;
}

.toggle_menu.open {
    background: transparent;
}

.toggle_menu .icon_toggle_menu {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    width: 30px;
    background: url(../images/icones_sprite.png) no-repeat;
    background-position: 0 -300px;
    margin-right: 5px;
    font-size: 0;
}

nav.svo_crm_menu {
    float: left;
    width: 240px;
    background: #000;
    color: #fff;
    position: relative;
}

nav.svo_crm_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav.svo_crm_menu ul li > a span {
    display: block;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-family: "source-s";
    /*padding: 5px;*/
    text-decoration: none;
    /*border-top: 1px solid #9399b5;*/
    /*border-bottom: 1px solid #9399b5;*/
    cursor: pointer;

}

nav.svo_crm_menu ul li > a span i {
    display: inline-block;
    font-style: normal;
}

nav.svo_crm_menu ul li > a span .icon_menu {
margin-left: 4px;
    display: inline-block;
    vertical-align: top;
    height: 45px;
    width: 50px;
    margin-right: 5px;
    background: url(../images/menu-blanc.png?2021_1) no-repeat;
}
nav.svo_crm_menu ul li > a span.svo_crm_menu_on .icon_menu {
    display: inline-block;
    vertical-align: top;
    height: 45px;
    width: 50px;
    margin-right: 5px;
    background: url(../images/menu-icones-blanc.png?2021_1) no-repeat;
    margin-left: 4px;
}
nav.svo_crm_menu ul li > a span:hover .icon_menu {
    display: inline-block;
    vertical-align: top;
    height: 45px;
    width: 50px;
    margin-right: 5px;
    background: url(../images/menu-icones-blanc.png?2021_1) no-repeat;
    margin-left: 4px;
}

nav.svo_crm_menu ul li > a span div {
    display: inline-block;
    color: #fff;
}

nav.svo_crm_menu ul #svo_crm_menuaccueilcrm > a span span {
    background-position: -3px -5px;
}

nav.svo_crm_menu ul #svo_crm_menuagenda > a span span {
    background-position: -3px -718px;
}

nav.svo_crm_menu ul #svo_crm_menucontacts > a span span {
    background-position: -3px -60px;
}

nav.svo_crm_menu ul #svo_crm_menuprospection > a span span {
    background-position: -3px -170px;
}

nav.svo_crm_menu ul #svo_crm_menuemails > a span span {
    background-position: -3px -115px;
}

nav.svo_crm_menu ul #svo_crm_menumandats > a span span {
    background-position: -3px -225px;
}

nav.svo_crm_menu ul #svo_crm_menuopportunites > a span span {
    background-position: -3px -280px;
}

nav.svo_crm_menu ul #svo_crm_menucollaboration > a span span {
    background-position: -3px -335px;
}

nav.svo_crm_menu ul #svo_crm_menustatistiques2 > a span span {
    background-position: -3px -390px;
}

nav.svo_crm_menu ul #svo_crm_menumargescharges > a span span {
    background-position: -3px -443px;
}

nav.svo_crm_menu ul #svo_crm_menuadministration > a span span {
    background-position: -3px -498px;
}

nav.svo_crm_menu ul #svo_crm_menuenchere > a span span {
    background-position: -3px -555px;
}

nav.svo_crm_menu ul #svo_crm_menucomptabilite > a span span {
    background-position: -3px -663px;
}

nav.svo_crm_menu ul #svo_crm_menuexperveo > a span span {
    background-position: -3px -715px;
}

nav.svo_crm_menu ul #svo_crm_menuexpertadmin > a span span {
    background-position: -3px -770px;
}

nav.svo_crm_menu ul #svo_crm_menutransport > a span span {
    background-position: -3px -882px;
}

nav.svo_crm_menu ul #svo_crm_menuproduits > a span span {
    background-position: -3px -826px;
}

nav.svo_crm_menu ul li a > span.svo_crm_menu_on,
nav.svo_crm_menu ul li a > span:hover {
    background-color: #000;
    border-radius: 7px;
}

nav.svo_crm_menu ul li a > span.svo_crm_menu_on,
nav.svo_crm_menu ul li a > span:hover .detailmenu {
    color: #fff !important;
}
nav.svo_crm_menu ul li:hover .detailmenu {
    color: #fff !important;
}

nav.svo_crm_menu ul li + li > span {
    border-top: 0px solid #000;
}

.svo_crm_changement_status {
    padding: 10px;
    background-color: #ffffff;
}

.svo_crm_fond_preparation {
    background-color: #c0c0c0;
}


.svo_crm_fond_encours {
    background-color: #11E193 !important;
    color: #222222 !important;
}



.svo_crm_fond_sousoffre {
    background-color: #fe6f09 !important;
}


.svo_crm_fond_termine {
    background-color: #701A85 !important;
    color: #ffffff !important;
}


.svo_crm_fond_annule {
    background-color: #ef3623 !important;
    color: #ffffff !important;
}

.svo_crm_fond_archive {
    background-color: #a4a2a2 !important;
    color: #222222 !important;
}

.svo_crm_item_encours:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #E8F9F1 !important;
    border-radius: 8px;
}
.svo_crm_item_sousoffre:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #fe6f09 !important;
    border-radius: 8px;
}
.svo_crm_item_termine:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #701A85 !important;
    border-radius: 8px;
}

.svo_crm_item_annule:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #ef3623 !important;
    border-radius: 8px;
}

.svo_crm_item_archive:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #a4a2a2 !important;
    border-radius: 8px;
}



.svo_crm_fond_mandat_serenite {
    background-color: #593298 !important;
    color: #ffffff !important;
}

.svo_crm_fond_mandat_simple {
    background-color: #2698d5 !important;
    color: #ffffff !important;
}

/*
.svo_crm_status_legende {height:25px;list-style:none;}
.svo_crm_status_legende span {display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:5px;border:1px solid #535353;margin: 0 5px;}
*/
.svo_crm_gestiondocument {
    width: 700px;
    height: auto;
    background-color: #ffffff;
    padding: 10px;
}

.svo_crm_titre_fiche {
    text-align: center;
    font-size: 20px;
}

.svo_crm_titre_fiche i {
    color: #909090;
    font-style: normal;
}

.svo_crm_titre_fiche span {
    color: #384e6a;
    padding: 0 10px;
}

/* Administration */
.svo_menu_administration {
    display: block;
    min-width: 250px;
    max-width: 250px;
    vertical-align: top;
    margin: 0;
    float: left;
}

.svo_menu_administration li {
    padding: 0;
    position: relative;
    height: 24px;
    display: block;
    cursor: pointer;
    background: #ffffff;
}

.svo_menu_administration li.separation {
    background-color: #F5F5F5;
    color: #d5d5d5;
    font-size: 0;
    height: 10px;
    padding: 0;
    display: block;
}

.svo_menu_administration li.normal div {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 3px;
    vertical-align: middle;
}


.svo_menu_administration li.normal.lieuxstockage div {
    background: url(../images/administration/stockage.png) no-repeat;
}

.svo_menu_administration li.normal.facturation div {
    background: url(../images/administration/roue.png) no-repeat;
}

.svo_menu_administration li.normal.vehiculepromos div {
    background: url(../images/administration/roue.png) no-repeat;
}

.svo_menu_administration li.normal.compta div {
    background: url(../images/administration/compta.svg) no-repeat;
    background-size: contain;
    filter: grayscale(1);
}

.svo_menu_administration li.normal.mesapi div {
    background: url(../images/administration/voiture.png) no-repeat;
    background-size: contain;
    filter: grayscale(1);
}

.svo_menu_administration li.normal.lieuxvente div {
    background: url(../images/administration/lieux_vente.png) no-repeat;
}

.svo_menu_administration li.normal.stock div {
    background: url(../images/administration/roue.png) no-repeat;
}

.svo_menu_administration li.normal.valorisations div {
    background: url(../images/administration/produits.png) no-repeat;
}

.svo_menu_administration li.normal.expertise div {
    background: url(../images/administration/pexpert.png) no-repeat;
}

.svo_menu_administration li.normal.selection div {
    background: url(../images/administration/diffusion.png) no-repeat;
}

.svo_menu_administration li.normal.selection_mail div {
    background: url(../images/administration/mailing.png) no-repeat;
}

.svo_menu_administration li.normal.actions div {
    background: url(../images/administration/actions.png) no-repeat;
}

.svo_menu_administration li.normal.statusmandat div {
    background: url(../images/administration/voiture.png) no-repeat;
}

.svo_menu_administration li.normal.documents div {
    background: url(../images/administration/document.png) no-repeat;
}

.svo_menu_administration li.normal.custom div {
    background: url(../images/administration/document.png) no-repeat;
}

.svo_menu_administration li.normal.vehicules div {
    background: url(../images/administration/vehicules.png) no-repeat;
}

.svo_menu_administration li.normal.imports div {
    background: url(../images/administration/import.png) no-repeat;
}

.svo_menu_administration li.normal.prospemail div {
    background: url(../images/administration/prospemail.png) no-repeat;
}

.svo_menu_administration li.normal.farticles div {
    background: url(../images/administration/farticles.png) no-repeat;
}

.svo_menu_administration li.normal.carrosserie div,
.svo_menu_administration li.normal.vehiculecf  div,
.svo_menu_administration li.normal.vehiculedescription div {
    background: url(../images/administration/carrosserie.png) no-repeat;
}

.svo_menu_administration li.normal.biblio div {
    background: url(../images/administration/biblio.png) no-repeat;
}

.svo_menu_administration li.normal.contacts div {
    background: url(../images/administration/roue.png) no-repeat;
}

.svo_menu_administration li.normal.crm div {
    background: url(../images/administration/roue.png) no-repeat;
}
.svo_menu_administration li.normal.transport div {
    background: url(../images/administration/transport.png) no-repeat;
}

.svo_menu_administration li.normal span {
    color: #555555;
    white-space: nowrap;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding-left: 35px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    /*z-index:1216;*/
}

.svo_menu_administration li.normal span > span {
    background-color: #ffffff;
    padding: 0 5px;
    margin-left: 30px;
}

.svo_menu_administration li.normal span.actif > span,
.svo_menu_administration li.normal span.actif > span:hover,
.svo_menu_administration li.normal span > span:hover {
    color: #384e6a;
}

.svo_contenu_administration {
    padding-left: 270px;
}

.svo_adm_liste_champs {
    float: right;
    width: 380px;
    height: 850px;
    overflow: auto;
}

.svo_adm_liste_champs select {
    width: 350px;
}

.svo_adm_liste_champs label.court {
    width: 80px;
}

.svo_adm_liste_champs input[type=file] {
    font-size: 12px;
}

.svo_liste_agent_responsable {
    color: #33aa33 !important;
}

.svo_liste_agent_prospection {
    color: #d3d3aa !important;
}

.svo_prospection_source .select {
    width: calc(100% - 50px) !important;
    display: inline-block !important;
}

#form_btnAjoutSource {
    display: inline-block !important;
}

#form_prospectionDescription {
    height: 100px;
}

#crm_prospection_container_type_annonce_info_container {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

#form_prospectionAnnonce {
    height: 50px;
}

#form_prospectionImage {
    border: 1px solid #e5e5e5;
}

.svo_adm_selection_url {
    margin: 0 !important;
    padding-top: 3px !important;
    display: inline-block !important;
    resize: none !important;
    width: calc(100% - 180px) !important;
    height: 28px !important;
}

.svo_adm_selection_horaire {
    display: inline-block;
    vertical-align: top;
    padding: 3px 10px;
}

.svo_adm_selection_horaire img {
    vertical-align: middle;
    cursor: pointer;
}

#svo_liste_articles .categorie {
    color: #01A1FF;
}

#svo_liste_articles .article {
    padding-left: 20px;
}

#svo_liste_articles .boutons {
    white-space: nowrap;
}

.select.marquage select {
    width: calc(100% - 38px) !important;
    margin-right: 2px !important;
}

#svo_admn_liste_agent tr {
    cursor: pointer;
}

/* Popup */
#svo_popupurl_url {
    margin: 0 !important;
    padding-top: 12px !important;
    display: inline-block !important;
    resize: none !important;
    width: calc(100% - 180px) !important;
    height: auto !important;
}

/* Accueil */
.svo_crm_accueil_listeaction table tr[id] td {
    cursor: pointer;
}

.svo_crm_accueil_listeaction table tr[id]:hover td {
    background-color: #f8f8f8;
}

.svo_crm_accueil_listeaction table td[colspan] {
    background-color: #f8f8f8;
}

.svo_crm_accueil_listeaction table td span.svo_action_nok {
    background: #850000 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 18px;
    margin-right: 5px;
    width: 18px;
}

.svo_crm_accueil_listeaction table td span.svo_action_ok {
    background: #33aa33 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 18px;
    margin-right: 5px;
    width: 18px;
}

.svo_crm_accueil_listeaction table td.fait {
    color: #33aa33;
}

.svo_crm_accueil_listeaction table td.pasfait {
    color: #850000;
}

/* Prospection */
.form_prospection_container_vehicule {
    position: relative;
    /*border:1px solid #666;*/
}

.svo_crm_prospEnvOn {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(../images/prospection/enveloppe_on.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.svo_crm_leddiffusion,
.svo_crm_prospEnvOff {
    display: inline-block;
    vertical-align: middle;
}

.svo_crm_prospclass1 {
    background-color: #FC6258;
}

.svo_crm_prospclass4 {
    background-color: #f8d517;
}

.svo_crm_prospclass5 {
    background-color: #FF0000;
    color: #ffffff !important;
}

.svo_crm_prospclass6 {
    background-color: #e5f200;
}

.svo_crm_prospclass2 {
    background-color: #b6b3ff;
}

.svo_crm_prospclass3 {
    background-color: #fe6f09;
}

.svo_crm_prospclass9 {
    background-color: #75cbca;
}

.svo_crm_prospclass7 {
    background-color: #ffffff;
}

.svo_crm_prospclass8 {
    background-color: #ffffff;
}


.svo_crm_item_prospclass1:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #FC6258 !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass4:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #f8d517 !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass5:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #FF0000 !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass6:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #e5f200 !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass2:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #b6b3ff !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass3:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #fe6f09 !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass9:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #75cbca !important;
    border-radius: 8px;
}
.svo_crm_item_prospclass7:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #ffffff !important;
    border-radius: 8px;
}

.svo_crm_item_prospclass8:after {
    content: " ";
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 16px;
    height: 16px;
    background-color: #ffffff !important;
    border-radius: 8px;
}


.svo_table.svo_table_commercialisation td {
    line-height: 40px;
}

.svo_table.svo_table_commercialisation tr td {
    font-size:14px;
}
.svo_table.svo_table_commercialisation td span {
    font-size:14px;line-height:16px;vertical-align: middle;
    display: inline-block;

}

.svo_table_prospection .svo_table_prospection_action {
    text-align: right;
    vertical-align: middle;
}

.svo_table_prospection .svo_table_prospection_action img {
    margin: 0 0 6px 0;
}

.svo_table_prospection .svo_table_prospection_action a.lien {
    border: 1px solid #999;
    color: #999;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 125ms ease-in-out;
    height: 20px;
    width: 28px;
    padding: 6px 0 0 0;
    margin-bottom: 2px;
    margin-right: 2px;
    line-height: initial;
}


a.bouton.lien {
    border: 1px solid #999;
    color: #999;
    text-transform: unset;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 125ms ease-in-out;
    line-height: 28px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding:0px 10px;
}

a.bouton.lien:hover {
    background: rgba(255, 255, 255, 1);
}
.svo_table_prospection .svo_table_prospection_action a.lien:hover {
    background: rgba(255, 255, 255, 1);
}

.svo_table_prospection .svo_table_prospection_action a[data-action="svocrmpajaction"].gagne {
    background-color: #10E192;
    color: #ffffff;
    border-color: #10E192;
}

.svo_table_prospection .svo_table_prospection_action a[data-action="svocrmpajaction"].perdu {
    background-color: #FF5143;
    color: #ffffff;
    border-color: #FF5143;
}

.svo_table_prospection_numero {
    color: #000000;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid #808080;
}

#svo_gestProspection_type option[value="a"],
#form_prospectionType option[value="a"] {
    background: url(../images/crm/logo_prospection_annonce.png) no-repeat;
    padding-left: 22px;
    height: 22px;
}

#svo_gestProspection_type option[value="v"],
#form_prospectionType option[value="v"] {
    background: url(../images/crm/logo_prospection_vehicule.png) no-repeat;
    padding-left: 22px;
    height: 22px;
}

#svo_gestProspection_type option[value="c"],
#form_prospectionType option[value="c"] {
    background: url(../images/crm/logo_prospection_contact.png) no-repeat;
    padding-left: 22px;
    height: 22px;
}

.boutons_onglet_prospection {
    text-align: right;
    white-space: initial;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.svo_form_prospection h4 {
    /*border-bottom: 4px solid #5E729A;*/
    font-family: "source-b";
    font-size: 18px;
    margin: 0 0 10px;
    padding: 10px 0;
}

#btn_change_type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 640px) {
    .boutons_onglet_prospection {
        white-space: initial;
    }

    #svo_crm_listeRDV, #svo_crm_listeActions {
        overflow: auto;
    }
}

#form_prospectionImage {
    width: 100%;
    height: auto;
}

#crm_prospection_container_type_recherche_vehicule,
#crm_prospection_container_type_vehicule,
#crm_prospection_container_type_annonce,
#crm_prospection_container_type_reprise {
    display: none;
}

#form_prospectionAjoutVehicule {
    margin: 0 5px 0 0;
    width: 100%;
}

/* Charge et Marge */
.svo_table_confmarge img,
.svo_table_marge img {
    cursor: pointer;
}

#svo_form_ajoutmodif_config_charge img {
    vertical-align: top;
}

.svo_table_marge tr td.action {
    width: 60px;
}

.svo_table_marge tr td.classement {
    width: 60px;
    text-align: center;
}

.svo_table_marge tr td.montant {
    width: 100px;
    text-align: right;
}

#svo_crm_affiche_tabcharge {
    margin-top: 30px;
    border-top: 2px solid #dedede;
    padding-top: 10px;
}

.svo_charge_ok {
    color: #40CB3F;
}

.svo_charge_nok {
    color: #C6484B;
}

.svo_info_interagence {
    margin: 5px;
    font-size: 11px;
}

/* Ajout Fiche */
.svo_crm_ajoutfiche h4,
.svo_crm_ajoutfiche_formulaire h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    /*border-bottom: 4px solid #5E729A;*/
}

.svo_crm_ajoutfiche_formulaire {
    width: calc(100% - 10px);
}

.svo_crm_ajoutfiche_formulaire label.radio {
    width: 300px;
    text-align: left;
}

#form_choix_ficheUser_nouveau_container {
    display: none;
}

#form_choix_ficheUser_info {
    font-size: 14px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    line-height: 24px;
}

#form_choix_ficheUser_info h3 {
    column-span: all;
}

/* Collaboration */
.svo_crm_message_repartition ul li {
    display: inline-block;
    list-style: none;
}

#svo_crm_c_accueil_liste_environnement {
    font-size: 0px;
}

.svo_crm_c_accueil_environnement {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 10px 2%;
    /*padding: 1%;*/
    font-size: 16px;
}


.svo_crm_c_accueil_environnement:hover {
    /*-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);*/
}


.svo_crm_c_accueil_environnement_corps {
    border-left: 4px solid #384e6a;
}

.svo_crm_c_accueil_environnement h4 {
    margin: 0;
    margin-bottom: 5px;
    font-family: "source-b";
    font-size: 18px;
    text-transform: uppercase;
}


.svo_crm_c_accueil_environnement .img {
    border-radius: 20px;
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    overflow: hidden;
}

.svo_crm_c_accueil_environnement .img img {
    border-radius: 20px;
    width: 100%;
}

.svo_crm_c_accueil_environnement ul {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    padding-left: 10px;
    list-style: none;
}

.svo_crm_c_accueil_environnement ul li {
    line-height: 24px;
    height: 24px;
}

.svo_crm_c_accueil_environnement ul li input {
    float: right;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    font-family: "source-s";
}

.svo_crm_c_accueil_environnement ul li input.bouton_nouveau_message_environnement {
    height: 30px;
    background-color: #01a1ff;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px;
}

.svo_crm_c_accueil_environnement ul li input.bouton_liste_message_environnement {
    text-decoration: underline;
    color: #384e6a;
    background-color: transparent;
}

.svo_crm_c_accueil_environnement .svo_crm_c_accueil_environnement_corps .svo_crm_info_non_lu {
    font-weight: bold;
    color: #fc4325;
}

.svo_crm_c_accueil_environnement .svo_crm_c_accueil_environnement_corps .svo_crm_info_non_lu span {
    color: #fff;
    background: #fc4325;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 12px;
    font-family: "source-r";
    line-height: 18px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.svo_crm_c_messages td {
    font-weight: normal;
    font-family: source-l;
}

.svo_crm_c_messages td.nonlu,
#svo_crm_c_messages .nonlu {
    font-weight: bold;
    font-family: source-b;
}

.svo_crm_c_messages td.supprime,
.entete_email .supprime {
    text-decoration: line-through;
}

/*#svo_crm_c_messages .msg_icons { float:right;}*/
.svo_crm_c_messages td.confidentiel,
#svo_crm_c_messages .confidentiel {
    background-color: #fdecd7;
    color: #785124;
}

.svo_crm_c_messages td.archive,
#svo_crm_c_messages .archive {
    text-decoration: overline;
}

.svo_crm_c_detail_message .message_description {
    border: 1px solid #808080;
    height: auto;
    margin: 5px;
    padding: 5px;
    width: calc(100% - 20px);
    min-height: 150px;
}

.svo_crm_c_detail_message .message_description a,
.svo_crm_c_detail_message .message_description a:visited {
    color: #8F4EA0;
}

.svo_crm_c_detail_message .message_description a:hover {
    color: #6F1C85;
}

.svo_crm_c_detail_message #containercommentaire fieldset legend {
    display: none;
}

.svo_crm_c_detail_message #containercommentaire fieldset .commentaire_consigne {
    display: none;
}

.svo_crm_c_detail_message li.messagelu {
    color: #b5b5b5;
}

.svo_crm_c_detail_message li.messagenonlu {
    font-weight: bold;
}

.svo_likebox {
    float: right;
    color: #384e6a;
    padding-top: 11px;
    margin-bottom: 2px;
}

.svo_likebox .likebox {
    float: right;
    margin-top: -11px;
}

/* Contacts */
.svo_table_contacts {
    width: 100% !important;
    border-collapse: collapse;
    border-top: 0;
    text-align: left;
    font-size: 16px;
}

.svo_table_contacts tr td {
    line-height: 24px;
    vertical-align: top;
    width: 33%;
    padding: 5px 10px;
}

.svo_table_contacts tr td label {
    font-family: "source-l";
    color: #888;
}

.svo_table_contacts tr.nom_annuaire td label {
    margin-right: 5px;
    font-size: 20px;
}

.svo_table_contacts tr.infos_annuaire {
    cursor: pointer;
}

.svo_table_contacts tr.infos_annuaire img {
    vertical-align: middle;
    padding: 0 10px;
}

.svo_table_contacts tr.infos_annuaire:hover {
    background-color: #f8f8f8;
}

.svo_table_contacts tr.lettrage {
    color: #ffffff;
    background-color: #323232;
    font-size: 18px;
}

.svo_table_contacts tr.lettrage td:first-child {
    width: 26px;
}

.svo_table_contacts tr td span.lettre_num {
    width: 20px;
    text-align: center;
    display: inline-block;
}

.svo_table_contacts tr td span.actions_annuaire {
    float: right;
    line-height: 0;
}

.svo_table_contacts tr td span.actions_annuaire img {
    margin-left: 3px;
    cursor: pointer;
}

.svo_table_contacts tr.nom_annuaire {
    background: #ddd;
}

.svo_table_contacts .infos_caches {
    display: none;
}

.svo_table_contacts .commentaires_annuaire td {
    padding-bottom: 10px;
}

/* Statistiques */
.svo_crm_table_stat {
    margin: 10px 0;
}

.svo_crm_table_stat tr {
    height: 30px;
}

.svo_crm_table_stat td {
    text-align: center;
}

.svo_crm_table_stat td:first-child {
    text-align: left;
}

.svo_crm_table_stat th {
    text-align: center;
}

.svo_crm_table_stat th:first-child {
    text-align: left;
}

.svo_crm_table_stat td img {
    vertical-align: bottom;
    margin: 0 5px;
    cursor: pointer;
    border: 1px solid transparent;
}

.svo_crm_table_stat td img:hover {
    border: 1px solid #b5b5b5;
}

.svo_crm_table_stat td.graphique {
    width: 20px;
    vertical-align: middle;
}

.svo_crm_table_stat td.nom_stat {
    text-align: left;
}

.svo_crm_table_stat tbody tr {
    cursor: pointer;
}

#svo_crm_graphique_container {
    width: 100%;
    height: 390px;
}

#svo_crm_graphique_container h2 {
    text-align: center;
    font-size: 16px;
}

#svo_crm_graphique_affichage {
    width: 1100px;
    height: 350px;
}

#svo_crm_graphique_affichage svg {
    width: 100% !important;
    font-size: 12px;
}

.svo_crm_stat_agent_container {
    margin: 0;
    display: block;
    text-align: center !important;
}

.svo_crm_stat_agent_container li {
    display: inline-block;
    font-size: 0;
    /*width: 300px !important;*/
    width: 420px !important;
    margin: 10px;
    box-sizing: border-box;
    vertical-align: top;
    min-height: 300px;
    text-align: left;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_entete {
    font-size: 23px;
    position: relative;
    color: #ffffff;
    height: 85px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
}

.svo_crm_stat_agent_container li:nth-child(3n+0) .svo_crm_stat_agent_entete {
    background-color: #e8802b;
}

.svo_crm_stat_agent_container li:nth-child(3n+1) .svo_crm_stat_agent_entete {
    background-color: #00a7d1;
}

.svo_crm_stat_agent_container li:nth-child(3n+2) .svo_crm_stat_agent_entete {
    background-color: #cd4456;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_entete span {
    font-size: 10px;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_entete img {
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ffffff;
    margin-left: 80px;
    margin-top: 30px;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps {
    font-size: 14px;
    padding: 65px 5px 5px 5px;
    line-height: 26px;
    background: #ffffff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span {
    border-radius: 9px;
    color: #454545;
    display: inline-block;
    float: right;
    font-family: "source-r";
    font-size: 14px;
    padding: 0 9px;
    line-height: 18px;
    margin-top: 2px;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.mandats_crees {
    color: #ffffff;
    background-color: #47861a;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.mandats {
    color: #ffffff;
    background-color: #E8F9F1;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.opportunites_creees {
    color: #ffffff;
    background-color: #b64e01;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.opportunites {
    color: #ffffff;
    background-color: #FE6F09;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.actions {
    color: #ffffff;
    background-color: #0072ae;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.prospections {
    color: #ffffff;
    background-color: #e75345;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.voitures {
    color: #ffffff;
    background-color: #00c3ed;
}

.svo_crm_stat_agent_container li .svo_crm_stat_agent_corps span.rdv {
    color: #ffffff;
    background-color: #452a49;
}

.block_stat h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 4px solid #5E729A;
}

.svo_crm_statistique fieldset {
    background-color: transparent; /*//#E9E9E9;*/
}

.svo_crm_statistique fieldset + fieldset {
    border-top: none;
    margin-top: 10px;
}

.svo_crm_statistique .svo_crm_container_jauge {
    font-size: 14px;
}

.svo_crm_statistique .field {
    font-size: 15px;
    text-align: left;
    color: #808080;
    margin: 0;
    padding: 0 5px 15px;
}

.svo_crm_statistique .field > span {
    font-size: 25px;
    color: #353535;
    background: #fff;
    display: block;
    padding: 5px 5px;
}

.svo_crm_statistique .field > span.liste {
    font-size: 15px;
}

.svo_crm_statistique .field > span.liste li {
    font-size: 15px;
    width: 20% !important;
}

.svo_crm_statistique .field > span + span {
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    font-weight: 100;
    margin: 0;
    background: #000;
    padding: 5px 5px;
    display: block;
}

.svo_crm_statistique .field label {
    font-size: 16px;
    font-family: "source-b";
    text-align: left;
    color: #454545;
    width: 100%;
}

.svo_crm_statistique h4 {
    font-family: "source-b";
    font-size: 18px;
    margin: 0 0 10px;
    padding: 10px 0;
}

.svo_crm_statistique h4.stock {
    border-bottom: 4px solid #5E729A;
}

.svo_crm_statistique h4.opportunites {
    border-bottom: 4px solid #08ac67;
}

.svo_crm_statistique h4.opportunites_externes {
    border-bottom: 4px solid #d94e3b;
}

.svo_crm_statistique h4.contacts {
    border-bottom: 4px solid #e88124;
}

.svo_crm_statistique h4.chiffreaffaire {
    border-bottom: 4px solid #de2ccf;
}

.svo_crm_statistique ul {
    margin-top: 3px;
    list-style: none;
    text-align: left;
    margin: 5px 0;
}

.svo_crm_statistique ul li {
    display: inline-block;
    width: 50%;
}

.svo_crm_statistique ul.marque_vendue li {
    display: inline-block;
    width: 25%;
}

.svo_crm_statistique ul li span {
    font-size: 15px !important;
}

.svo_crm_table_statistique {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 3px 6px;
}

.svo_crm_table_statistique td {
    text-align: center;
    vertical-align: top;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    width: 25%;
    border-top: 3px solid #384e6a;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.svo_crm_table_statistique td span {
    font-size: 25px;
}

.svo_crm_table_statistique td span span {
    font-size: 18px;
}

.svo_crm_bloc_selection {
    display: block;
    margin: 0;
    padding: 0;
}

.svo_crm_bloc_selection li {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    text-align: center;
    margin: 10px 0;
    height: auto;
    overflow: hidden;
}

.svo_crm_bloc_selection li span {
    display: inline-block;
    margin: auto 10px;
    width: 40%;
    font-size: 14px;
    border-radius: 5px;
    height: 60px;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #858585;
    min-width: 236px;
    opacity: 0;
    animation: bloc_selection_accueil 0.5s ease-in-out forwards;
}

.svo_crm_bloc_selection li span h3 {
    font-weight: 100;
    text-align: center;
    color: #858585;
    line-height: 12px;
}

.svo_crm_bloc_selection li span var {
    font-style: normal;
    font-size: 40px;
    color: #ffffff;
    display: block;
    float: left;
    width: 90px;
    height: 60px;
    margin-right: 10px;
    line-height: 57px;
    vertical-align: middle;
}

.svo_crm_bloc_selection li span.fond1 {
    background: url(../images/accueil/accueil_fond_selection.png) no-repeat, linear-gradient(to right, #75cbca 102px, #f5f5f5 102px);
}

.svo_crm_bloc_selection li span.fond2 {
    background: url(../images/accueil/accueil_fond_selection.png) no-repeat, linear-gradient(to right, #FC6258 102px, #f5f5f5 102px);
}

.svo_crm_bloc_selection li span.fond3 {
    background: url(../images/accueil/accueil_fond_selection.png) no-repeat, linear-gradient(to right, #f8d517 102px, #f5f5f5 102px);
}

.svo_crm_bloc_selection li span.fond4 {
    background: url(../images/accueil/accueil_fond_selection.png) no-repeat, linear-gradient(to right, #5bc7f6 102px, #f5f5f5 102px);
}

.svo_crm_bloc_selection li span.fond5 {
    background: url(../images/accueil/accueil_fond_selection.png) no-repeat, linear-gradient(to right, #71A6E8 102px, #f5f5f5 102px);
}

.svo_crm_statistique {
    background: #eceff4;
    padding: 10px;
}

.svo_crm_statistique h3 {
    margin-bottom: 5px;
}

#svo_crm_jauge_container {
    font-size: 14px;
}

.svo_crm_bloc_jauge {
    width: 223px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.svo_crm_bloc_jauge.petite {
    width: 190px;
}



.svo_crm_bloc_statistique ul {
    margin: 0;
    padding: 0;
    list-style: none;

}

.svo_crm_bloc_statistique .stats_double h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 5px;
    color: #fff;
    background: #5E729A;
    font-family: "source-b";
}

.svo_crm_bloc_statistique .stats_double {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    margin: 0 1% 20px 0;
    padding: 0;
    background: #5E729A;
}

.svo_crm_bloc_statistique .stats_double ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0;
    padding: 0;
}

.svo_crm_bloc_statistique .stats_double ul li {
    font-size: 16px;
    vertical-align: top;
    color: #454545;
    margin: 2px 0;
    padding: 2px 0;
    border-bottom: 1px solid #fff;
}

.svo_crm_bloc_statistique .stats_double ul li:last-child {
    border-bottom: 0px solid #fff;
}

.svo_crm_bloc_statistique .stats_double ul li div {
    padding: 5px 10px;
    border-left: 4px solid #384e6a;
    color: #808080;
}

.svo_crm_bloc_statistique .stats_double ul li span {
    font-family: "source-r";
    font-size: 16px;
    color: #454545;
}

.svo_crm_bloc_statistique .stats_simple {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
}

.svo_crm_bloc_statistique .stats_simple div {
    display: inline-block;
    margin: auto 10px;
    max-width: 247px;
    width: 100%;
}

.svo_crm_bloc_statistique .stats_simple div h4 {
    display: block;
    vertical-align: top;
    width: 135px;
    /*border-top-right-radius:5px;border-top-left-radius:5px;*/
    height: 82px;
    color: #fff;
    font-family: "source-l";
    padding: 5px 5px 5px 107px;
    text-align: right;
    font-size: 10px;
}

.svo_crm_bloc_statistique .stats_simple div h4 span {
    font-size: 50px;
    font-family: "source-l";
}

.svo_crm_bloc_statistique .stats_simple div ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.svo_crm_bloc_statistique .stats_simple div ul li {
    font-size: 14px;
    vertical-align: top;
    color: #454545;
    background: #FFFFFF;
    margin: 0;
    padding: 5px;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    text-align: left;
    color: #959595;
}

.svo_crm_bloc_statistique .stats_simple div ul li:last-child {
    border-bottom: 1px solid #E9E9E9;
    /*border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/
    text-align: right;
}

.svo_crm_bloc_statistique .stats_simple div ul li span {
    font-family: "source-r";
    font-size: 14px;
    color: #454545;
    float: right;
    display: inline-block;
    padding: 0 9px;
    border-radius: 9px;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.oppoffre {
    color: #ffffff;
    background-color: #FE6F09;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.oppcours {
    color: #ffffff;
    background-color: #E8F9F1;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.prospatraiter {
    color: #ffffff;
    background-color: #E8F9F1;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.enchereok {
    color: #ffffff;
    background-color: #E8F9F1;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.encherenok {
    color: #ffffff;
    background-color: #FC6258;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.prospatraiter.lead-red {
    background-color: #ef3623;
}

.svo_crm_bloc_statistique .stats_simple div ul li span.prospatraiter.lead-orange {
    background-color: #fd971f;
}

.svo_crm_bloc_statistique .stats_simple div ul li a {
    display: inline-block;
    width: 215px;
    padding-right: 25px;
    font-size: 12px;
    background: no-repeat url(../images/accueil/next.png) 100% 50%;
    background-size: 16px 16px;
}

.svo_crm_bloc_statistique .stats_simple div h4.stock {
    background: #4B5A7B url(../images/accueil/stock.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.opportunite {
    background: #4B5A7B url(../images/accueil/opportunite.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.contact {
    background: #4B5A7B url(../images/accueil/contact.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.enchere {
    background: #4B5A7B url(../images/accueil/enchere.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.expertise {
    background: #4B5A7B url(../images/accueil/expertise.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.stock {
    background: #4B5A7B url(../images/accueil/stock.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple div h4.commercialisation {
    background: #4B5A7B url(../images/accueil/commercialisation.png) no-repeat 20px 50%;
}

.svo_crm_bloc_statistique .stats_simple.stats_commercialisation div ul li span {
    color: #ffffff;
    background-color: #FE6F09;
}

.svo_crm_bloc_statistique .stats_simple.stats_commercialisation div ul li span.ok {
    color: #ffffff;
    background-color: #11E193;
}

.svo_crm_bloc_statistique .stats_simple.stats_commercialisation div ul li:last-child {
    display: none;
}

/* GENERAL */
.svo_information {
    border: 1px solid #505050;
    width: 95%;
    text-align: justify;
    margin: 10px auto;
    padding: 10px;
    font-size: 11px;
    min-width: 350px;
}

.svo_information.log {
    font-size: 11px;
    text-align: left;
    width: 600px;
    background-color: #ffffff;
}

.svo_information.erreur {
    background-color: #ffffff;
    text-align: center !important;
    font-weight: bold !important;
}

.svo_information.urgent {
    background-color: #ffffff;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 20px;
    color: #ff5555;
}

.svo_information.urgent > div {
    font-size: 20px !important;
    display: block;
    position: relative;
}

.groupe_client_desactive {
    margin-left: 5px !important;
    color: #8c0000;
}

.groupe_client_active {
    margin-left: 5px !important;
    color: #1c8c00;
}

.groupe_stock_desactive {
    margin-left: 25px !important;
    color: #8c0000;
}

.groupe_stock_active {
    margin-left: 25px !important;
    color: #1c8c00;
}

/* ************ */
/* Bloc gestion */
/* ************ */
.bloc_centre_smenu1 {
    margin-left: 10px;
}

.bloc_centre_smenu2 {
    margin-left: 20px;
}

.bloc_centre_smenu3 {
    margin-left: 30px;
}

.bloc_centre_smenu4 {
    margin-left: 40px;
}

/* ************************ */
/* Affichage des recherches */
/* ************************ */
.svo_affiche_recherche {
    border-collapse: collapse;
    width: 100%;
}

.svo_affiche_recherche th {
    background-color: #3a3c39;
    color: #ffffff;
    padding: 3px;
    text-align: center;
}

.svo_affiche_recherche tr {
    cursor: pointer;
}

.svo_affiche_recherche td {
    white-space: normal;
    word-wrap: break-word;
}

.svo_affiche_recherche_infos {
    border-bottom: 2px solid #6F1C85;
    background-repeat: no-repeat;
    color: #ffffff;
}

.svo_affiche_recherche_infos span {
    display: block;
    float: right;
    color: #000000;
    font-size: 10px;
    padding-top: 3px;
}

.svo_affiche_recherche_modele {
    width: 233px;
}

.svo_affiche_recherche_moteur {
    width: 180px;
}

.svo_affiche_recherche_vignette {
    float: left;
    margin-right: 1px;
}

.svo_affiche_recherche_marque {
    font-weight: bold;
    color: #6F1C85;
}

.svo_affiche_recherche_modele {
    font-weight: bold;
}

.svo_affiche_recherche_version {
    font-weight: bold;
    color: #7d7d7d;
}

.svo_affiche_recherche_prix,
.svo_affiche_recherche_annee {
    background-color: #f0f0f0;
    font-weight: bold;
    text-align: center;
    padding: 0px 5px;
    border-bottom: 2px solid #6F1C85;
}

.svo_affiche_recherche_km {
    font-weight: bold;
    text-align: center;
    padding: 0px 5px;
    border-bottom: 2px solid #454545;
}

.svo_affiche_recherche_actions {
    border-bottom: 2px solid #6F1C85;
    font-size: 10px;
    color: #808080;
    font-weight: bold;
}

.svo_affiche_recherche_actions a,
.svo_affiche_recherche_actions a:visited {
    font-size: 10px;
    color: #454545;
}

.svo_affiche_recherche_actions a:hover {
    color: #C18ECF;
}

/* Pagination */
.svo_affiche_recherche_pagination {
    text-align: center;
    padding: 5px 0;
}

.svo_affiche_recherche_pagination a {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    width: 20px;
    border-radius: 12px;
    color: #384e6a;
    background-color: transparent;
    border: 1px solid transparent;
}
.svo_affiche_recherche_pagination a i { line-height: inherit !important;}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageoff:hover {
    color: #384e6a;
    background-color: #ffffff;
    border-color: #0c7ce6;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageon,
.svo_affiche_recherche_pageon:visited {
    background: #0c7ce6;
    border: 1px solid #0c7ce6;
    color: #fff;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageon:hover {
    background-color: #ffffff;
    color: #0c7ce6;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheoff,
.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheoff:hover {
    border: 1px solid #e8e9ed;
    color: #384e6a;
    font-size: 20px;
    line-height: 18px;
    background-color: #e8e9ed;
    cursor: no-drop;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheon {
    font-size: 20px;
    line-height: 18px;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheon:hover {
    color: #384e6a;
    background-color: #ffffff;
}

/* Tri */
.svo_affiche_recherche_tri_container {
    /*float: right;*/
    /*white-space: nowrap;*/
    text-align: right;
    /*margin-right: 10px;*/
}

.svo_affiche_recherche_tri_container .field {
    min-width: 180px;
    font-size: 14px;
    display: inline-block;
    position: relative;
}

.svo_affiche_recherche_tri_container .field.unique {
    width: 100%;
}

.svo_affiche_recherche_tri_container .field .select {
    width: 92%;
    height: 30px;
    padding: 0px 1%;
    margin: 0 auto;
    display: block;
    border: 1px solid #CCC;
    /*#666;*/
    font-size: 12px;
    background: #fff;
    border-radius: 3px;
}

.svo_affiche_recherche_tri_container .field .select select {
    background-color: transparent;
    border: 0;
    height: 30px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
}

.svo_affiche_recherche_etat_desactive::before {
    background: #707070;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #d5d5d5;
}

.svo_affiche_recherche_etat_normal::before {
    background: #7ed838;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    /*border: 1px solid #d5d5d5;*/
    border-radius: 50px;
}

.svo_affiche_recherche_etat_offre::before {
    background: #f8d082;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #d5d5d5;
}

.svo_affiche_recherche_etat_vendu::before {
    background: #fe98a2;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #d5d5d5;
}

.svo_affiche_recherche_etat_disparu::before {
    background: #9f97ff;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    border: 1px solid #d5d5d5;
}

/* ********** */
/* * Tables * */
/* ********** */
.svo_table_medias {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.svo_table_medias li {
    display: inline-block;
    width: 100px;
    margin: 1%;
    padding: 5px;
    border: 1px solid #d5d5d5;
    text-align: center;
    min-height: 130px;
    vertical-align: top;
}

.svo_table_medias li a {
    display: block;
    /*width: 100px;*/
    height: 100px;
    padding-bottom: 5px;
}

.svo_table_medias li a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 100px;
}

.svo_table_medias li img.vignette {
    /*max-width: 100px;*/
    max-height: 100px;
    vertical-align: middle;
}

#form_listeoptions_vehicule {
    font-size: 14px;
    overflow: scroll;
    height: 300px;
}

.svo_table_options tbody tr td input[type=checkbox] {
    display: none;
}

.svo_table_options tbody tr td input + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 98%;
    height: 45px;
}

.svo_table_options tbody tr td input:checked + label {
    background-color: #384e6a;
    color: #ffffff;
}

.svo_table_options tbody tr td.cellule_action {
    white-space: nowrap;
}

.svo_table_options tbody tr td.cellule_action input {
    font-size: 14px;
    height: 30px;
    margin: 0 2px;
    padding: 0 10px;
}

#svo_table_medias_container {
    overflow: auto;
    /*max-height: 165px;*/
    min-height: 230px;
}

#svo_formulaire_modification_medias div.marquage div {
    overflow: auto;
    max-height: 250px;
}

#svo_formulaire_modification_medias div.marquage div input[type=radio] {
    display: none;
}

#svo_formulaire_modification_medias div.marquage div input[type=radio] + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 50%;
    /*height: 160px;*/
    /*line-height: 45px;*/
    margin: 2px;
    position: relative;
    text-align: center;
}

#svo_formulaire_modification_medias div.marquage div input[type=radio] + label img {
    max-width: 100%;
    max-height: 100%;
}

#svo_formulaire_modification_medias div.marquage div input[type=radio] + label span {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
}

#svo_formulaire_modification_medias div.marquage div input[type=radio]:checked + label {
    /*background-color: #384e6a;*/
    color: #ffffff;
}

#form_ajouteOptionVehiculeContainer {
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #808080;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
    min-height: 400px;
    padding: 5px;
}

#form_ajouteOptionVehiculeContainer ul {
    list-style: none;
    margin: 2px;
    margin: 0 auto;
    /*display:flex;flex-wrap:wrap;align-items:center;*/
}

#form_ajouteOptionVehiculeContainer li {
    max-width: 50%;
    width: 100%;
    float: left;
    line-height: 30px;
    overflow: hidden;
    display: block;
    margin: 5px 0px;
    box-sizing: border-box;
    position: relative;
}

#form_ajouteOptionVehiculeContainer li:hover label {
    background-color: #f8f8f8;
}

#form_ajouteOptionVehiculeContainer li input {
    display: inline-block;
    position: absolute;
    margin: 8px;
}

#form_ajouteOptionVehiculeContainer li label {
    display: block;
    margin: 0px 5px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px;
    cursor: pointer;
    color: #454545;
    font-size: 14px;
}

#form_ajouteOptionVehiculeContainer li input:checked + label {
    background-color: #384e6a;
    color: #ffffff;
    line-height: inherit !important;
}

#form_ajouteOptionVehiculeContainer li input + label span {
    color: #384e6a;
    line-height: inherit !important;
}

#form_ajouteOptionVehiculeContainer li input:checked + label span {
    color: #ffffff;
    line-height: inherit !important;
}

/* ************************ */
/* *** Affichage client *** */
/* ************************ */
.svo_caracteristiques span {
    color: #808080;
}

.svo_blocinfo_prix {
    font-size: 20px;
}

.svo_affiche_recherche_formrdv_titre,
.svo_affiche_recherche_vehiculeneuf_titre {
    position: relative;
    padding: 2px;
    margin-bottom: 2px;
    background-color: #9E7AB2;
    color: #ffffff;
    font-weight: bold;
}

.svo_affiche_recherche_formrdv_info {
    width: 600px;
    height: 190px;
    float: left;
    text-align: center;
    font-size: 15px;
    /*background: url(../images/fond_formulaire_rdv.jpg) no-repeat;*/
    margin: 3px 3px 0 3px;
}

.svo_affiche_recherche_formrdv_info div {
    float: left;
    width: 280px;
    height: 120px;
    margin: 27px 0 0 193px;
    text-align: center;
    color: #323232;
    line-height: 1.2em;
}

.svo_affiche_recherche_formrdv_form {
    float: left;
}

.svo_affiche_recherche_formrdv_titre div,
.svo_affiche_recherche_vehiculeneuf_titre div {
    position: absolute;
    right: 0px;
    width: 205px;
    background-color: #9E7AB2;
    color: #ffffff;
    font-weight: bold;
}

.svo_affiche_recherche_vehiculeneuf {
    position: relative;
    height: 190px;
    font-size: 11px;
}

.svo_affiche_recherche_vehiculeneuf span {
    display: block;
    position: absolute;
    font-size: 10px;
    color: #6F1C85;
    left: 2px;
    top: 2px;
}

.svo_affiche_recherche_formrdv #form_svoFormrdv,
.svo_affiche_recherche_vehiculeneuf .formulaire {
    width: 217px;
    height: 186px;
    padding-top: 2px;
    font-size: 11px;
}

.svo_affiche_recherche_vehiculeneuf .formulaire {
    width: 207px;
}

#form_svoFormrdv {
    margin-top: 3px;
}

.svo_affiche_recherche_formrdv a,
.svo_affiche_recherche_formrdv a:visited,
.svo_affiche_recherche_vehiculeneuf a,
.svo_affiche_recherche_vehiculeneuf a:visited {
    color: #6F1C85;
    font-size: 11px;
}

.svo_affiche_recherche_vehiculeneuf a:hover {
    color: #9E7AB2;
}

.svo_affiche_recherche_vehiculeneuf .image {
    width: 280px;
    height: 180px;
    float: left;
}

.svo_affiche_recherche_vehiculeneuf div {
    width: 210px;
    height: 190px;
    float: left;
}

.svo_affiche_recherche_vehiculeneuf div form {
    margin-left: 2px;
}

.svo_affiche_recherche_formrdv {
    margin: 10px 0px;
    padding-bottom: 3px;
    border: none;
    border: 1px solid #808080;
}

.svo_affiche_recherche_formrdv_form img,
.svo_affiche_recherche_vehiculeneuf div img {
    vertical-align: middle;
}

.svo_affiche_recherche_vehiculeneuf div input[type=checkbox] {
    border: none;
}

.svo_affiche_recherche_formrdv input,
.svo_affiche_recherche_formrdv select,
.svo_affiche_recherche_vehiculeneuf div input,
.svo_affiche_recherche_vehiculeneuf div select {
    font-size: 11px;
    margin: 1px;
    padding: 0px;
    border: 1px solid #000000;
}

.svo_affiche_recherche_vehiculeneuf div label {
    width: 105px;
    text-align: left;
}

.svo_affiche_recherche_vehiculeneuf div span {
    display: block;
    width: 210px;
    height: 14px;
    overflow: hidden;
    color: #8f4ea0;
    position: relative;
}

.svo_affiche_recherche_vehiculeneuf div div {
    width: 210px;
    height: 145px;
    font-size: 10px;
    overflow-y: scroll;
}

.svo_affiche_recherche_vehiculeneuf div div ul {
    margin: 0px 0px 0px 5px;
    list-style-position: inside;
}

.svo_affiche_recherche_vehiculeneuf div div ul li {
    display: block;
    height: 12px;
    width: 210px;
    overflow: hidden;
}

/*.svo_filtre_etat_vehicule {*/
/*width: 16px;*/
/*height: 16px;*/
/*float: left;*/
/*margin: 1px 3px;*/
/*border: 1px solid #808080;*/
/*cursor: pointer;*/
/*}*/
/*#svo_filtre_etat_vehiculet {*/
/*background-color: #f0daf6;*/
/*}*/
/*#svo_filtre_etat_vehiculet:hover {*/
/*background-color: #721f89;*/
/*}*/
/*#svo_filtre_etat_vehiculet.svo_filtre_etat_vehicule_actif {*/
/*background-color: #721f89;*/
/*border: 1px solid #000000;*/
/*}*/
/*#svo_filtre_etat_vehicule0 {*/
/*background-color: #c0c0c0;*/
/*}*/
/*#svo_filtre_etat_vehicule0:hover {*/
/*background-color: #404040;*/
/*}*/
/*#svo_filtre_etat_vehicule0.svo_filtre_etat_vehicule_actif {*/
/*background-color: #404040;*/
/*border: 1px solid #000000;*/
/*}*/
/*#svo_filtre_etat_vehicule1 {*/
/*background-color: #d2ffd1;*/
/*}*/
/*#svo_filtre_etat_vehicule1:hover {*/
/*background-color: #00c000;*/
/*}*/
/*#svo_filtre_etat_vehicule1.svo_filtre_etat_vehicule_actif {*/
/*background-color: #00c000;*/
/*border: 1px solid #000000;*/
/*}*/
/*#svo_filtre_etat_vehicule2 {*/
/*background-color: #ffedd7;*/
/*}*/
/*#svo_filtre_etat_vehicule2:hover {*/
/*background-color: #ff8f0b;*/
/*}*/
/*#svo_filtre_etat_vehicule2.svo_filtre_etat_vehicule_actif {*/
/*background-color: #ff8f0b;*/
/*border: 1px solid #000000;*/
/*}*/
/*#svo_filtre_etat_vehicule3 {*/
/*background-color: #ffd7d8;*/
/*}*/
/*#svo_filtre_etat_vehicule3:hover {*/
/*background-color: #c00000;*/
/*}*/
/*#svo_filtre_etat_vehicule3.svo_filtre_etat_vehicule_actif {*/
/*background-color: #c00000;*/
/*border: 1px solid #000000;*/
/*}*/
/*#svo_filtre_etat_vehicule4 {*/
/*background-color: #ebecff;*/
/*}*/
/*#svo_filtre_etat_vehicule4:hover {*/
/*background-color: #0000c0;*/
/*}*/
/*#svo_filtre_etat_vehicule4.svo_filtre_etat_vehicule_actif {*/
/*background-color: #0000c0;*/
/*border: 1px solid #000000;*/
/*}*/

/*.svo_change_type_liste_vehicule {*/
/*background-position: 0 0;*/
/*width: 36px;*/
/*height: 18px;*/
/*float: left;*/
/*margin: 1px 3px;*/
/*border: none;*/
/*cursor: pointer;*/
/*}*/
/*#svo_change_type_liste_vehicule_liste:hover,*/
/*#svo_change_type_liste_vehicule_bloc:hover {*/
/*background-position: 0 -18px;*/
/*}*/
/*#svo_change_type_liste_vehicule_liste {*/
/*background: url(../images/filtrage/mode_ligne.jpg) no-repeat;*/
/*}*/
/*#svo_change_type_liste_vehicule_bloc {*/
/*background: url(../images/filtrage/mode_bloc.jpg) no-repeat;*/
/*}*/
/* ************ */
/* Comptabilité */
/* ************ */
#svo_fact_doc_adresse {
    height: 90px;
    font-size: 14px;
}

.svo_comptabilite h4 {
    border-bottom: 4px solid #5E729A;
    font-family: "source-b";
    font-size: 18px;
    margin: 0 0 10px;
    padding: 10px 0;
}

#svo_fact_doc_lignes,
#svo_facture_recap {
    font-size: 14px;
    table-layout: fixed;
}

#svo_fact_doc_lignes tr.ui-sortable-handle { cursor:n-resize;}

#svo_fact_doc_lignes td {
    overflow: visible;
    vertical-align: middle;
}


#svo_fact_doc_lignes td div.field {
    margin: 0 5px;
}

#svo_fact_doc_lignes td.edited div.field {
    margin: 0;
}

#svo_fact_doc_lignes th.svo_fact_produit {
    width: 30%;
}

#svo_fact_doc_lignes select {
    /*background-color: #ffffff;*/
}

#svo_fact_doc_lignes img {
    cursor: pointer;
}

#svo_fact_doc_liste_vehicule {
    list-style: none;
}

#svo_fact_doc_liste_vehicule li {
    line-height: 31px;
    vertical-align: middle;
}

#svo_fact_doc_liste_vehicule li img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer;
}


span.compta_action.odr {
    position: relative;
}

span.compta_action.odr[data-action="voirODR"]:after {
    content: "or";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 9px;
    color:white;
    font-weight:bold;
}
span.compta_action.odr[data-action="envoiORDemail"]:after {
    content: "or";
    position: absolute;
    top: -8px;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 9px;
    color:white;
    font-weight:bold;
}


div.svo_comptabilite_recap {
    padding: 10px 0px;
    text-align: left;
}

div.svo_comptabilite_recap > div {
    width: 50%;
    display: inline-block;
    text-align: left;
}

svo_crm_bloc_statistique .stats_compta {
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*width: 33%;*/
    /*padding: 0;*/
    /*text-align: center;*/
    /*margin-bottom: 10px;*/
    flex: 1 1 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 900px) {
    .svo_crm_bloc_statistique .stats_compta {
        /*display: inline-block;*/
        /*vertical-align: top;*/
        /*width: 33%;*/
        /*padding: 0;*/
        /*text-align: center;*/
        /*margin-bottom: 10px;*/
        flex: 1 1 auto;
        box-sizing: border-box;
    }

    .svo_crm_bloc_statistique .stats_compta_full {
        flex: 1 1 100%;
    }

}

.svo_crm_bloc_statistique .stats_compta div {
    /*display: inline-block;*/
    /*margin: auto 10px;*/
    /*width: 80%;*/
    padding: 5px;
}

.svo_crm_bloc_statistique .stats_compta div ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.svo_crm_bloc_statistique .stats_compta div ul li {
    font-size: 18px;
    vertical-align: top;
    margin: 0;
    padding: 15px 5px;
    text-align: center;
    color: #ffffff;
    display: block;
    font-family: source-l;
}

.svo_crm_bloc_statistique .stats_compta div ul li span {
    font-family: source-r;
}

.svo_crm_bloc_statistique .stats_compta div ul li.first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.svo_crm_bloc_statistique .stats_compta div ul li.last {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.svo_crm_bloc_statistique .stats_compta div ul li.facture {
    background-color: #11E193;
}

.svo_crm_bloc_statistique .stats_compta div ul li.avoir {
    background-color: #01a1ff;
}

.svo_crm_bloc_statistique .stats_compta div ul li.compte_client {
    background-color: #ef3623;
}

.svo_crm_bloc_statistique .stats_compta div ul li.mode_reglement {
    padding: 5px 10px;
    text-align: left;
    margin-bottom: 10px;
}

.svo_crm_bloc_statistique .stats_compta div ul li.mode_reglement span {
    float: right;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 10px;
    color: #228380;
    background-color: #ECF4F4;
}

.svo_crm_bloc_statistique .stats_compta div ul li {
    background-color: #fff;
    color: #666;
}

.svo_crm_bloc_statistique .stats_compta div ul li.cb {
    background-color: #fff;
}

.svo_crm_bloc_statistique .stats_compta div ul li.ch {
    background-color: #fff;
}

.svo_crm_bloc_statistique .stats_compta div ul li.es {
    background-color: #fff;
}

.svo_crm_bloc_statistique .stats_compta div ul li.cr {
    background-color: #fff;
}

.svo_crm_bloc_statistique .stats_compta div ul li.vi {
    background-color: #fff;
}

.svo_crm_bloc_statistique .stats_full {
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 20px 0;
    padding: 0;
    background: #f6f6f6;
}

.svo_crm_bloc_statistique .stats_full ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.svo_crm_bloc_statistique .stats_full ul li {
    font-size: 14px;
    vertical-align: top;
    color: #454545;
    margin: 2px 0;
    padding: 2px 0;
    border-bottom: 1px solid #fff;
}

.svo_crm_bloc_statistique .stats_full ul li:last-child {
    border-bottom: 0px solid #fff;
}

.svo_crm_bloc_statistique .stats_full ul li div {
    padding: 5px 10px;
    border-left: 4px solid #384e6a;
    color: #808080;
}

.svo_crm_bloc_statistique .stats_full ul li span {
    font-family: "source-r";
    font-size: 16px;
    color: #454545;
}

#svo_fact_doc_regelement_container table td {
    padding: 3px 0;
    vertical-align: top;
}

#svo_fact_doc_regelement_container table td img {
    cursor: pointer;
}

#svo_fact_doc_regelement_container table td div.field {
    margin: 0 5px;
}

#svo_fact_doc_regelement_container table td select {
    background-color: #ffffff;
}

#svo_facture_recap {
    margin-bottom: 15px;
}

/* Agenda */
#svo_agenda {
    /*float:right;*/
    margin: 15px 0;
}

#svo_agenda table td {
    overflow: visible !important;
}

#dashboard_today .today_date {
    width: 90px !important;

}
#dashboard_today .today_date span {
    white-space: break-spaces;
}
#dashboard_today .today_title {
}

#dashboard_today td {
    font-family: 'Ubuntu', sans-serif;
    font-size:14px;
    padding-bottom: 0.5rem;
    word-break: break-all;
    vertical-align: top;
}
#dashboard_today span.pictos {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size:contain !important;
}
#dashboard_today span.nonrealise,
#svo_agenda a.nonrealise {
    background: url(../images/agenda/nonrealise.png) no-repeat;
    background-position: 100% 0;
    padding-right:20px;
}

#dashboard_today span.nonrealise.important,
#svo_agenda a.nonrealise.important {
    background-image: url(../images/agenda/nonrealise.png), url(../images/agenda/important.png);
    background-position: 100% 0, calc(100% - 20px) 0;
    background-repeat: no-repeat, no-repeat;
}

#dashboard_today span.nonrealise.faible,
#svo_agenda a.nonrealise.faible {
    background-image: url(../images/agenda/nonrealise.png), url(../images/agenda/faible.png);
    background-position: 100% 0, calc(100% - 20px) 0;
    background-repeat: no-repeat, no-repeat;
}

#dashboard_today span.realise,
#svo_agenda a.realise {
    background: url(../images/agenda/realise.png) no-repeat;
    background-position: 100% 0;
    padding-right:20px;
}

#dashboard_today span.realise.important,
#svo_agenda a.realise.important {
    background-image: url(../images/agenda/realise.png), url(../images/agenda/important.png);
    background-position: 100% 0, calc(100% - 20px) 0;
    background-repeat: no-repeat, no-repeat;
}

#dashboard_today span.realise.faible,
#svo_agenda a.realise.faible {
    background-image: url(../images/agenda/realise.png), url(../images/agenda/faible.png);
    background-position: 100% 0, calc(100% - 20px) 0;
    background-repeat: no-repeat, no-repeat;
}

#dashboard_today span.important,
#svo_agenda a.important {
    background: url(../images/agenda/important.png) no-repeat;
    background-position: calc(100% - 20px) 0;
}

#dashboard_today span.faible,
#svo_agenda a.faible {
    background: url(../images/agenda/faible.png) no-repeat;
    background-position: calc(100% - 20px) 0;
}


#svo_agenda .fc-event {
    cursor: pointer;
}

#svo_agenda .fc-event:hover {
    box-shadow: 0 0 10px 1px #565656;
}

.svo_agenda_bloc .container {
    min-height: 200px;
    max-height: 30vh;

    overflow-y: auto;
}

/* Rdv */
#form_rdv_description, #form_rdv_commentaire {
    height: 80px;
}

#svo_crm_tablerdv img {
    cursor: pointer;
}

#svo_formulaire_modification_rdv .delete {
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

/* Admin Expert */
#svo_expertadmin_container ul {
    list-style: none;
    margin-bottom: 15px;
}

#svo_expertadmin_container ul h3 {
    line-height: 30px;
    font-size: 18px;
}

#svo_expertadmin_container ul h3 input {
    margin-left: 10px;
}

#svo_expertadmin_container ul ul {
    margin-left: 30px;
}

#svo_expertadmin_container ul ul input[type=checkbox] {
    display: none;
}

#svo_expertadmin_container ul ul input + label {
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    margin: 5px 0;
    font-size: 16px;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    padding: 0 15px;
    min-width: 150px;
}

#svo_expertadmin_container ul ul input + label:hover {
    background-color: #a5a5a5;
}

#svo_expertadmin_container ul ul input:checked + label {
    border: 1px solid #384E6A;
    background: #384E6A;
    color: #ffffff;
}

#svo_expertadmin_container ul ul input:checked + label:hover {
    background-color: #01a1ff;
}

#svo_expertadmin_container ul ul input:checked:disabled + label {
    border: 1px solid #dedede;
    background: #dedede;
    color: #ffffff;
    cursor: no-drop;
}

#svo_expertadmin_container ul ul input:checked:disabled + label:hover {
    background-color: #d0d0d0;
}

/* Envoi ami */
#svo_crm_form_envoiAmi_message {
    height: 80px;
}

/* ********* */
/* Keyframes */
/* ********* */
@keyframes bloc_selection_accueil {
    from {
        margin-top: -102px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes bloc_selection_accueil {
    from {
        margin-top: -102px;
        opacity: 0;
    }
    to {
        margin-top: 0;
        opacity: 1;
    }
}

/* ********** */
/* Responsive */
/* ********** */
@media screen and (min-width: 641px) and (max-width: 10000px) {
    nav.svo_crm_menu ul {
        display: block !important;
    }
}

@media screen and (min-width: 1px) {
    /* Menu */
    nav.svo_crm_menu {
        background: #fff;
        color: #000;
        margin-left: 0px;
        width: 70px;
    }

    nav.svo_crm_menu .fleche_menu {
        display: none;
    }

    nav.svo_crm_menu ul {
        width: auto;
    }

    nav.svo_crm_menu ul li > a span {
        width: 46px;
        position: relative;
        margin-left: 12px;
    }

    nav.svo_crm_menu ul li > a span i {
        display: none;
        position: absolute;
        background: #000;
        white-space: nowrap;
        margin-left: 40px;
        margin-top: -45px;
        height: 34px;
        z-index: 50;
        padding: 6px 10px 5px 10px;
        min-width: 155px;
        /*border: 1px solid #9399b5;*/
        border-left: none;
        line-height: 30px;
        color: #000;
    }

    .svo_crm_menu_on i.detailmenu {
        color: #fff !important;
    }

    nav.svo_crm_menu ul li:hover > a span:hover i {
        display: block;
    }

    nav.svo_crm_menu ul li > a span .alerte {
        font-size: 14px;
    }

    .svo_corp {
        padding-left: 75px;
    }
}

@media screen and (min-width: 1px) and (max-width: 1460px) {
    .cont_filtres fieldset.triple {
        width: calc(50% - 12px);
    }
}

@media screen and (min-width: 1px) and (max-width: 1350px) {
    .svo_crm_bloc_selection li,
    .svo_crm_bloc_statistique .stats_simple {
        width: 25%;
    }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    /* Critères de filtre*/
    .cont_filtres .field {
        width: calc(50% - 10px);
    }

    .cont_filtres .field.troisquarts {
        width: calc(50% - 10px);
    }

    /* Administration */
    .svo_menu_administration {
        min-width: 30px;
        max-width: 30px;
    }

    .svo_menu_administration li.normal span {
        display: none;
    }

    .svo_menu_administration li.normal:hover span {
        display: block;
    }

    .svo_menu_administration li.normal span span {
        border: 1px solid #454545;
    }

    .svo_contenu_administration {
        padding-left: 40px;
    }

    /* Fiche Véhicule */
    #svo_divers_vehicule_container .fichiers_lies {
        /*width: 98%;
    padding: 0 1%;
    display: block;*/
    }

    #svo_divers_vehicule_container .actions_fiche_vehicule {
        /* width: 98%;
    padding: 0 1%;
    margin-left: 0%;
    display: block;*/
    }

    #svo_crm_jauge_container .tiers {
        width: calc(50% - 10px);
    }

    .svo_agenda_bloc {
        width: 98% !important;
        display: block !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 1100px) {
    .svo_crm_bloc_selection li,
    .svo_crm_bloc_statistique .stats_simple {
        width: 33%;
    }
}

@media screen and (min-width: 1px) and (max-width: 1000px) {
    .cont_filtres fieldset.double {
        display: block;
        width: calc(100% - 10px);
    }

    /* Fiche Véhicule */
    #svo_divers_vehicule_container .liste_fichiers,
    #crm_prospection_container_fichiers .liste_fichiers {
        width: calc(100% - 10px);
        display: block;
    }

    #svo_divers_vehicule_container .fichiers_lies .moitier,
    #crm_prospection_container_fichiers .liste_fichiers .moitier {
        display: block;
        width: 100%;
        margin-right: 0%;
    }

    #svo_divers_vehicule_container .liste_fichiers ul,
    #crm_prospection_container_fichiers .liste_fichiers ul {
        border-left: 0px solid #ddd;
    }

    .cont_filtres .field.sixieme {
        width: calc(32% - 10px);
    }

    .cont_filtres .field.huitieme {
        width: calc(25% - 10px);
    }

    .cont_filtres .field.deuxsixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.troissixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.quatresixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.cinqsixiemes {
        width: calc(83.3333333333% - 10px);
    }


    .cont_filtres .field.douzieme {
        width: calc(16% - 10px);
    }

    /* Prospection */
    .svo_information_statut ul li,
    .svo_information_statut h4 {
        padding-left: 0;
    }

    .svo_information_statut.moitier {
        width: 100%;
        display: block;
    }

    #svo_crm_jauge_container .tiers {
        width: calc(33% - 10px);
    }
}


@media screen and (min-width: 1px) and (max-width: 950px) {
    #form_ajouteOptionVehiculeContainer li {
        width: 33%;
    }

    .cont_filtres .field.cinquieme {
        width: calc(33% - 10px);
    }

    .cont_filtres .field.deuxcinquiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.troiscinquiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.quatrecinquiemes {
        width: calc(66% - 10px);
    }
}

@media screen and (min-width: 1px) and (max-width: 900px) {
    .svo_onglets_expertise_container > div {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    #svo_onglets_vehicule_0_container div.columns {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }

    .svo_crm_bloc_statistique .stats_compta {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media screen and (min-width: 1px) and (max-width: 840px) {
    .svo_crm_bloc_selection li,
    .svo_crm_bloc_statistique .stats_simple {
        width: 50%;
    }

    /* Critères de filtre */
    .cont_filtres .field {
        width: calc(50% - 10px);

    }

    .cont_filtres fieldset.triple {
        display: block;
        width: calc(100% - 10px);

    }.cont_filtres .field.triple {
        display: block;
        width: calc(100% - 10px);
    }

    .cont_filtres fieldset.tiers {
        display: block;
        width: calc(100% - 10px);
    }

    .cont_filtres fieldset.deuxtiers {
        display: block;
        width: calc(100% - 10px);
    }
    .cont_filtres .field.deuxtiers {
        display: block;
        width: calc(100% - 10px);
    }

    .cont_filtres .field.double.marquage {
        display: block;
        width: calc(100% - 10px);
    }

    .cont_filtres .field.sixieme {
        width: calc(32% - 10px);
    }

    .cont_filtres .field.huitieme {
        width: calc(25% - 10px);
    }

    .cont_filtres .field.deuxsixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.troissixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.quatresixiemes {
        width: calc(66% - 10px);
    }

    .cont_filtres .field.cinqsixiemes {
        width: calc(83.3333333333% - 10px);
    }


    .cont_filtres .field.douzieme {
        width: calc(33% - 10px);
    }
}

@media screen and (min-width: 1px) and (max-width: 820px) {
    /*	.svo_table tbody tr{border-top:1px solid #ccc;}
	.svo_table td,.svo_table th{line-height:30px;}
	.svo_table tbody tr:nth-child(odd) td{border-bottom:1px solid #bbb;}
	.svo_table tbody tr td {display:block !important;width:98%;max-width:98%!important;padding:3px 1%;text-align:right!important;border-bottom:1px solid #eee;clear:both;}
	.svo_table thead {display:none;}
	.svo_table tbody tr td span.th {display:inline;}*/
    /* Liste fiches */
    /*	.svo_table_fiches .svo_crm_liste_fiche_vignette span:not(.th){position: absolute;right:0px;}
	.svo_table_fiches .svo_crm_liste_fiche_numero {line-height:10px;}
	.svo_table_fiches .svo_crm_liste_fiche_numero span {min-height:0;}*/
    #svo_getFiche_modeSelection_container {
        display: none;
    }

    /* Liste annuaire */
    /*	.svo_table_contacts tr td{display:block;}
	.svo_table_contacts tr.lettrage td{display:table-cell;}
	.svo_table_contacts tr.infos_annuaire td{display:block;}
	.svo_table_contacts tr.nom_annuaire{display:block;position:relative;}
	.svo_table_contacts tr td span.actions_annuaire {float: right;position:absolute;top:2px;right:3px;}
	.svo_table_contacts tr.infos_caches{display:block;}
	.svo_table_contacts tr td {width: 99%;}
	.svo_table_contacts tr td span img.voir_contact{display:none;}*/
    /* table marge */
    /*	.svo_table_marge tr td.action {width:99%;}
	.svo_table_marge tr td.classement {width:99%;text-align:right;}
	.svo_table_marge tr td.montant {width:99%;text-align:right;}*/
    /* Véhicule */
    #svo_onglets_vehicule_0_container div.columns {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    /* Administration */
    #svo_liste_articles .article {
        padding-left: 0;
    }
}

@media screen and (min-width: 1px) and (max-width: 767px) {

    .cont_filtres .field {
        /*width: calc(50% - 10px);*/
        width: calc(100% - 10px);
    }
    /* Choix du stock */
    .svo_bloc_gestion_choix_stock_container {
        width: calc(100% - 10px);
        padding: 0;
        display: block;
        font-size: 14px;
        clear: both;
    }

    .svo_bloc_gestion_choix_stock_container .select {
        width: 96%;
        height: 30px;
        padding: 0px 1%;
        display: block;
        border: 1px solid #CCC;
        /*#666;*/
        font-size: 12px;
        background: #fff;
        margin-bottom: 0px;
    }

    /* Collaboration */
    .svo_crm_c_accueil_environnement {
        width: 100%;
        margin: 10px 0px;
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .svo_crm_c_accueil_environnement:nth-child(2n) {
        margin-right: 0;
        margin-left: 1%;
        width: 49%;
    }

    .svo_crm_c_accueil_environnement:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 1%;
        width: 49%;
    }
}

@media screen and (min-width: 1px) and (max-width: 740px) {
    .span_fiche_vehicule,
    .span_fiche_vehicule.active {
        position: relative;
        width: 100% !important;
        left: 0 !important;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
        /* IE6-9 */
        border-bottom: 0;
    }

    .span_fiche_vehicule > span {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .span_fiche_vehicule > span {
        /*border: 1px solid #CCC;*/
        /*#666;*/
    }

    .cont_onglets_fiche_vehicule {
        display: none;
    }

    .fiche_vehi {
        min-height: auto;
    }

    .onglet_fiche {
        display: none;
    }

    .onglet_fiche.active {
        display: block !important;
    }

    .cont_onglets_page_vehicule {
        display: block;
    }
}

@media screen and (min-width: 1px) and (max-width: 680px) {
    .svo_onglets_expertise_container > div {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .boutons_onglets_vehi {
        float: none;
        text-align: right;
    }
}

@media screen and (min-width: 1px) and (max-width: 640px) {
    .cont_filtres .field.double,
    .cont_filtres .field.deuxtiers,
    .cont_filtres .field.troisquarts {
        display: block;
        width: calc(100% - 10px);
    }

    .cont_filtres .field.triple {
        width: calc(50% - 10px);
    }

    /* Statistiques */
    .svo_crm_statistique ul li {
        display: block;
        width: calc(100% - 10px);
    }

    .svo_crm_statistique ul.marque_vendue li {
        width: 50%;
    }

    /* Véhicule */
    #form_ajouteOptionVehiculeContainer li {
        width: 50%;
    }

    /* Choix du stock */
    .svo_bloc_gestion_choix_stock_container .select {
        width: 98%;
    }

    .svo_bloc_gestion_choix_stock_container {
        width: 96%;
        padding: 0;
        margin: 0 auto;
        display: block;
        font-size: 14px;
        clear: both;
    }

    /* Menu */
    nav.svo_crm_menu {
        float: none;
        width: auto;
        margin: 0 10px 5px 10px;
    }

    nav.svo_crm_menu ul {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
        /*width: 240px;*/
        width: calc(100% - 1px);
        z-index: 9990;
        /*border-right: 1px solid #000;*/
    }

    nav.svo_crm_menu ul li > a span {
        /*width: calc(100% - 10px);*/
        width: 94%;
    }

    nav.svo_crm_menu ul li > a span i {
        font-size: 16px;
        text-align: left;
        display: block;
        background: transparent;
        width: initial;
        /*position: inline-block;*/
        height: 30px;
        border: none;
    }

    nav.svo_crm_menu ul li:hover > a span i {
        display: block;
    }

    .toggle_menu {
        display: block;
    }

    /* Corps */
    .svo_corp {
        padding-left: 0px;
        padding-top: 0;
    }

    /* Tri */
    .svo_affiche_recherche_tri_container {
        /*float: none;*/
        /*text-align: left;*/
        white-space: normal;
    }
}

@media screen and (min-width: 1px) and (max-width: 540px) {
    .svo_crm_bloc_selection li,
    .svo_crm_bloc_statistique .stats_simple {
        width: 100%;
    }

    .cont_filtres .field.triple {
        display: block;
        width: calc(100% - 10px);
    }

    #svo_onglets_vehicule_0_container div.columns {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        line-height: 24px;
    }

    #svo_onglets_vehicule_5_container ul li {
        display: inline-block;
        vertical-align: top;
        margin: 1%;
        width: 31%;
        text-align: center;
    }

    #form_ajouteOptionVehiculeContainer li {
        width: calc(100% - 10px);
    }

    /* Choix du stock */
    .svo_bloc_gestion_choix_stock_container {
        width: calc(100% - 10px);
        padding: 0;
    }

    .cont_filtres .field.cinquieme {
        width: calc(50% - 10px);
    }

    .cont_filtres .field.deuxcinquiemes {
        width: calc(50% - 10px);
    }

    .cont_filtres .field.troiscinquiemes {
        width: calc(50% - 10px);
    }

    .cont_filtres .field.quatrecinquiemes {
        width: calc(100% - 10px);
    }

    .svo_crm_bloc_statistique .stats_compta {
        width: 100%;
    }

    .cont_filtres .field.sixieme {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.huitieme {
        width: calc(50% - 10px);
    }

    .cont_filtres .field.deuxsixiemes {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.troissixiemes {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.quatresixiemes {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.douzieme {
        width: calc(100% - 10px);
    }

    /* Statistiques accueil */
    .svo_crm_bloc_statistique .stats_double {
        width: calc(100% - 10px);
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .svo_crm_bloc_statistique .stats_simple {
        width: calc(100% - 10px);
        margin-right: 0%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1px) and (max-width: 480px) {
    /* .tiers {width: 98%;margin-bottom:20px;} */
}

@media screen and (min-width: 1px) and (max-width: 440px) {
    .svo_onglets_expertise_container {
        text-align: center;
    }

    .eva_gen {
        display: block;
        text-align: center;
    }

    .eva_gen div {
        margin: 5px auto;
    }

    .svo_onglets_expertise_container > div {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    .svo_numero_telephone_click2call_container {
        width: 90% !important;
    }

    .cont_filtres .field.cinquieme {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.deuxcinquiemes {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.troiscinquiemes {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.quatrecinquiemes {
        width: calc(100% - 10px);
    }
}

@media screen and (min-width: 1px) and (max-width: 400px) {
    /* Critères de filtre*/
    .cont_filtres .field {
        width: calc(100% - 10px);
    }

    .cont_filtres .field.unique {
        width: calc(100% - 10px);
        margin: auto;
        margin-bottom: 15px;
        display: block;
    }

    .cont_filtres .field.unique input {
        width: 94%;
        padding: 0 2%;
    }

    /* Statistiques accueil */
    .svo_crm_bloc_statistique .stats_double ul {
        display: block;
    }
}

fieldset.autobiz .field {
    font-size: 14px;
    text-align: left;
    color: #808080;
    margin: 0;
    padding: 0 5px 15px;
}

fieldset.autobiz .field span {
    font-size: 20px;
    color: #353535;
}

span.immat {
    background: #ccc;
    padding: 2px 7px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

span.immat span {
    background: #fff;
    padding: 2px 20px;
    border-radius: 5px;
    font-size: 18px;
    display: inline-block;
}

.bizReprise label {
    font-size: 18px !important;
    color: #353535 !important;
    text-transform: uppercase;
}

.bizReprise input {
    font-size: 18px !important;
    color: #353535 !important;
    background: transparent !important;
}

.columns span.svo_prix_achat {
    position: relative;
    display: inline-block;
}

.columns span.svo_prix_achat span:not(.editableField):not(.value) {
    right: 0px;
}

.bloc_resume_1 {
    margin: 15px 0px;
    text-align: center;
}

.bloc_resume_1 h3 {
    text-align: center;
}

.bloc_resume_1 h3 + div {
    margin-top: 5px;
    background: #f0f0f0;
    padding: 10px;
}

.bloc_resume_1 div.bloc {
    vertical-align: top;
    width: 200px;
    margin: 10px 10px;
    display: inline-table;
    text-align: center;
}

.bloc_resume_1 div.bloc > span {
    width: 200px;
    border-top: 2px solid #5E729A;
    box-sizing: border-box;
    display: table-caption;
    background: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
}

.bloc_resume_1 div.bloc.warning > span {
    border-color: #FE6F09;
}

.bloc_resume_1 div.bloc.good > span {
    border-color: #11E193;
}

.bloc_resume_1 div.bloc > span + span {
    width: 200px;
    border: none;
    box-sizing: border-box;
    padding: 0px 10px;
    display: table-cell;
    background: #e0e0e0;
    font-size: 12px;
    height: 50px;
    vertical-align: middle;
    line-height: 20px;
    font-weight: 400;
}

.bloc_encart {
    margin: 15px 0px;
    text-align: center;
    /*background:@fondBlocs;*/
}

.bloc_encart .container {
    background: #FFFFFF;
}

.bloc_encart .container.padded {
    padding: 15px;
}

.bloc_div {
    margin-bottom: 20px;
    /*background: #fff;*/
}

.bloc_div > div.container {
    /*background: #fff;*/
}

.bloc_div > h4 {
    font-size: 20px;
    font-family: "Lato";
    margin: 0;
    margin-bottom: 0px;
    padding: 10px 0;
    color: #000;
    background: none;
    /*border-bottom: 4px solid #5E729A;*/
}

.bloc_div.padded {
    padding: 15px;
}

.bloc_div > div.container {
    background: #FFF;
    padding: 15px 15px 0px 15px;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
    border-radius: 20px;
    /*box-shadow: 2px 2px 2px 1px rgba(112, 112, 112, .1);*/
}

.bloc_div > div.container.noshadow {
    border: none;
    box-shadow: none;
}


.bloc_div > div.container.padded {
    padding: 15px;
}

.bloc_div > div.container.nopadd {
    padding: 0;
    background: #FAFAFA;
}

.bloc_alerte_1 {
    margin: 15px 0px;
    text-align: center;
}

.bloc_alerte_1 h3 {
    margin: 0;
    display: block;
    background: #202d3d;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
}

.bloc_alerte_1 h3 + div {
    margin-top: 5px;
    background: #f0f0f0;
    padding: 10px;
}

/*.bloc_alerte_1 { padding:20px 10px;margin:15px 0px;

                border:2px solid #ff0000;border-radius:8px;text-align:center;}
.bloc_alerte_1 h3 { font-size:20px;text-align:center;margin:10px auto;display:block;width:100%;}*/
.bloc_alerte_1 div.bloc {
    vertical-align: top;
    width: 150px;
    min-height: 90px;
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
}

.stock_graphiques {
    margin: 20px 0px;
    vertical-align: top;
    display: block;
    clear: both;
    text-align: center;
}

.stock_graphiques .graph {
    vertical-align: top;
    box-sizing: border-box;
    margin: 0px 10px;
    width: 23%;
    display: inline-block;
    box-sizing: border-box;
}

@media screen and (max-width: 1199px) {
    .stock_graphiques .graph {
        margin: 10px;
        width: 49%;
    }
}

@media screen and (max-width: 767px) {
    .stock_graphiques .graph {
        margin: 10px 0px;
        width: 100%;
    }
}

.stock_graphiques .header {
    line-height: 24px;
    display: block;
    clear: both;
    border-bottom: 1px solid #202d3d;
}

.stock_graphiques .header span {
    line-height: 24px;
    float: right;
}

.stock_graphiques .header span.title {
    line-height: 24px;
    background: #000;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    width: 40%;
}

.stock_graphiques .content {
    background: #f0f0f0;
    padding: 10px 0px;
}

.stock_graphiques .info {
    font-size: 9px;
}

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.text-center {
    text-align: center;
}

.btn-empty {
    cursor: pointer !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    background: none;
}
.btn-empty .fa{
    font-size: 14px;
}
.btn-empty:hover {
    background: #ccc;
}

div.option_item {
    align-items: center;
    display: flex;
}

div.options_options {
    counter-reset: section;
}

div.options_options div.option_item:before {
    counter-increment: section;
    font-size: 8px;
    content: "" counter(section) "";
    width:15px;text-align:right;
}

div.options_series {
    counter-reset: section_s;
}

div.options_series div.option_item:before {
    counter-increment: section_s;
    font-size: 8px;
    content: "" counter(section_s) "";
    width:15px;text-align:right;
}

div.option_item label {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: move;
    width: calc(100% - 115px);
    margin-right: 10px;
    padding-left: 10px;
    display: inline-block;
    justify-self: center;
    font-size:12px;
}
div.option_item button { margin-right:2px;}
.option_item:not(.active) {
    font-weight: normal;
    color: #777;
}

.option_item.active {
    font-weight: bold;
}

/*.option_item button[data-action="show_hide"] { background-color: #24c73e; }*/
.option_item:not(.active) button[data-action="show_hide"] {
    background: #eee;
    color: #ff0000;
}

.options_button {
    text-align: center;
}

.svo_onglets_ficheexpertise {
    display: none;
}

.svo_onglets_ficheexpertise_mobile_container {
    clear: both;
    width: 100%;
    display: block;
}

.docList {
    display: block;
    clear: both;
}

.docList > div {
    margin-bottom: 10px;
}

.docList > div > div {
    display: block;
}

#svo_crm_vehicule_mode_expert_container {
    margin: 10px 0px;
    display: block;
    text-align: center;
}

@media screen and (min-width: 640px) {
    .svo_onglets_ficheexpertise {
        display: block;
    }

    .svo_onglets_ficheexpertise_mobile_container {
        display: none;
    }

    #svo_crm_vehicule_mode_expert_container {
        margin: 0;
        position: absolute;
        right: 20px;
        top: 0px;
    }

    .docList > div {
        width: calc((100% / 3) - 6px);
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
    }

    .docList > div > div {
        display: inline-block;
        width: 40%;
    }
}

/** timeline **/
.timeline-background {
    display: block;
    margin: 0px auto;
    width: 100%;
    max-width: 80%;
    min-height: 100px;
    background: transparent url('../images/prospection/tl-bg.png') top center repeat-x;
}

@media screen and (max-width:799px) {
    .timeline-background {
        max-width:95%;
        zoom: 0.8;
    }
}

.timeline-background .tlstatus {
    display: block;
    width: 100%;
    height: 50px;
    background: transparent url('../images/prospection/tl-off.png') top center no-repeat;
}

.timeline-background .tlstatus.on {
    background: transparent url('../images/prospection/tl-on.png') top center no-repeat;
}

.timeline-background > div {
    display: block;
    width: calc(100% / 7);
    float: left;
    line-height: 20px;
    text-align: center;
}

.timeline-background .tlname {
    font-size: 12px;
    color: #0FE193;
    font-weight: bold;
}

.timeline-background .tldate {
    font-size: 14px;
    color: #CCCCCC;
    font-weight: bold;
}

.timeline-background > div:last-child {
    text-align: right;
}

.timeline-background > div:first-child {
    text-align: left;
}

.timeline-background > div:first-child .tlstatus {
    background-position: top left;
}

.timeline-background > div:last-child .tlstatus {
    background-position:right;
}

/*.timeline-background > div:last-child .tlstatus.on {
    background: transparent url('../images/prospection/tl--l-on.png') top right no-repeat;
}*/

@media screen and (max-width: 639px) {
    .timeline-background {
        display: none !important;
    }
}

table.nospaces {
    margin: 0;
    padding: 0;
}

table.nospaces th,
table.nospaces td {
    margin: 0;
    padding: 0;
}

.nopadleft {
    padding-left: 0;
}

.nopadright {
    padding-right: 0;
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0 !important;
}

.hr_bas {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #dbdbdb;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.svo_crm_statistique .pave_boeuf {
    margin: 40px 0px
}

.svo_crm_statistique .ancres {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

.svo_crm_statistique .ancres a {
    position: relative;
    border: 1px solid #c3c3c3;
    border-bottom: 0px;
    border-right-color: #fff;
    display: block;
    float: left;
    min-width: 15%;
    padding: 10px 20px;
    margin: 0;
    border-top: 2px solid #f0f0f0;
    background: #f0f0f0;
}

.svo_crm_statistique .ancres a.active {
    background: #fff;
    border-color: #000;
    border-bottom: 0px;
}

.svo_crm_statistique .ancres a.active span {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0px;
    height: 2px;
    background: #fff;
}

.svo_crm_statistique .ancres {
    border-bottom: 2px solid #000;
}

.svo_crm_statistique .contenus_onglets {
    border: 1px solid #000;
    border-top: 0px;
    padding: 10px;
}

.svo_crm_statistique .contenus_onglets h4 {
    display: none;
}

.cont_filtres .field textarea#svo_crm_form_actionDescription, .cont_filtres .field textarea#svo_crm_form_smsContent {
    min-height: 30px;
    height: auto;
    padding: 5px 5px;
    margin: 0 auto;
    display: block;
    border: 1px solid #CCC;
    /*#666;*/
    font-size: 14px;
    background: #fff;
    font-family: Arial, Helvetica, Sans-Serif;
    width: calc(100% - 10px);
    line-height: 18px;
    border-radius: 3px;
}

#form_prospectionTitre, #form_prospectionDescription {
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
}

#form_prospectionDescription {
    padding: 5px 5px;
    line-height: 18px;

}

.doc_prop_header {
    background: #f6f6f6;
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    box-sizing: border-box;
}

.doc_prop_header span.suffixe {
    display: none !important;
}

.doc_prop {
    padding-right: 30px;
    padding-left: 30px;
    text-align: right;
    box-sizing: border-box;
    width: 25%;
    display: block;
    margin: 0;
    border-left: 1px solid #CCC;
}

.doc_prop .field2 {
    color: #6773E1;
    margin-top: 20px;
    display: block;
    clear: both;
    padding-right: 24px;
    position: relative;
    font-size: 32px !important;
    font-weight: bold;
    text-align: right;
    border: 1px solid transparent;
}

.doc_prop .field2:not(.lock) {
    background: #fff;
    /*border: 1px solid #ececec;*/

}

.doc_prop .field2:focus {
    color: #6D6D6D;
}

.doc_prop input {
    color: #6D6D6D;
    background: none !important;
    border: none !important;
    font-size: 32px !important;
    width: auto !important;
    text-align: right;
    font-weight: bold;
    max-width: 100%;
    padding: 10px !important;
}

.doc_prop input:focus {
    color: #393939;
}

.doc_prop .field2:after {
    display: block;
    content: '€';
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    right: 4px;
    top: -6px;
}

.doc_prop label {
    color: #6D6D6D;
    margin-right: 00px !important;
    text-align: center !important;
    margin-top: 10px !important;
    display: inline-block !important;
    font-weight: 500;
    /*text-transform: uppercase;*/
    font-size: 14px !important;
}

.doc_prop.prop_v1 {
    background: transparent url(../images/documents/props_cg.png) top left no-repeat;
}

.doc_prop.prop_v13 {
    background: transparent url(../images/documents/props_frais.png) top left no-repeat;
}

.doc_prop.prop_vprix {
    /*background: transparent url(../images/documents/props_prix.png) top left no-repeat;*/
}

.doc_prop.prop_v34 {
    background: transparent url(../images/documents/props_remise.png) top left no-repeat;
}

.doc_prop.prop_v7 {
    background: transparent url(../images/documents/props_malus.png) top left no-repeat;
}

.doc_prop.prop_v6 {
    background: transparent url(../images/documents/props_acompte.png) top left no-repeat;
}

.doc_prop.prop_v4 {
    background: transparent url(../images/documents/props_financement.png) top left no-repeat;
}

.doc_prop.prop_v35 {
    background: transparent url(../images/documents/props_solde.png) top left no-repeat;
}

.bloc_finance_2 {
    /*display: table;
    width: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    text-align: center;
    margin: 0px auto;
}

.bloc_finance_2 .field {
    margin: 5px auto;
    box-sizing: border-box;
    padding: 0px 0px;
    overflow: hidden;
}

.bloc_finance_2 .field br {
    display: none;
}

.bloc_finance_2 .field.plein {
    width: calc(100% - 10px);
    padding: 20px;
}

.bloc_finance_2 .field .svo_prix_achat {
    text-align: center;
    display: block;
    padding-right: 0px !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px !important;
    font-weight: bold !important;
    color: #e9e9e9
}

.bloc_finance_2 .field .svo_prix_achat small {
    font-weight: 100;
    font-size: 10px;
    vertical-align: super;
    padding-left: 4px;
}

.bloc_finance_2 .field .svo_crm_description_label {
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
    display: block !important;
    text-align: center !important;
    padding: 0px !important;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #e9e9e9
}

.bloc_finance_2 .field.finance_vehicule {
    /*background: #6986C2;*/
    /*border-top: 4px solid #5E729A;*/
}

/*.bloc_finance_2 .field.finance_vehicule.finance_tva { padding:0; }*/
/*.bloc_finance_2 .field.finance_vehicule.finance_tva >div { padding:2px 0px;}*/
/*.bloc_finance_2 .field.finance_vehicule.finance_tva div {*/
/*    font-family: source-l;*/
/*    font-size:12px;*/
/*    color:#ffffff;}*/


.bloc_finance_2 .field.finance_remise {
    /*background: #6986C2;*/
    /*border-top: 4px solid #5E729A;*/
}

.bloc_finance_2 .field.finance_frais {
    /*background: #6986C2;*/
    /*border-top: 4px solid #5E729A;*/
}

.bloc_finance_2 .field.finance_frais_cg {
    /*background: #4B5A7B;*/
}

.bloc_finance_2 .field.finance_reprise {
    /*background: #4B5A7B;*/
}

.bloc_finance_2 .field.finance_accessoires {
    /*background: #4B5A7B;*/
}


.bloc_finance_2 .field.finance_marchand {
    padding: 0px 0px 40px 0px !important;
}

.bloc_finance_2 .field.finance_marchand .marchand span {
    padding: 5px;
    display: block;
    background: #11E193;
    color: #fff;

    text-transform: uppercase;
}

@media screen and (max-width: 1559px) {
    .bloc_finance_2 .field .svo_prix_achat {
        font-size: 22px !important;
    }

    .bloc_finance_2 .field .svo_crm_description_label {
        padding: 0px !important;
        font-size: 12px !important
    }


}

@media screen and (max-width: 1320px) {
    .bloc_finance_2 .field .svo_prix_achat {
        font-size: 25px !important;
    }

    .bloc_finance_2 .field .svo_crm_description_label {
        padding: 0px !important;
        font-size: 14px !important
    }

    .bloc_finance_2 .field.quart {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 1090px) {


    .bloc_finance_2 .field .svo_prix_achat {
        font-size: 20px !important;
    }

    .bloc_finance_2 .field .svo_crm_description_label {
        padding: 0px !important;
        font-size: 12px !important
    }

    .bloc_finance_2 .field {
        width: 100%;
        box-sizing: border-box;
    }

    .bloc_finance_2 .field.finance_vehicule.finance_tva > div {
        margin: 0;
        padding: 0px 0px 10px 0px;
        text-align: center !important;
    }

    .bloc_finance_2 .field.finance_vehicule.finance_tva > div:first-child {
        padding-top: 10px;
    }
}

@media screen and (max-width: 840px) {
    .bloc_finance_2 .field {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box;
    }
}

.editable {
    background: #3F3F4A;
    border-radius: 20px;
    cursor: pointer;
    padding-right: 10px;
}

.editable:hover {
    background: #000;
    color: #fff;
}

.editable.active {
    background: #3F3F4A;
    color: #fff;
}



.editable.active > div {
    /*background: transparent url(../images/vehicule/supprimer.png) top right no-repeat;*/
    padding-right: 10px;
    background-size: 10%;
    background-position-y: 2px;
}

.editable .cont_filtres .field input[type="text"], .editable .cont_filtres .field input[type="password"], .editable .cont_filtres .field input[type="file"], .editable input {
    height: 24px;
    color: #fff;
    background: #3F3F4A;
}
.editable .cont_filtres .field.inlinecrm input{
    color: #000;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    padding: 15px;
}

/* badges */

.badge {
    display: inline-block;
    min-width: 4px;
    padding: 4px 8px;
    width: unset !important;
    /*  font-size: @font-size-small;
  font-weight: @badge-font-weight;
  color: @badge-color;
  line-height: @badge-line-height;*/
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #f0f0f0;
    color: #000;
    border-radius: 12px;
    line-height: 12px;
    font-size: 12px;
    /*  background-color: @badge-bg;
  border-radius: @badge-border-radius;*/

}

.badge.xs {
    border-radius: 8px;
    line-height: 8px;
    font-size: 8px !important;
    padding: 2px 4px;
}

.badge.sm {
    border-radius: 10px;
    line-height: 10px;
    font-size: 10px !important;;
}

.badge.rouge {
    background: #FC6258;
    color: #fff;
}

.badge.fre_mandat {
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    border-radius: 6px;
}

.badge.bleu {
    background: #6986c3;
    color: #fff;
}

.badge.vert {
    /*//background: yellowgreen;*/
    background: #73b962;
    color: #fff;
}

.badge.vert1 {
    background: green;
    color: #fff;

}

.badge.vert_clair {
    background:#11E193;
    color:#fff3cd;
}
.badge.vert2 {
    background: #73b962;
    color: #fff;
}

.badge.orange {
    background: #3182ff;
    /*#4B5A7B;*/
    color: #fff;
}

.badge.orange2 {
    background: #fd971f;
    color: #fff;
}

.badge.gris {
    background: #666666;
    color: #fff;
}

.badge:empty {
    display: none;
}

.badge.d_e {
    color: #000;
    background: #11E193 !important;
    font-size: 14px;
}

.badge.livre {
    color: #fff;
    background: #4B5A7B !important;
    font-size: 14px;
}

.badge.gagne {
    color: #000;
    background: #fd971f !important;
    font-size: 14px;
}

.badge.vide {
    color: #000;
    background: none !important;
    font-size: 14px;
}

.date_livraison .badge.vide { font-size: 12px; }
.badge .freWarning {
    background: #FC6258 !important;
}


.badge.warning {
    background: #fd971f;
    color: #fff;
}

.badge.danger {
    background: #FC6258;
    color: #fff;
}

.badge.success {
    background: #11E193;
    color: #222222;
}

.badge.ico16 {
    padding: 4px 4px;
    display: inline-block;
    min-width: 16px;
    height: 16px;
    font-size: 14px;
}

.badge.ico16 img {
    width: auto;
    height: 16px;
    max-width: 16px;
    vertical-align: middle;
}

#svo_liste_valorisations td.categorie {
    background: #333 !important;
    color: #fff;
    font-size: 16px;
    height: 40px;
}

.avec_fichiers {

}

.sans_fichiers > div {
    display: none !important;
}

.sans_fichiers > div + div {
    width: 100% !important;
    margin: 0 !important;
    display: block !important
}

@media screen and (max-width: 1099px) {
    .fichiers_lies div.tiers, .fichiers_lies div.deux_tiers {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/** rating prospections */
@media screen and (min-width: 768px) {
    .rt .creation {
        margin-top: 24px;
    }
}

.rating li.reset {
    cursor: pointer;
    display: inline-block;
    color: green;
    font-size: 18px;
    padding: 0px 10px;
}

.rating li.remove {
    cursor: pointer;
    display: inline-block;
    color: red;
    font-size: 18px;
    padding: 0px 10px;
}

li.star.checked {
    color: #ffea44;
    text-shadow: 3px 3px 5px #333;
}

li.star {
    display: inline-block;
    font-size: 32px;
    color: #c0c0c0;
    cursor: pointer;
}

li.star.hover {
    color: #000;
}

.starunchecked {
    color: #c0c0c0
}

.starchecked {
    color: #ffea44;
    text-shadow: 1px 1px 5px #333;
}

.margescharges {
    border: none !important;
    background: transparent !important;
}

.margescharges fieldset h3 {
    text-transform: uppercase; display: block; border-bottom: 1px solid #CCC; padding: 20px; margin-bottom: 10px;
    font-size: 16px;
}

.margescharges fieldset {

    margin: 10px 5px 20px 5px !important;
    padding: 0 0 20px 0 !important;
    background: #fff;;
    border: none !important;
    border-radius: 15px;
}

/** for tooltips **/
.tooltip2 {
    display: inline-block;
    background: transparent url(../images/information.png) center no-repeat;
    width: 30px;
    height: 30px;
}

[tooltip] {
    position: relative;
    display: inline-block;
}

[tooltip]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
    z-index: 99;
    opacity: 0;
}

[tooltip-position='left']::before {
    left: 0%;
    top: 50%;
    margin-left: -12px;
    transform: translatey(-50%) rotate(-90deg)
}

[tooltip-position='top']::before {
    left: 50%;
}

[tooltip-position='buttom']::before {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before {
    left: 100%;
    top: 50%;
    margin-left: 1px;
    transform: translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    color: #fff;
    padding: 4px 2px;
    font-size: 12px;
    min-width: 80px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index: 99;
    opacity: 0;
}

[tooltip-position='left']::after {
    left: 0%;
    top: 50%;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%);
}

[tooltip-position='top']::after {
    left: 50%;
}

[tooltip-position='buttom']::after {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after {
    left: 100%;
    top: 50%;
    margin-left: 8px;
    transform: translateX(0%) translateY(-50%);
}

[tooltip]:hover::after, [tooltip]:hover::before {
    opacity: 1
}

.svo_agenda_bloc td.commentaire, #svo_crm_tablerdv td.commentaire {
    overflow: visible;
}

.select.haut.prospection {
    padding: 0;
    overflow: hidden;
}

div#form_listUser {
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
}

div#form_listUser ul {
    list-style: none outside;
    margin: 0;
}

div#form_listUser ul li {
    padding: 5px;
}

div#form_listUser ul li:hover {
    cursor: pointer;
}

div#form_listUser ul li:nth-child(odd) {
    background-color: #f1f1f1;
}

@media only screen and (min-width: 641px) {
    .hidden_desktop {
        display: none !important;
    }

}

@media only screen and (max-width: 640px) {
    .hidden_mobile {
        display: none !important;
    }
    .svo_affiche_recherche_pagination a{
        font-size: 16px;
    }
}

table.whitebg tr {
    background: #fff;
}

.table-responsive {
    overflow: auto;
}

/** notifications **/

.notif-lead {

}


.notifItem p {
    text-align: left;

    color: #898989;
    font-size:12px;
    margin: 0;
    padding: 3px 0;
}

.notifItem .title {
    text-transform: uppercase;
    color: #fd971f;
    font-size:14px;
    padding: 0;
    font-weight: bold;
}
.notifItem .sub {
    text-transform: uppercase;
    color: #95198f;
    font-weight: 500;
    font-size:14px;
    padding: 0;
}

.notifItem .strong {
    text-transform: uppercase;
    font-weight: 500;
    font-size:14px;
}


.notif-vente {
    background: transparent url("../images/notifs/signature-bdc.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 60px;
    background-position-x: 15px;
}

.notif-vente-signe {
    background: transparent url("../images/notifs/signature-bdc.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 40px;
    background-position-x: 15px;
}

.notif-tache {
    background: transparent url("../images/notifs/tache.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 60px;
    background-position-x: 15px;
}


.notif-document {
    background: transparent url("../images/notifs/document_vu.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 40px;
    background-position-x: 15px;
}


.notif-commentaire {
    background: transparent url("../images/notifs/commentaires.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 40px;
    background-position-x: 15px;

}
.notif-deleted {
    background: transparent url("../images/notifs/deleted.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 40px;
    background-position-x: 15px;

}


.notif-lead-gagne {
    background: transparent url("../images/notifs/lead.png") top left no-repeat;
    padding-left: 80px;
    text-align: left;
    background-size: 40px;
    background-position-x: 15px;
}


@media screen and (max-width: 840px) {
    h4.slide {
        cursor: pointer;
        background: #F0F0F0;
        display: block;

    }

    h4.slide:after {
        content: "+";
        position: absolute;
        right: 20px;
        background: #fff;
        width: 20px;
        text-align: center;
    }

    h4.slide.on:after {
        content: "-";
    }

    h4.slide.on + div.container {
        display: block !important;
    }

    #svoprospectionitem .moitier,
    #svoprospectionitem .deux_tiers,
    #svoprospectionitem .tiers,
    #svoprospectionitem .quart,
    #svoprospectionitem .trois_quart {
        padding: 0;
        width: 100%;
    }

}


div.columns > span {

    /* display: block;
     position: relative;*/
}


div.columns label + span:not(.editableField) {
    display: inline-block;
    float: right;
}

#svo_onglets_vehicule_0_container div.columns img.principale {

    display: block;
}

.autobiz h3 {
    font-size: 24px;
    line-height: 30px;
}

.autobiz input {
    cursor: pointer;
    display: inline-block;
    background: transparent;
    border: none;
    padding: 0px 10px;
    text-align: right;;
    width: 100%;
    min-width: 90px;
    max-width: 120px;
}

.autobiz .big {
    font-size: 30px;
}

.autobiz .big1 {
    font-size: 20px;
}

.autobiz .big2 {
    font-size: 60px;
}

.autobiz .list {
    margin: 0px 10px;
}

.autobiz .list li {
    margin: 5px;
    padding: 5px 5px 5px 10px;
    border-bottom: 2px solid #ddd;
    list-style: none outside;
    margin-left: 20px;
}

.autobiz .list li span {
    float: right;
}

.autobiz .list li.ic:before {
    position: absolute;
    left: -20px;
    content: " ";
    width: 20px;
    height: 20px;
}

.autobiz .list li.ic_car:before {
    opacity: 0.5;
    background: transparent url("../images/cotation/car.png") top left no-repeat;
}

.autobiz .list li.ic_km:before {
    background: transparent url("../images/cotation/km.png") top left no-repeat;
}

.autobiz .list li.ic_box:before {
    background: transparent url("../images/cotation/gearshift.png") top left no-repeat;
}

.autobiz .list li.ic_room:before {
    background: transparent url("../images/cotation/tag.png") top left no-repeat;
}

.autobiz .list li.ic_gaz:before {
    opacity: 0.5;
    background: transparent url("../images/cotation/oil.png") top left no-repeat;
}

.autobiz .list li.ic_pui:before {
    background: transparent url("../images/cotation/motor.png") top left no-repeat;
}

.autobiz .list li.ic_info:before {
    background: transparent url("../images/cotation/info.png") top left no-repeat;
}


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    height: 32px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 1%;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center !important;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

.dropdown {
    float: right;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    /* min-width: 160px; */
    /* overflow: auto; */
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    right: 0;
    z-index: 4;
    box-sizing: border-box;
    padding: 0;
}

/*
@media screen and (max-width:740px) {
    .dropdown-content { left: 0;right:auto;}

}
@media screen and (min-width:741px) {
    .dropdown-content { right: 0;left:auto }
}*/


.dropdown-content a {
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown a:hover {
    background-color: #ddd;
}

.showDropDown {
    display: block;
}


#svo_resume_action_table {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;

}

#svo_resume_action_table th {
    padding: 15px 5px;
    text-transform: uppercase;
}

#svo_resume_action_table tr.action td {
    padding: 5px;
    color: #444;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

#svo_resume_action_table tr.action td:first-child {

    border-bottom: none;

}

#svo_resume_action_table tr.infoline th {
    color: #999;
    border-bottom: 1px solid #ccc;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}

#svo_resume_action_table tr.infoline th:first-child {
    border-bottom: none;
}

#svo_resume_action_table th.infotext {
    font-size: 16px;
}

#svo_resume_action_table .ok, #svo_resume_action_table td.fait {
    color: #2f9277;
}

#svo_resume_action_table .warn, #svo_resume_action_table td.pasfait {
    color: #fc5d48;
}

#svo_resume_action_table span.tel {
    color: #000;
    font-weight: bold;
}


.upcase {
    text-transform: uppercase;
}

.favOff {
    color: #999;
}

.favOn {
    color: #fc5d48;
}

.addToFav {
    font-size: 20px !important;
    cursor: pointer;
}


.popup_favoris .btnList .btn {
    margin: 0px 5px;
    padding: 0px 10px;
    max-width: 250px;
    display: block;
    cursor: pointer;
    outline: none;
    /*color: #fff;*/
    /*border: none;*/
    flex: 1 1 auto;
    line-height: 32px;
    color: #000;
    border: 1px solid #5A7BF0;
    border-radius: 3px;
    text-transform: uppercase;
}

/*.popup_favoris .btn_reset {*/
/*    background: #EF3623;*/
/*}*/


/*.popup_favoris .btn_Exporter {*/
/*    background: #FD971F;*/
/*}*/

.popup_favoris .btnList .btn.btn_ajoutBL, .popup_favoris .btnList .btn.btn_ajoutBE {
    background: #ffffff;
}

.popup_favoris .btnList .btn.btn_ajoutLot {
    color: #999999;
    border-color: #999999;
    background: #ffffff;

}

.popup_favoris .btnList .btn.btn_batchUpdate {
    background: #5A7BF0;
    color: #ffffff;
}

.popup_favoris .btnList .btn:hover {
    background: #5A7BF0;
    border-color: #5A7BF0;
    color: #ffffff;

}

.popup_favoris .favitem p.marque_modele {
    font-size: 14px;
    font-weight: bold;
}

.popup_favoris .favitem p.version {
    font-size: 12px;
}

.popup_favoris .favitem p.tarif {
    font-size: 20px;
]
}

.popup_favoris .favitem p.km {
    font-size: 14px;
}

div#svoRightClickContainer {
    background: #fff;
    min-width: 120px;
    min-height: 120px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 8px #555;
    padding: 10px;

}


.statut_propcom {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: transparent url('../images/crm/statut_prop_comm.png') top left no-repeat;
    font-size: 9px;
    color: #51727d;
    font-weight: 100;
}


.headerVehicule .statut_propcom {
    align-self: center;
    margin-right: 5px;
    text-align: center;
    min-width: 40px !important;
    color: #fff;
}


.container.prop {
    position: relative
}

.container.prop:after {

    position: absolute;
    display: block;
    height: 5px;
    background: #ff0000;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    border-radius: 0.25rem 0.25rem 0 0;
}

.container.prop.prop100:after {
    background-color: #FF7700;
}

.container.prop.prop75:after {
    background-color: #11E193;
}

.container.prop.prop50:after {
    background-color: #0091FF;
}

.container.prop.prop25:after {
    background-color: #FF717E;
}

.statut_propcom.p100 {
    background-position: 0px 0px;
}

.statut_propcom.p75 {
    background-position: 0px -41px;
}

.statut_propcom.p50 {
    background-position: 0px -81px;
}

.statut_propcom.p25 {
    background-position: 0px -121px;
}


.badge.dispo_v {
    margin: 5px auto !important;
}

.badge.dispo_v.dispo_s00 {
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: #59D69A;
    font-size: 12px;
    background-color: #E8F9F1 !important;
}

.badge.dispo_v.dispo_s10 {
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    background-color: #fd971f !important;
}

.badge.dispo_v.dispo_s20 {
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    background-color: #ef3623 !important;
}

.badge.dispo_v.dispo_s30 {
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    background-color: #4B5A7B !important;
}

.badge.dispo_v.dispo_s40 {
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: grey;
    font-size: 12px;
}

.badge.dispo_v.bl_achat_vente {
    background-color: rgb(75,90,123) !important;
    background: linear-gradient(45deg, rgba(75,90,123,1) 0%, rgba(75,90,123,1) 45%, rgba(128,219,216,1) 50%, rgba(109,209,169,1) 55%, rgba(109,209,169,1) 100%) !important;
}
.badge.dispo_v.bl_achat {
    background-color: #11E193 !important;

}.badge.dispo_v.bl_vente {
     background-color: #4B5A7B !important;
}

.badge.dispo_v.dispo_s00_dates {
    display: inline-flex;
    padding: 0;
    max-width: 120px;
    margin: 5px 10px;
    box-sizing: border-box;
    width: calc(100% - 20px);;
    box-sizing: border-box;
    color: #59D69A;
    font-size: 12px;
    background-color: #E8F9F1 !important;
}

.badge.dispo_v.dispo_s00_dates > span {
    flex: 1 1 auto;
    padding: 4px 8px;
}

.badge.dispo_v.dispo_s00_dates > span + span {
    border-left: none;
    flex: 0.5 0 auto;
    margin-left: 0;
    padding: 4px 8px;
    border-radius: 0px 12px 12px 0px;
    color: #fff;
}

.badge.dispo_v.dispo_s00_dates.dispo_jours_c1 > span + span {
    background: #FF6E7B;
}

.badge.dispo_v.dispo_s00_dates.dispo_jours_c2 > span + span {
    background: #0091FF;
}

.badge.dispo_v.dispo_s00_dates.dispo_jours_c3 > span + span {
    background: #FE7E2D;
}


.headerVehicule .badge.dispo_v {
    margin: 5px 0px !important
}

/*
.svo_table_rdv thead { background:#3d857a; }
.svo_table_rdv tbody tr { background:#fff;}
.svo_table_rdv tbody tr:nth-child(odd) {
    background:#b9dfd9;
}

.svo_table_rdv tbody tr:hover,.svo_table_rdv tbody tr:nth-child(odd):hover {
    background:#01c3a6;
}

.svo_table_actions thead { background:#ad8100; }

.svo_table_actions tbody tr { background:#fff;}
.svo_table_actions tbody tr:nth-child(odd) {
    background:#f4ca80;
}

.svo_table_actions tbody tr:hover,.svo_table_actions tbody tr:nth-child(odd):hover {
    background:#efb44e;
}
 */

.list_header tr {
    background: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
    height: 65px;
}

thead.list_header:after {
    content: ' ';
    height: 10px;
    display: block;
}

#bl_items .boutons button {
    font-size: 20px;
    padding: 0;
    line-height: initial;
    width: 25px;
    height: 25px;
    margin: 0px 5px;
}

.bouton.btedit {
    background: none;
    color: #01a1ff;
}

.bouton.btpdf {
    background: none;
    color: red;
}

.bouton.btDelete {
    background: red;
    color: white;
}

@media screen and (min-width: 860px) {


    .deux_tiers.tiers_custom {
        width: calc(50% - 10px);
    }

    .tiers.tiers_custom {
        width: calc(50% - 10px);
    }
}

#dashboard .svo_crm_bloc_selection .sel_off time {
}

#dashboard .svo_crm_bloc_selection .sel_on time {
    font-weight: bold;
    color: #10E192;
}

#dashboard .svo_crm_bloc_selection .sel_error time {
    color: #fc5956;
}

#dashboard .svo_crm_bloc_selection .nb_off {
    color: #e0e0e0;
}

#dashboard .svo_crm_bloc_selection .nb_on {
    font-weight: bold;
    color: #10E192;
}

#dashboard .svo_crm_bloc_selection .nb_error {
    color: #fc5956;
}

#dashboard .titre_page {
    margin-top: 15px;
    margin-left: 6px;
}

#containerContacts .svo_crm_bloc_selection h3 {
    font-size: 21px !important;
    line-height: 18px !important;
}

#containerContacts .colone-50 {
    width: calc(50% - 5px);
    min-height: 80%;
    padding: 15px;
}

#containerContacts .form-group label {
    color: #656585;
    font-size: 14px;
    display: block;
}

#containerContacts .form-group .form-input {
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#containerContacts .colone-50.bg {
    background: #f5f6f8;
}

#containerContacts .liste_contacts thead tr {
    height: 65px;
    font-weight: bold;
    background: #f6f6f6;
}

#containerContacts .liste_contacts td,#containerContacts .liste_contacts td img {
    vertical-align: middle;
}
#containerContacts .liste_contacts td a.ajoutcontactliaison  {
    line-height:initial;
    display:inline;
    vertical-align: middle;
}
#containerContacts .liste_contacts thead tr.blank_line {
    height: 10px;
}

#containerContacts .liste_contacts th {
    color: rgb(75, 90, 123);
    text-align: left;
    padding: 3px 5px;
    font-size: 13px !important;
    line-height: 18px;
    border-bottom: 1px solid #e0e0e0;
}

#containerContacts #ContenuShow {
    max-height: 100% !important;
}

#containerContacts .container.nopadd {
    border: none;
}

#containerContacts tr.nom_annuaire:nth-child(odd) {
    background: #f1f6ff;
}

#containerContacts tr.nom_annuaire:nth-child(even) {
    background: #fff;
}

#containerContacts tr.nom_annuaire td {
    vertical-align: middle;
    font-size: 13px;
}

#containerContacts a.round {
    width: 30px;
    height: 30px;
    color: #fff;
    display: block;
    border-radius: 50px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

#containerContacts .color-1 {
    background: #fd971f;
}

#containerContacts .color-2 {
    background: #384e6a;
}

#containerContacts .color-3 {
    background: #01a1ff;
}

#containerContacts .color-4 {
    background: #FC6258;
}

#containerContacts .color-5 {
    background: #58D69A;;
}

#containerContacts .lien {
    width: 20px;
}

#containerContacts .actions * {
    margin-left: 3px;
    margin-right: 3px;
}

#containerContacts .popup_formulaire h2 {
    width: calc(100% - 20px);
    background: #f5f6f8;
    padding: 10px;
    margin: -10px -20px;
    margin-bottom: 25px;
    border-radius: 5px 5px 0px 0px;
}

#containerContacts .popup_formulaire > div {
    top: 60px;
    border: none;
}

#containerContacts input.bouton.annuler {
    z-index: 99;
}

#containerContacts .popup_formulaire .bloc {
    width: 94%;
    display: inline-block;
    padding: 5px 15px;
    vertical-align: top;
    margin-top: 15px;
}

#containerContacts .popup_formulaire .bloc-bg {
    background: #f5f6f8;
}

#containerContacts .popup_formulaire .row {
    display: block;
    width: 100%;
    padding-top: 15px;
}

#containerContacts .popup_formulaire .col-50 {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: top;
}

#containerContacts .popup_formulaire .col-33 {
    width: calc(33% - 5px);
    display: inline-block;
}

#containerContacts .popup_formulaire .col-30 {
    width: calc(30% - 5px);
    display: inline-block;
}

#containerContacts .popup_formulaire .col-70 {
    width: calc(70% - 5px);
    display: inline-block;
}

#containerContacts .popup_formulaire .col-100 {
    width: calc(100% - 5px);
    display: inline-block;
}

#containerContacts .popup_formulaire .fa.fa-caret-down.float-right {
    color: #aaa;
    float: right;
    line-height: 30px;
    margin-right: 10px;
    font-size: 13px;
}

#containerContacts .popup_formulaire .field input:not([type='checkbox']),
#containerContacts .popup_formulaire .field textarea,
#containerContacts .popup_formulaire .field select {
    width: 90%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    margin-top: 10px;
}

#containerContacts .popup_formulaire .input {
    min-height: 30px;
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#containerContacts .popup_formulaire .field label {
    display: block;
    font-size: 14px;
    color: #656594;
}

#containerContacts .popup_formulaire .field label.inline {
    display: inline-block;
}

#containerContacts .profil_container {
    width: 50%;
    left: 0px;
    margin: 50px 10px !important;
}

#containerContacts .liste_contacts .show-mobile {
    display: none;
}

#containerContacts .mobile-toggle {
    display: none;
}

#containerContacts .show-xs {
    display: none;
}

#containerContacts .show-sm {
    display: none;
}

#containerContacts .footable-toggle {
    cursor: pointer;
}

#containerContacts .toggle-row {
    display: none;
}

#containerContacts button.toggle {
    border: none;
    background: none;
    color: #b3b3b3;
    cursor: pointer;
    font-size: 15px;
}

@media screen and (max-width: 800px) {
    #containerContacts .liste_contacts tr.show-mobile {
        display: table-row;
    }

    #containerContacts .hide-xs {
        display: none;
    }

    #containerContacts .show-xs {
        display: block;
    }

    #containerContacts tr.show-xs {
        display: table-row;
    }

    #containerContacts .popup_formulaire .col-50 {
        width: calc(100% - 5px);
    }
}

@media screen and (min-width: 800px) and (max-width: 1200px) {
    #containerContacts .show-sm {
        display: block;
    }

    #containerContacts tr.show-sm {
        display: table-row;
    }

    #containerContacts .hide-sm {
        display: none;
    }

    #containerContacts .show-xs {
        display: block !important;
    }
}

#containerContacts table td {
    padding: 5px;
}

.prop_infos_client {
    display: block;
    text-align: right;
}

.prop_infos_client span {
    background: #000;
    color: #ffffff;
    border-radius: 5px;
    padding: 4px 10px;
}

@media screen and (min-width: 768px) {
    .propcomm_header {
        display: flex;
    }

    .prop_infos_client {
        display: block;
        margin-left: auto;
        align-self: center;
    }
}

#svo_crm_listeValorisations .editMandat {
    cursor: pointer;
}


.fav.addToFav {
    background: #cdcdcf;
    border-radius: 5px;
    display: block;
    width: 20px;
    height: 20px;
    transition: background-color 0.3s;
}

.fav.addToFav.favOn {
    background: #11E193;
}

span.addAllToFav {
    background: #cdcdcf;
    border-radius: 5px;
    display: block;
    width: 20px;
    height: 20px;
    transition: background-color 0.3s;
}

span.addAllToFav.active {
    background: #11E193;
}

/* boutons spécifique proposition commerciale vente par lot */

#crm_proposition_vehicules div {
    cursor: default;
}

#crm_proposition_vehicules.svo_table tbody tr td[name=svo_celluletable] {
    cursor: default;
}

#crm_proposition_vehicules .bouton {
    width: 32px !important;
    line-height: 32px !important;
    height: 32px !important;
    padding: 0;
    margin: 0px 5px;
    box-sizing: border-box;
}

#crm_proposition_vehicules .canEdit {
    display: flex !important;
    cursor: pointer;
    place-content: end;
}

#crm_proposition_vehicules .canEdit:hover {
    backgound: #e0e0e0;
    cursor: url(/canevas/svor/svo/images/dblclk_cursor.png), auto;
}

#crm_proposition_vehicules .canEdit button.ok {
    height: auto;
    padding: 0px;
    line-height: unset;
    background: lightseagreen;
    color: white;
}

#crm_proposition_vehicules .canEdit button.nok {
    height: auto;
    padding: 0px;
    line-height: unset;
    background: #EF7781;
    color: white;
}

.svo_qtip_lot {
    border: none;
    background: #fff;
    color: #555;
    font-size: 12px;
    margin: 0;
    padding: 10px;

}

.svo_qtip_lot .list_header tr {
    height: initial;
}

.svo_qtip_lot .list_header tr th {
    font-size: 11px !important;
    text-transform: uppercase;
}

.svo_qtip_lot tr td {
    font-size: 13px;
}

.svo_qtip_lot table {
    width: 100%;
}

/** pixmycar */
#svo_onglets_vehicule_5_pixmycar {
    background: none;
    border: 1px solid #c53393;
    height: 30px;
    line-height: 30px;
    color: #c53393;
    text-transform: none;
}

#svo_onglets_vehicule_5_pixmycar > span {
    font-size: 11px;
}

button#svo_onglets_vehicule_5_pixmycar.bouton:disabled,
#svo_onglets_vehicule_5_pixmycar:disabled,
#svo_onglets_vehicule_5_pixmycar[disabled] {
    background-color: #e18cb8 !important;
    color: #FFF !important;
}

.sort-media li {
    display: inline-block;
    width: 150px;
    margin: 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
    vertical-align: top;
}

.sort-media li[data-id] {
    padding-top: 7px;
}

.media-droppable li:hover {
    border: 1px solid #ecccd1;
    background: rgba(243, 222, 222, 1);
}

.media-droppable {
    display: none;
    width: calc(100% - 20px);
    margin: auto;
    min-height: 50px;
    border: 3px dashed #DDD;
    margin-bottom: 7px;

}

.media-droppable.show-background ul {
    display: none;
}

.media-droppable.show-background {
    background: url('../images/dropfile.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.media-droppable[data-type=LINK].show-background {
    background: url('../images/dropfile-link.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.media-droppable[data-type=ZOOM].show-background {
    background: url('../images/dropfile-zoom.png') no-repeat;
    background-size: contain;
    background-position: center;
}

.media-droppable ul {
    display: block;
    margin: 0;
    padding: 0;
}

.media-droppable ul > li {
    display: inline-block;
    width: calc(50% - 12px);
}

.media-droppable ul > li > img {
    width: calc(100% - 12px);
    display: block;
}

.select-mode label {
    font-size: 12px;
}

.input-link-media {
    display: none;
}

.marker-photo {
    display: none;
}

#sub_media_title {
    width: calc(100% - 10px);
    line-height: 23px;
    border-radius: 3px;
    background: none;
    border: 1px solid #ddd;
    padding: 3px 5px;
    margin-top: 7px;
}

#modalLinkPicture .img-responsive {
    margin-top: 8px;
}

.media-image > select {
    border: none;
    background: none;
    height: 25px;
    margin-top: 10px;
    width: calc(100% - 13px);
}

.media h5 {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none;
}

select.image_description {
    margin-bottom: 7px;
}

.highlight {
    background: red;
}

#svo_formajoutmedia .form-select {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
}

.docmisiv .docbutton {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    color: #c0c0c0;
    outline: 0;
    border-radius: 4px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 8px;
}

.docmisiv .docbutton:not(:disabled):hover {
    color: #000;
    border-color: #000;
}

.docmisiv .docbutton:disabled {
    background: #d6d6d6;
    color: #f0f0f0;
    cursor: not-allowed;
}

@media screen and (min-width: 741px) {
    .docmisiv {
        display: flex;
        flex-wrap: wrap;
    }

    .docmisiv .item {
        box-sizing: border-box;;
        margin-bottom: 5px;
        flex: 1 1 50%;
        padding: 5px 10px;
        display: flex;
        flex-direction: column;
    }

    .docmisiv .item:hover {
        background: #f2f6fe;
    }

    .docmisiv .item > div {
        margin-bottom: auto;
        /*flex:1;*/
    }

    .docmisiv .item > div + div {
        margin-bottom: 0;
        flex: 0 1 auto;
        margin-top: auto;

    }

    .docmisiv .item > div + div input[type=button] {
        margin: 5px;
    }

    .docmisiv .item > div + div input[type=button]:last-child {
        margin-right: 0px
    }

    .docmisiv .item span {
        margin: 5px 0px;
        display: block;
        font-size: 13px;
    }
}

@media screen and (min-width: 1099px) {

    .docmisiv .item {
        margin-bottom: 5px;
        flex: 1 1 33.333333333333%;
    }

}

.select-mode {
    margin: 0px auto;
    text-align: center;
    display: block;
}

.btn-organise, .btn-organiser, .btn-gestion {
    background: #fff;
    box-shadow: 1px 1px 3px 0px #BBB;
    color: #969696;
    font-size: 14px;
    text-transform: none;
    transition: background-color 0.4s;
    display: inline-flex;
    height: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 4px;
    margin: 10px 5px;
    padding: 0px 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 20px;
}

.btn-organise.active, .btn-gestion.active, .btn-organiser.active {
    background: #000;
    color: #fff;
}

@media screen and (max-width: 600px) {
    .select-mode {
        margin: 0px auto;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

    .btn-organise, .btn-organiser, .btn-gestion {
        margin: 10px 0px;
        padding: 0px 10px;
        font-size: 10px !important;
    }
}

.media-droppable[data-type=LINK] {
    background: url('../images/bg_liens.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.media-droppable[data-type=ZOOM] {
    background: url('../images/bg_zoom.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.media-droppable.no-background {
    background: none !important;
}

#modalUploadBannieres .form-group {
    margin-top: 50px;
    width: calc(50% - 10px);
    display: inline-block;
}

#modalUploadBannieres .form-group.align-right {
    text-align: right;
}

.marquage .banniere {
    width: calc(50% - 10px);
    display: inline-block;
}

.marquage .banniere img {
    width: 100%;
}

#svo_formulaire_modification_medias div.marquage .banniere input[type="radio"] + label {
    width: 90%;
}

.marquage .banniere .btn-delete-banniere {
    border: none;
    background: none;
    position: relative;
    background: #a94442;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: block;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.banniere_zone_haut, .banniere_zone_bas {
    display: none;
}

#modalUploadBannieres .group {
    width: calc(100% - 100px);
    display: block;
    margin: auto;
}

#svo_formulaire_modification_medias div.marquage input[type="radio"]:checked + label {
    border: 3px solid #384e6a;
    border-radius: 3px;
}

#svo_formulaire_modification_medias .cont_button {
    margin-top: 15px;
}


#svo_crm_critFiche_batch {
    background: transparent url(../images/crm/batchEdit.png) center center no-repeat !important;
    background-size: 20px !important;
}

div.colEdit {
    justify-content: left;
    text-align: left;
}

div.colEdit > span {
    display: flex;
    text-align: right;
    position:relative;
}

div.colEdit > span > label {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    min-width: 30%;
}

/* contenus éditables */
.editableField { z-index:1;}
.editableField .bouton {
    line-height: 20px;
    height: 20px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0px 0px 0px 5px;
    margin-bottom: 0px;
    cursor: pointer;
    text-align: center !important;
}

.editableField input, .editableField select {
    margin: 0 !important;padding-left:5px;padding-right:5px;
    min-width:150px;box-sizing:border-box !important;min-height:19px !important;;line-height:18px !important;;}
.editableField {
    position: relative;
    cursor: pointer;
}

.editableField span.value {
    min-width: 50px;
    display: inline-block;
    min-height:18px;

}

/*.editableField span:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    background: #0bde1b33;*/
/*    border-radius: 4px;*/
/*    right: -4px;*/
/*    bottom: 4px;*/

/*}*/
.editableField span.value:empty {
    background: #fafafa;
/*repeating-linear-gradient(
            -45deg
            , #F0F0F0, #ffffff 5px, #ffffff 5px, #ffffff 5px, #f0f0f0 5px);*/
}

.svo_avec_info { position:relative;}
.svo_avec_info > span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: max-content;
}

.editableField.active {
    position:relative;
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
}

/*span.editableField.active:before,span.editableField:not(.active):hover:before {*/
/*    content: ' ';*/
/*    !* width: 100%; *!*/
/*    background: rgba(240,240,240,0.5);*/
/*    box-shadow: 2px 2px 2px 1px rgba(39,39,39,0.4);*/

/*    !* height: 100%; *!*/
/*    position: absolute;*/
/*    top: -5px;*/
/*    left: -7px;*/
/*    right: -7px;*/
/*    bottom: -8px;*/
/*    border-radius: 5px;*/
/*}*/
.editableField.active span.value:empty {
    display: none !important;
}

.editableField span.value {
    position:relative;
    display:inline-block;
    min-width: 100px;
}

.editableField span.value:hover:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    bottom:0;
    border-bottom: 2px dashed #9999cc;
}

.editableField:hover {
    cursor: url(/canevas/svor/svo/images/clk_cursor.png), auto;
}

.editableField button.ok {
    background: #fff;
    color: #73b962;
    border-radius: 20px;
}

.editableField button.nok {
    background: #fff;
    color: #000;
    border-radius: 20px;
}


/** bouton shortcuts accueil **/
.shortCuts {
    position: relative;
    top: -20px;
}

.shortCuts button {
    outline: 0;
    padding: 5px 15px;
    border: none;
    border-radius: 7px;
    padding-left: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Avenir Next LT Pro Condensed;
    line-height: 32px;
    transition: all ease-in-out 125ms;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    color: #3c4043;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-weight: bold;
    height: 44px;
    min-width: 130px;
    padding: 0;
    background: rgb(142,26,150);
    background: -moz-linear-gradient(90deg, rgba(142,26,150,1) 0%, rgba(250,1,35,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(142,26,150,1) 0%, rgba(250,1,35,1) 100%);
    background: linear-gradient(90deg, rgba(142,26,150,1) 0%, rgba(250,1,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8e1a96",endColorstr="#fa0123",GradientType=1);
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.shortCuts button::before {
    content: '+';
    display: block;
    height: 48px;
    min-width: 48px;
    font-size: 25px;
    color: #fff;
    float: left;
    line-height: 50px;
}

.shortCuts button:focus {
    outline: 0;
}

.shortCuts button:hover {
    outline: 0;
    /*border-color: #01a1ff;*/
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
    /*background-color: #fafafb;*/
}

.shortCuts .dropdown-menu {
    min-width: 300px;
    border-width: 2px;
}

.shortCuts .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    flex-direction: row
}

.shortCuts .dropdown-menu li {
    flex: 1 1 50%;
}

.shortCuts .dropdown-menu li a {
    font-size: 16px;
    text-align: center;
    color: #000;
    background: #f9f9f9;
    text-decoration: none;
    display: block;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 8px;
}

.shortCuts .dropdown-menu li a:hover {
    color: #fff;
    background: none;
    background: #469BFE;
}


/** Leads Manager **/

.svo_leads_statut {
    padding: 0 10px;
}

.svo_leads_statut h4 {
    margin: 0;
    margin-bottom: 5px;
    display: block;
    font-family: inherit;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
}

.svo_leads_statut ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}

.svo_leads_statut ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    width: 100%;
    padding: 10px 0px 10px 0px;
    color: #5A5A5A;
    font-size: 16px;
}



.svo_leads_statut ul li:last-child {
    border-bottom: none;
}

.svo_leads_statut li.svo_crm_status_legende {
    display: flex;
    justify-content: center;
    align-items: center;
}

.svo_leads_statut .svo_crm_status_legende span {
    display: inline-block;
    vertical-align: top;
    /*border-radius: 9px;*/
    /*padding: 0 9px;*/
    /*margin: 0 5px;*/
    color: #5A5A5A;
    text-align: right;
    min-width: 50px;
    padding-right: 15px;
    font-size: 18px;
}

/*.svo_leads_statut .svo_crm_prospclass1 {
    background-color: transparent;
    color: #FC6258 !important;
}

.svo_leads_statut .svo_crm_prospclass2 {
    background-color: transparent;
    color: #c5c5c5 !important;
}

.svo_leads_statut .svo_crm_prospclass3 {
    background-color: transparent;
    color: #fe6f09 !important;
}

.svo_leads_statut .svo_crm_prospclass4 {
    background-color: transparent;
    color: #f8d517 !important;
}

.svo_leads_statut .svo_crm_prospclass6 {
    background-color: transparent;
    color: #e5f200 !important;
}

.svo_leads_statut .svo_crm_prospclass9 {
    background-color: transparent;
    color: #75cbca !important;
}*/

.svo_leads_statut .svo_crm_prospclasssource {
    background-color: transparent;
    color: #01A1FF !important;
}

.svo_leads_statut .svo_crm_fond_normal {
    background-color: #454545;
    color: #ffffff !important;
}

.svo_leads_statut .svo_crm_source_legende {
    height: 25px;
    list-style: none;
}


.svo_leads_statut .svo_crm_source_legende span {
    display: inline-block;
    width: 20px;
    padding: 0 5px;
    text-align: right;

}


.svo_leads_statut {
    display: flex;
    margin-bottom: 15px;
    padding: 0;
}

.statsLeads {
    background: #ffffff;
    margin: 0px 10px 0px 0px;
    padding: 10px;
    border: 2px solid #f0f0f0;
    /*border-radius:10px;*/
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 2px 2px 2px 1px rgba(112, 112, 112, .1);

}

/*.statsLeads h4:before {
    content: ' ';
    background: transparent url(/include/img/ico-leads.png) top left no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    display: block;
    float: left;
    margin-right: 10px;
}*/

.statsLeads h4 {
    line-height: 28px;
}

.svo_leads_statut .statsLeads:last-child {
    margin-right: 0px;
}

.moitier.statsLeads {
    width: unset;
    display: block;
    width: unset;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
}

.quart.statsLeads {
    width: unset;
    display: block;
}

.statsLeads.statsLeadsStatus {
    width: unset;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 20%;
}

.statsLeads.statsLeadsResults {
    width: unset;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 30%;
}

.leadSources {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    box-sizing: border-box;
    flex-direction: row;

}

.leadSources .svo_crm_status_legende {
    flex-grow: 0;
    flex: 0 0 33.33333333333333333333333%;
    padding: 10px 5px 10px 5px;
    line-height: 25px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #5A5A5A;
    text-transform: uppercase;
    font-size: 16px;
}

.leadSources .svo_crm_status_legende span {
    min-width: unset;
    padding-left: 10px;
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
    .leadSources .svo_crm_status_legende {
        flex: 0 0 50%;
    }

}

@media screen and (min-width: 1px) and (max-width: 1000px) {


    .svo_leads_statut {
        flex-wrap: wrap;
    }

    /*.statsLeads { margin:0;margin-bottom:10px;}*/
    .moitier.statsLeads {
        flex: 1 1 auto;
        width: 100%;
        margin-top: 10px;
    }

    .quart.statsLeads {
        flex: 1 1 0;
        width: unset;
    }

    .statsLeadsResults {
        margin-right: 0px;
    }


}

@media screen and (min-width: 480px) and (max-width: 767px) {

    .svo_leads_statut ul li {
        font-size: 14px;
    }

    .svo_leads_statut .svo_crm_status_legende span {
        min-width: 50px;
        font-size: 18px;
        padding-right: 5px
    }

    /*.svo_leads_statut { display:block;}*/
    /*.statsLeads { margin:0;margin-bottom:10px;}*/
    /*.moitier.statsLeads { width:100%;display:block;}*/
    /*.quart.statsLeads { width:100%;display:block;}*/


}

@media screen and (min-width: 1px) and (max-width: 479px) {

    .svo_leads_statut {
        display: block;
    }

    /*.statsLeads { margin:0;margin-bottom:10px;}*/
    .moitier.statsLeads {
        display: block;
        margin: 0px 0px 10px 0px;
    }

    .quart.statsLeads {
        display: block;
        margin: 0px 0px 10px 0px;
    }

    .svo_leads_statut ul li {
        font-size: 16px;
    }

    .svo_leads_statut .svo_crm_status_legende span {
        min-width: 70px;
        font-size: 22px;
        padding-right: 10px
    }

    /*.svo_leads_statut { display:block;}*/
    /*.statsLeads { margin:0;margin-bottom:10px;}*/
    /*.moitier.statsLeads { width:100%;display:block;}*/
    /*.quart.statsLeads { width:100%;display:block;}*/


}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .leadSources {
        display: block;
        justify-content: left;
        box-sizing: border-box;

    }

    .leadSources .svo_crm_status_legende {
        flex: none;
    }
}

@media screen and (max-width: 600px) {
    .svo_affiche_recherche_tri_container_breaker::before {

        content: " ";
        display: block;
        clear: both;
        margin-top: 5px;
    }
}


/* boutons en accès rapide */

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    /*width: 100%;*/
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

/** bouton shortcuts accueil **/
.shortCutsBtn {
    position: relative;
}

.shortCutsBtn.dropdown {
    float: unset;
}

.shortCutsBtn button {
    position: relative;
    outline: 0;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    line-height: 20px;
    transition: all ease-in-out 125ms;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 1px 1px rgba(60, 64, 67, 0.149);
    background-color: #fff;

    /*-webkit-border-radius: 24px;*/
    /*border-radius: 24px;*/
    color: #3c4043;
    cursor: pointer;
    text-align: center;
    min-width: 150px;
    padding: 5px 40px 5px 40px;
    margin-right: 20px;
    margin-bottom: 10px;
    /*text-transform: none;*/
}


.shortCutsBtn button:focus {
    outline: 0;
}


.shortCutsBtn .dropdown-menu {
    min-width: 300px;
    border-width: 2px;
}


@media screen and (min-width: 480px) {
    .shortCutsBtn .dropdown-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: wrap;
        flex-direction: row
    }

    .shortCutsBtn .dropdown-menu li {
        flex: 1 1 50%;
    }

    .shortCutsBtn .dropdown-menu li a {
        font-size: 16px;
        text-align: center;
        color: #000;
        background: #f9f9f9;
        text-decoration: none;
        display: block;
        margin: 10px;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .shortCutsBtn .dropdown-menu li a:hover {
        color: #fff;
        background: none;
        background: #469BFE;
    }
}

@media screen and (max-width: 479px) {

    .shortCutsBtn.dropdown {
        display: block;
    }

    .shortCutsBtn button {
        display: block;
        width: 100%;
    }

    .shortCutsBtn .dropdown-menu {
        min-width: 0 !important;
        width: 100%;
    }

    .shortCutsBtn .dropdown-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block
    }

    .shortCutsBtn .dropdown-menu li {
    }

    .shortCutsBtn .dropdown-menu li a {
        font-size: 16px;
        text-align: center;
        color: #000;
        background: #f9f9f9;
        text-decoration: none;
        display: block;
        margin: 10px;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .shortCutsBtn .dropdown-menu li a:hover {
        color: #fff;
        background: none;
        background: #469BFE;
    }

}

/** BlocDropDown **/

#svo_crm_critFiche_favoris {
    display: inline-block;
!important;;
    min-width: 0 !important;
}

#svo_crm_critFiche_favoris button {
    width: 100%
}

.BlocdropdownMenu {
    position: relative;
}

.BlocdropdownMenu .dropdown {
    float: none;
}

.BlocdropdownMenu.dropdown.flex {
    display: inline-flex;
    float: none !important;
    min-width: 100px;
}

.BlocdropdownMenu.dropdown.flex > button {
    display: block !important;
    width: auto;
    min-width: 120px;
    max-width: unset;
    box-sizing: border-box
}

.BlocdropdownMenu button {
    position: relative;
    outline: 0;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 20px;
    background-color: #fff;
    color: #3c4043;
    cursor: pointer;
    text-align: center;
    min-width: 30px;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.BlocdropdownMenu button:focus {
    outline: 0;
}

.BlocdropdownMenu button:hover {
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
    background-color: #fafafb;
    outline: 0;
}

.BlocdropdownMenu .dropdown-menu {
    min-width: 320px;
    border-width: 2px;
    right: 0 !important;
    left: auto !important;
}

.BlocdropdownMenu .dropdown-menu ul li a {
    cursor: pointer;
}

@media screen and (min-width: 480px) {
    .BlocdropdownMenu .dropdown-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: wrap;
        flex-direction: row;
    }

    .BlocdropdownMenu .dropdown-menu ul li {
        flex: 1 1 50%;
    }

    .BlocdropdownMenu .dropdown-menu ul li a {
        font-size: 14px;
        text-align: center;
        color: #000;
        background: #f9f9f9;
        text-decoration: none;
        display: block;
        margin: 5px;
        padding: 5px 5px;
        border-radius: 3px;
        letter-spacing: -0.5px;
    }

    .BlocdropdownMenu .dropdown-menu ul li a:hover {
        color: #fff;
        background: none;
        background: #469BFE;
    }

    .BlocdropdownMenu .dropdown-menu ul li.fw {
        flex: 1 1 100%;
        text-align: left !important;
    }

    .BlocdropdownMenu .dropdown-menu ul li.fw a {
        text-align: left;
    }

    .BlocdropdownMenu .dropdown-menu ul li a.tx2 {
        text-align: left !important;
        font-size: 13px;
    }
}

@media screen and (max-width: 479px) {
    .BlocdropdownMenu.dropdown {
        display: block;
    }

    .BlocdropdownMenu button {
        display: block;
        width: 100%;
    }

    .BlocdropdownMenu .dropdown-menu {
        min-width: 200px !important;
        width: 100%;
    }

    .BlocdropdownMenu .dropdown-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
    }

    .BlocdropdownMenu .dropdown-menu ul li a {
        font-size: 16px;
        text-align: center;
        color: #000;
        background: #f9f9f9;
        text-decoration: none;
        display: block;
        margin: 10px;
        padding: 5px 10px;
        border-radius: 8px;
    }

    .BlocdropdownMenu .dropdown-menu ul li a:hover {
        color: #fff;
        background: none;
        background: #469BFE;
    }
}

/** bouton shortcuts accueil **/
/*# sourceMappingURL=dropDownBTN.css.map */

.headerVehicule button {
    line-height: 32px;
    height: 32px;
    padding: 0 5px;
    white-space: nowrap;
    min-width: 32px;
}

.headerVehicule .BlocdropdownMenu button {
    margin-right: 0px;
    padding: 0px 5px 0px 5px;
    line-height: 32px;
    min-width: 32px;
    height: 32px;
}

/*# sourceMappingURL=headerVehicule.css.map */


.pull_right {
    float: right;
}

.right_align {
    text-align: right;
}

.left_align {
    text-align: left;
}

.center_align {
    text-align: center;
}

.svo_crm_bloc_statistique_facturation {

}


.info {
    margin: 5px 0px;
    padding: 10px;
    border: 1px solid #000000;
    background: #ffffff;


}

.info.info-danger {
    border-color: #bd0d0f;
    text-align: center;
    color: #EF7781;
    font-size: 20px;

}

/** recherche rapide **/

#svo_fast_search, #svo_fast_search_mob {
    font-family: Avenir Next LT Pro Condensed;
    /*background: #fff url(/canevas/svor/svo/images/prospection/verifier.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: 5px 8px;*/
    /*background-size: 20px 20px;*/
    /*padding-left: 28px;*/
    box-sizing: border-box;
    padding-right: 0;
    border: none;
    background: transparent;
    /*height: 40px;*/
    /*line-height: 40px;*/
    /*min-width:300px;*/

    display: inline-block;
    text-align: left;
    flex: 1 1 auto;
    height: auto;
}

@media screen and (max-width: 600px) {
    .search_container { margin:0 10px;}
    #svo_fast_search_mob {
        line-height:2.5rem !important;
    }
    .bloc_authentification {
        width: 100% !important;
        justify-content: center !important;
        margin-bottom:10px !important;
    }

    .avatar {
        height:32px !important;

    }

    #svo_bloc_information_container {
        margin-bottom: 5px !important;
    }

    #svo_crm_menu {
        margin: 0 !important;
        border-bottom: 1px solid #ccccc !important;
    }

    #svo_crm_menu ul {
        border-bottom: 1px solid #cccccc;
    }


}


.ui-autocomplete.ui-widget-content {
    font-family: Avenir Next LT Pro Condensed;
    width: 100%;
    max-width: 500px;
    max-height: 200px;
    background: #fff !important;
    overflow: scroll;
    overflow-x: hidden !important;

}

@media only screen and (min-width: 640px) and (max-width: 800px) {
    .fsrch {
        display: block !important;
        margin: 20px !important;
    }
}

@media screen and (max-width: 600px) {

    .ui-widget-content {
        max-width: 400px;
    }
}

.ui-menu .ui-menu-item {
    list-style-image: none !important;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    font-family: Avenir Next LT Pro Condensed;
}

.ui-autocomplete.ui-widget-content .ui-state-focus {
    width: 100%;
    padding: 5px;
    font-size: 15px;
    font-family: Avenir Next LT Pro Condensed;
    border: none;
    background: #d5d5d5;
    font-weight: bold;
    color: #353535;
    margin: 0px !important;;
}

/*
#svo_fast_search::-webkit-input-placeholder, #svo_fast_search_mob::-webkit-input-placeholder {
    font-size:12px;
}
#svo_fast_search::-moz-placeholder, #svo_fast_search_mob::-moz-placeholder {
    font-size:12px;
}
#svo_fast_search:-ms-input-placeholder , #svo_fast_search_mob:-ms-input-placeholder {
    font-size:12px;
}
#svo_fast_search:-moz-placeholder, #svo_fast_search_mob:-moz-placeholder {
    font-size:12px;
}
*/
.search_container {
    background: #f1f3f4;
    box-sizing: border-box;
    border: none;
    border-radius: 6px;
    padding: 0px 10px;
    display: flex;

    align-items: baseline;
}
.search_container input {
    border: none;
    background: transparent;
}

@media screen and (min-width: 500px) {
    .search_container {
        /*min-width: 400px;*/
    }
}

.search_container i {
    margin-left: 10px;
    flex: 1 1 auto;
    margin-left: auto;
}

span.remise_prix_neuf_liste {
    font-size: 12px;
    line-height: 12px;

    font-family: "source-s";
    margin: 0;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 05px;

    display: inline-block;
    vertical-align: top;
    background: #ef3623;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 0px;
    padding: 2px 5px;
}

span.remise_prix_neuf {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    font-family: "source-s";
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 05px;
    cursor: default;
    display: inline-block;
    vertical-align: top;
    background: #FA9E00;
    border-radius: 8px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 20px;
    padding: 5px 10px;
}

#form_ajoutmodif_vehicule .montant_remise, #form_ajoutmodif_vehicule .montant_remiseMarchand {
    float: right;
    background: #FA9E00;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 13px;
    padding: 2px 5px;
    display: none;
    vertical-align: top;
    cursor: none;
}

#svo_financement_container .flexbox {
    display: flex;
}

#svo_financement_container .flexbox > div {
    flex: 1 1 auto;
    text-align: center;
    align-self: center;
}

#svo_financement_container .flexbox > div.ph {
    white-space: nowrap
}

#svo_financement_container .flexbox > div.ph h4 {
    margin: 0;
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 0px;
    padding: 10px 0 9px 0px;
}

#svo_financement_container .flexbox > div.pl {
    padding: 0px 10px;
}

#svo_financement_container .flexbox > div.pl img {
    /*width:100%;max-height:50px;max-width:170px;*/
    max-height: 35px;
}


.fieldErrorWarning {
    color: red !important;
    border-color: red !important;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
}

div.fieldErrorWarning select {
    color: red !important;
}


#svo_formulaire_organise_medias img.diffusion {
    margin-right: 10px;
    height: 20px;
}

/* RDV*/

ul.colorLabelSelect {
    list-style: none outside;
    margin: 0;
    padding: 0;
    display: flex;
}

ul.colorLabelSelect li {
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 5px;
    border: 1px solid #f0f0f0;
    font-weight: normal;
    font-size: 10px;
    border-radius: 6px;
}

ul.colorLabelSelect li.colorDefault {
    line-height: 32px;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    font-weight: normal;
    font-size: 10px;
}

/*ul.colorLabelSelect li.currentLabel,*/
/*ul.colorLabelSelect li:hover { */
/*    border-color:#000000 !important;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149);*/
/*}*/


ul.colorLabelSelect li.currentLabel:before {
    content: "\2714";
    font-size: 20px;
}


.finance_total_container {
    padding: 5px !important;
    border: 2px solid #11E193;
    border-radius: 12px;
}

.finance_container {
    padding: 5px !important;
    background: #EEF5FF;
    border-radius: 12px;
}


.bloc_finance_2 .field.finance_container .svo_prix_achat {
    color: #6773E1;
    font-weight: bold;
}

.bloc_finance_2 .field.finance_total .svo_prix_achat {
    /*background: #32997C;*/
    color: #11E193;
    font-weight: bold;

}

.bloc_finance_2 .finance_tva .field .svo_label {
    color: #191718;
    font-size: 18px;
    font-weight: 100;

}

.bloc_finance_2 .finance_tva .field .svo_value {
    color: #191718;
    font-weight: bold;
    font-size: 20px;
}

.bloc_finance_2 .finance_tva .field .svo_value + .svo_label {
    font-size: 14px;
}

.bloc_finance_2 .finance_container .field .svo_crm_description_label {
    color: #6D7B88;
    font-weight: bold;
    text-transform: none;
    font-size: 13px !important;
    line-height: 16px;
    font-weight: bold;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
}


.bloc_finance_2 .finance_total_container .field .svo_crm_description_label {
    color: #191718;
    font-size: 13px !important;
    line-height: 16px;
    font-weight: bold;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;
}

#svo_crm_infosFinancieres_2 {
    margin-bottom: 10px;
}

.bloc_finance_2 .finance_total_container {
    position: relative;
}

.bloc_finance_2 .finance_total_container .marchand {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

@media screen  and (max-width: 840px) {
    .bloc_finance_2 .finance_tva {
        background: #f1f1f1;
        border-radius: 12px;
    }

    .bloc_finance_2 .field > .field {
        display: flex !important;

    }

    .bloc_finance_2 .field > .field:not(:last-child) {
        border-bottom: 1px solid #fff;
        padding-bottom: 2px;

    }


    .bloc_finance_2 .field > .field .svo_label {
        flex: 1 1 auto;
        order: 1;
        text-align: left !important;
        padding-left: 10px !important;;
    }

    .bloc_finance_2 .field > .field .svo_value {
        flex: 1 1 auto;
        order: 2;
        padding-right: 10px !important;;
        text-align: right !important;
    }


    .bloc_finance_2 .field > .field .svo_crm_description_label {
        flex: 1 1 auto;
        order: 1;
        padding-right: 10px !important;
        text-align: left !important;
    }

    .bloc_finance_2 .field > .field .svo_prix_achat {
        flex: 1 1 auto;
        order: 2;
        text-align: right !important;
        padding-right: 10px !important;;
    }
}

@media screen  and (min-width: 841px) {
    .finance_total_container,
    .finance_container,
    .finance_tva {
        display: flex !important;

    }

    .finance_total_container .field,
    .finance_tva .field,
    .finance_container .field {
        position: relative;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 100%;

        overflow: unset;
        min-height: 80px;
    }

    .finance_total_container .field:not(:first-child):after,
    .finance_tva .field:not(:first-child):after,
    .finance_container .field:not(:first-child):after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background: #dbdbdb;
        content: " ";
    }

    .bloc_finance_2 .finance_total_container .field .svo_prix_achat,
    .bloc_finance_2 .finance_container .field .svo_prix_achat {
        height: 50%;
        white-space: inherit;
        flex: 1 1 auto;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .bloc_finance_2 .finance_container .field .svo_crm_description_label,
    .bloc_finance_2 .finance_total_container .field .svo_crm_description_label {
        margin-top: 0px !important;
        height: 50%;
        /*font-size: 13px !important;*/
        white-space: inherit;
        flex: 1 1 auto;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

}


@media screen and (max-width: 1320px) {
    .bloc_finance_2 .finance_total_container .field .svo_prix_achat {
        font-size: 20px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

}


/*# source=documentsLots.less */
.doumentsList .docbutton {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    color: #c0c0c0;
    outline: 0;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-left: 4px;
    font-size: 20px;
}

.doumentsList .docbutton:not(:disabled):hover,
.doumentsList .docbutton.done {
    color: #000;
    border-color: #000;
}

.doumentsList .docbutton:disabled {
    background: #d6d6d6;
    color: #f0f0f0;
    cursor: not-allowed;
}

.doumentsList .categorie_doc > div {
    padding: 0px 10px;
}

.doumentsList .categorie_doc h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}

.doumentsList .categorie_doc > div > div {
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e0e0e0;
}

.doumentsList .categorie_doc > div > div > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.doumentsList .categorie_doc > div > div > div > div:nth-child(1) {
    flex: 1 1 60%;
}

.doumentsList .categorie_doc > div > div > div > div:nth-child(2) {
    flex: 1 1 40%;
    text-align: right;
}

.doumentsList .categorie_doc > div > div > div > div:nth-child(3) {
    flex: 1 1 100%;
    display: block;
    width: auto;
}


/** Nav sur contacts **/

/*

.svo_affiche_recherche_pagination {
    text-align: center;
    padding: 5px 0;
}

.svo_affiche_recherche_pagination a {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    font-size:12px;
    text-align: center;
    vertical-align: top;
    width: 20px;
    border-radius: 12px;
    color: #384e6a;
    background-color: transparent;
    border: 1px solid transparent;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageoff:hover {
    color: #384e6a;
    background-color: #ffffff;
    border-color:#0c7ce6;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageon,
.svo_affiche_recherche_pageon:visited {
    background: #0c7ce6;
    border: 1px solid #0c7ce6;
    color: #fff;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_pageon:hover {
    background-color: #ffffff;
    color: #0c7ce6;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheoff,
.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheoff:hover {
    border: 1px solid #e8e9ed;
    color: #384e6a;
    font-size: 20px;
    line-height: 18px;
    background-color: #e8e9ed;
    cursor: no-drop;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheon {
    font-size: 20px;
    line-height: 18px;
}

.svo_affiche_recherche_pagination a.svo_affiche_recherche_flecheon:hover {
    color: #384e6a;
    background-color: #ffffff;
}

 */
.navi_nav {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px;
}

.navi_nav a, .navi_nav span {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 1px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    width: 20px;
    border-radius: 12px;
    color: #384e6a;
    background-color: transparent;
    border: 1px solid transparent;
}

.navi_nav :hover {
    background-color: #ffffff;
    color: #0c7ce6;
    border-color: #0c7ce6;
}

.navi_nav .current {
    background: #0c7ce6;
    border: 1px solid #0c7ce6;
    color: #fff;
}

.navi_nav .current.prev, .navi_nav .current.next {
    color: #666;
    border-color: #f0f0f0;
    background: #f0f0f0;
}

.navi_nav .current.prev:hover, .navi_nav .current.next:hover {
    color: #384e6a;
    background-color: #ffffff;
}


/** Espace collaboratif **/

.svo_crm_c_detail_message div.avatar,
#svo_crm_c_messages div.avatar {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover !important;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    border: 2px solid #f0f0f0
}


#svo_crm_c_messages .card.allowClick {
    cursor: pointer;
}

#svo_crm_c_messages .card .badge {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}

@media screen and (min-width: 960px) {
    #svo_crm_c_messages .card {
        display: block;
        flex: 1 1 400px;

    }
}

#svo_crm_c_messages .card-container {
    display: block;
    margin: 20px 40px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#svo_crm_c_messages .card-header {
    background: #000;
    border-radius: 10px 10px 0px 0px;
    padding: 5px;
    height: 70px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #fff;
}

#svo_crm_c_messages .card-header label {
    display: block;
    cursor: pointer;
    text-align: center;
}

#svo_crm_c_messages .card-body {
    padding: 0px 10px;
}

#svo_crm_c_messages .card-footer {
    /*border-radius: 0px 0px 5px 5px;*/
    /*padding: 5px;*/
    /*height: 32px;*/
    /*line-height: 32px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: flex;*/
    /*position: relative;*/
    border: 1px solid #000;
    margin: 15px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}

.card-footer:before {
    content: "";
    border-top: 1px solid #ccc;
    display: block;
    width: calc(100% - 20px);
    margin: 0px 10px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

}

#svo_crm_c_messages .card-footer div {
    flex: 1 1 auto;
    text-align: center;
}

.flexContainer {
    display: flex;
    padding: 0px;
}

.flexContainer > div {
    flex: 1 1 auto;
}

.flexContainer > div:last-child {
    text-align: right;
}

.flexContainer > div:first-child {
    text-align: left;
}

.flexContainer > div:only-child {
    text-align: center;
}

.flexContainer .self_center {
    align-self: center;
}

#svo_crm_c_messages .flexRow {
    display: flex;
    padding: 15px 0px;
}

#svo_crm_c_messages .card-header .flexRow {
    padding: 0;
}

#svo_crm_c_messages .flexRow div {
    flex: 1 1 auto;
}

#svo_crm_c_messages .flexRow div:last-child {
    text-align: right;
}

#svo_crm_c_messages .flexRow div:first-child {
    text-align: left;
}

#svo_crm_c_messages .flexRow div:only-child {
    text-align: center;
}

#svo_crm_c_messages .card-footer div:last-child {
    text-align: right;
}

#svo_crm_c_messages .card-footer div:first-child {
    text-align: left;
}

#svo_crm_c_messages .card-footer div:only-child {
    text-align: center;
}


#svo_crm_c_messages .statut.statut_attente {
    color: #fd971f;
}

#svo_crm_c_messages .statut.statut_traitement {
    color: #73b962;
}

#svo_crm_c_messages .statut.statut_ok {
    color: #4ebcbc;
}

.svo_crm_c_detail_message .fakeInput {
    background: #e9ebee;
    padding: 10px;
    line-height: 16px;
    border-radius: 10px;
    display: block;
    color: #b1b8c0;
}

.svo_crm_c_detail_message .fakeField {
    background: #ffffff;
    padding: 10px;
    line-height: 16px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    display: block;
}

.svo_crm_c_detail_message .statut_attente {
    background: #ffebd9;
    color: #fd971f;
}

.svo_crm_c_detail_message .statut_traitement {
    background: #73b962;
    color: #ffffff;
}

.svo_crm_c_detail_message .statut_ok {
    color: #ffffff;
    background: #4ebcbc;
}

.svo_crm_c_detail_message .separateur {
    border-top: 1px solid #f0f0f0;
    display: block;
    width: calc(100% - 20px);
    margin: 20px 10px;
    height: 1px;
    overflow: hidden;
}

.svo_crm_c_detail_message .showHideDestinataires {
    font-family: "source-r";
    font-size: 14px;
    font-weight: normal;
    color: #a0a0a0;
    cursor: pointer;
}

.svo_crm_c_detail_message .listeNonsLus {
    max-height: 90px;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    position: relative;

}

.svo_crm_c_detail_message .listeNonsLus.show .fadeOut {
    display: none;
}

.svo_crm_c_detail_message .listeNonsLus .fadeOut {
    position: absolute;
    bottom: 0;
    height: 4em;
    right: 0;
    left: 0;
    display: block;
    background: -webkit-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
    );
}

.svo_crm_c_detail_message .listeNonsLus.show {
    max-height: inherit;
    transition: max-height 0.25s ease-in;
    overflow: auto
}

.svo_crm_c_detail_message ul.listeDestinataires {
    list-style: none outside;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.svo_crm_c_detail_message ul.listeDestinataires li {
    margin-bottom: 5px;
    flex: 1 1 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
}

.svo_crm_c_detail_message ul.listeDestinataires li .avatar {
    width: 32px;
    height: 32px;
}

.svo_crm_c_detail_message h4 {
    font-size: 18px;
    font-family: "source-b";
    margin: 0;
    margin-bottom: 0px;
    padding: 10px 0;
}

@media screen and (min-width: 768px) {


    .flexGrid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .flexGrid50, .flexGrid33, .flexGrid66 {
        flex: 0 1 49%;
    }
}

@media screen and (min-width: 1024px) {
    .flexGrid33 {
        flex: 0 1 33%;
    }

    .flexGrid66 {
        flex: 0 1 66%;
    }

}


/* boutons Actions */

button.clear {
    outline: none;
    border: none;
    background: none !important;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    margin-left: 20px;
    margin-right: 20px;
    text-transform: none;
}

button span.action {
    display: inline-block;
    background: #000;
    padding: 0;
    width: 28px;
    height: 32px;
    border-radius: 4px;
    line-height: 32px;
    color: #ffffff;
}


.panel.panel_info {
    height: 100%;
    position: fixed;
    min-width: 300px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0px 10px;
    top: 0;
    right: 0;
    z-index: 20000;
    width: 100%;
    max-width: 25%;
    transition: all 0.25s ease-in-out;
    transform: translateX(100%);
    overflow: hidden;
    overflow-y: scroll;
}

.panel.panel_info.show {
    transform: translateX(0%);
    box-shadow: 0px 0px 10px 1px #aaaaaa;
}

.panel.panel_info span.close {
    cursor: pointer;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0px 12px 12px 0px;
    padding: 0px 6px;
}

html.noscroll { overflow:hidden;}
html.noscroll::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}


/** Prop Comm RDV + FRE */

.rdv_bubble.fre {
    border-left-color: #FC6258 !important;
}

.rdv_bubble {
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    color: #bbb;
    font-family: "source-s";
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 05px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    /*border-left: 4px solid #384e6a;*/
    /*background: #f1f1f1;*/
    /*border-radius: 4px;*/
    cursor: pointer;
    padding-right: 10px;
}

.d-inline-block {
    display: inline-block !important;
}

.float-right {
    float: right;
}

.filterHide {
    display: none !important;
}

.dateRefresh {
    position: relative;
    right: 17px;
    font-size: 12px !important;
    color: #aaaaaa;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.dateRefresh:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition-duration: 0.4s;
}

.filterCriterias {
    margin-bottom: -10px;
    margin-top: 10px;
}

.filterCriterias button {
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    color: #ffffff;
    border: none;
    background: transparent;
    border-bottom: 4px solid transparent;
}

.filterCriterias button:hover, .filterCriterias button.current {
    background-color: transparent;
    border-bottom: 4px solid #11e193;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        color: #FC6258;

    }
}


a.action[data-action] {
    border: 1px solid #999;
    color: #999;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.5);
    transition: all 125ms ease-in-out;
    height: 28px;
    width: 28px;
    padding: 0;
    line-height: 28px;
    margin-bottom: 2px;
    margin-right: 2px;
}


/* Bloc Financement Prospection */

@media screen and (min-width: 768px) and (max-width: 1023px) {


    .gridFinance {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .gridFinance .g100 {
        flex: 0 1 100%;

    }

    .gridFinance .g75, .gridFinance .g25, .gridFinance .g50, .gridFinance .g33, .gridFinance .g66 {
        box-sizing: border-box;
        flex: 0 1 50%;
    }
}

@media screen and (min-width: 1024px) {

    .gridFinance {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .gridFinance .g100 {
        flex: 0 1 100%;
        box-sizing: border-box;

    }

    .gridFinance .g50 {
        flex: 0 1 50%;
        box-sizing: border-box;
    }

    .gridFinance .g25 {
        flex: 0 1 25%;
        box-sizing: border-box;
    }

    .gridFinance .g75 {
        flex: 0 1 75%;
        box-sizing: border-box;
    }

    .gridFinance .g33 {
        flex: 0 1 calc(100% / 3);
        box-sizing: border-box;
    }

    .gridFinance .g66 {
        flex: 0 1 calc(200% / 3);
        box-sizing: border-box;
    }


    .gridFinance .bleft {
        border-left: 2px solid #c0c0c0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .gridFinance .bright {
        border-right: 2px solid #c0c0c0;
        box-sizing: border-box;
    }

    .gridFinance .btop {

        box-sizing: border-box;
    }

    .gridFinance .vcenter {
        justify-self: center;
        align-self: center;
        align-items: center;
        justify-content: center;

    }

    .gridFinance .h100 {
        height: 100%;
    }
}


/** crmElements **/

.elementCRMContainer, .selectCRMElementGroupList {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 10px 0px;
}

.elementCRMContainer .groupCRMContainer {
    flex: 1 1 auto;
}

.elementCRMContainer .groupCRMContainer h3 {
    display: block;
    flex: none;
    text-transform: uppercase;
}

.elementCRM {
    cursor: pointer;
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 5px;
    text-align: center;
    background-color: #FFF0EB;
    color: #fd971f;
    min-width: 150px;
    border-radius: 15px;
    padding: 5px 13px;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 13px;
}


.elementCRM[data-status="0"][data-required="1"] {
    background-color: #FCDDE3;
    color: #F04166;
}

.elementCRM[data-status="1"] {
    background-color: #E8F9F1;
    color: #59D69A;
}

#crmElements h5 {
    color: #353535;
    text-align: left;
    font-size: 14px;
    font-family: source-b;
    font-style: normal;
    margin: 10px 0px 0px 0px;
}


.selectCRMElementGroupList .groupHeader {
    background: #f0f0f0;
    padding: 2px 5px;
    border-bottom: 1px solid #9999cc;
    margin-bottom: 5px;
}

.selectCRMElement {
    cursor: pointer;
    flex: 0 1 auto;
    box-sizing: border-box;
    padding: 5px;
    margin: 5px;
    border: 2px solid #cccccc;
    border-radius: 5px;
    color: #cccccc;
    font-size: initial;

}

.selectCRMElement.used {
    border-color: rgba(252, 98, 88, 0.2);
    background-color: rgba(252, 98, 88, 0.2);
    color: #000000;

}

.selectCRMElement.used.selected {
    /*cursor:none;*/
    border-color: rgba(78, 188, 188, 0.2);
    background-color: rgba(78, 188, 188, 0.2);
    /*color:#fff;*/

}

.selectCRMElement.selected {
    border: 1px solid #4ebcbc;
    border-radius: 5px;
    color: #4ebcbc;
}


.ElemCRMStatus {
    display: block;
    text-align: center;
    padding: 2px 0px;
    justify-content: space-evenly
}

.ElemCRMStatus .badge {
    margin: 0px 2px;
}

.ElemCRMStatus .badge.ElementOK {
    background: #11E193;
    color: #fff;

}

.ElemCRMStatus .badge.ElementNOK {
    background: #fd971f;
    color: #fff;

}

.ElemCRMStatus .badge.ElementREQ {
    background: #FC6258;
    color: #fff;

}

.bouton.boutonHeader {
    height: 32px;
    line-height: 32px;
    font-family: "source-s";
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 1%;
    margin-bottom: 0px;
    cursor: pointer;
    text-align: center !important;
    margin-top: 18px;
}

.bloc_co2 {
    /*font-size: 11px;*/
    text-transform: none;
}

.addButtonRoll {
    border: none;
    background: none;
    color: #4B5A7B;
    padding: 0px 10px !important;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase !important;
    font-size: 18px !important;

}

.addButtonRoll span {
    font-size: 18px !important;
}

.addButtonRoll:hover {
    border-radius: 4px;
    background: #F9F9F9 !important;
    color: #000;
}


/** autocomplete **/

.autocomplete-container {
    /*the container must be positioned relative:*/
    position: relative;

    margin-bottom: 20px;
}

.autocomplete-container input {
    width: calc(100% - 43px);
    outline: none;

    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    padding-right: 31px;
    font-size: 16px;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container: +2px*/
    top: calc( 100%  );
    left: 0;
    right: 0;

    background-color: #fff;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: rgba(0, 0, 0, 0.1);
}

.autocomplete-items .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: rgba(0, 0, 0, 0.1);
}

.clear-button {
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;

    position: absolute;
    right: 5px;
    top: 0;

    height: 100%;
    display: none;
    align-items: center;
}

.clear-button.visible {
    display: flex;
}


.clear-button:hover {
    color: rgba(0, 0, 0, 0.6);
}


@media screen and (max-width: 519px) {

    .table-responsive.table-liste-vehicules th:nth-child(n+5),
    .table-responsive.table-liste-vehicules td:nth-child(n+5) {
        display: none !important;
    }


    .table-responsive.table-liste-vehicules td:nth-child(2),
    .table-responsive.table-liste-vehicules td:nth-child(2) {
        display: none !important;
    }


    .table-responsive.table-liste-vehicules th:nth-child(10),
    .table-responsive.table-liste-vehicules td:nth-child(10) {
        display: block !important;
    }


}

.popup_favoris .badge { display: inline-block !important;}

@media screen and (max-width:799px) {
    .popup_favoris td { white-space: nowrap;}
    .popup_favoris .btnList .btn { line-height:initial;padding:10px;}

}


.flex-line { display:flex !important;}

.flex-item { flex: 1 1 auto;}
.flex-line .flex-item:last-child { margin-left:0;text-align:right;}


.chosen-force-open {

}
.chosen-force-open .chosen-single,
.chosen-container-active.chosen-with-drop.chosen-force-open .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}


/** produits **/

.products_list .product_item { display:flex;margin-bottom:2px; }
.products_list .product_item span { flex: 1 1 auto; }
.products_list .product_item span+span { text-align:right;}


button[data-ident="auto"],button[data-ident="manuel"] {
    text-transform:uppercase;
    background-color:#000 !important;
    color:#fffffc !important;
    display:block !important;
    margin-left:10px !important;margin-right:10px !important;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

button:disabled[data-ident="manuel"],
button:disabled[data-ident="auto"] {
    background-color:#4ebcbc !important;
    color:#fffffc !important;


}


/*MENU 2021*/
/*span.svo_crm_menu_on::before {*/
/*    content: '';*/
/*    width: 6px;*/
/*    height: 10px;*/
/*    -webkit-box-sizing: border-box;*/
/*    -moz-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    background-color: #000;*/
/*    border-bottom-right-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*    border: none;*/
/*    border-left: 0;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*}*/

#svo_crm_menu li {
    padding: 5px 0;
}


.withPanel { overflow:hidden;}

@media screen and (max-width: 767px) {
    .svo_panel.panel-notif .panel { overflow:auto;width:100% !important;}
    .svo_panel .panel { width:100%!important;}
}

@media screen and (min-width: 768px)  {
    .svo_panel.panel-notif .panel { overflow:auto;width:100% !important;;max-width:600px !important;;}

}


/** timePicker **/

input[type=time].svoTimePicker {
    border: none;
    color: #2a2c2d;
    font-size: 14px;
    font-family: helvetica;
    width: 120px;
    border-radius: 0px;
    border: 0px solid #CCC;
    border-bottom-width: 1px;
}

input[type=time].svoTimePicker:hover {
    background-color: #fcfcfc !important;
    cursor: pointer;
}

/* Wrapper around the hour, minute, second, and am/pm fields as well as
the up and down buttons and the 'X' button */
input[type=time].svoTimePicker::-webkit-datetime-edit-fields-wrapper {
    display: flex;
}

/* The space between the fields - between hour and minute, the minute and
second, second and am/pm */
input[type=time].svoTimePicker::-webkit-datetime-edit-text {
    padding: 5px 4px;
}

/* The naming convention for the hour, minute, second, and am/pm field is
`-webkit-datetime-edit-{field}-field` */

/* Hour */
input[type=time].svoTimePicker::-webkit-datetime-edit-hour-field {
//background-color: #f2f4f5;
//color:#000/;
    border-radius: 15%;
    padding: 5px 10px;
}

/* Minute */
input[type=time].svoTimePicker::-webkit-datetime-edit-minute-field {
//background-color: #f2f4f5;
//color:#000;
    border-radius: 15%;
    padding: 5px 10px;
}

/* AM/PM */
input[type=time].svoTimePicker::-webkit-datetime-edit-ampm-field {
    display:none;
}

[type="time"].svoTimePicker::-webkit-calendar-picker-indicator {
    cursor: pointer;
}
/* 'X' button for resetting/clearing time */
input[type=time].svoTimePicker::-webkit-clear-button {
    display: none;
}

/* Up/Down arrows for incrementing/decrementing the value */
input[type=time].svoTimePicker::-webkit-inner-spin-button {
    display: none;
}

#svo_popup_timetracker input.date,#svo_popup_timetracker textarea { width:100%;}


/* Reset Select */
select.selectStyle {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #000;
    background-image: none;
}
/* Remove IE arrow */
select.selectStyle::-ms-expand {
    display: none;
}
/* Custom Select */
div.selectStyled {
    position: relative;
    display: flex;
    height: 3em;
    line-height: 3em;
    background: #000;
    overflow: hidden;
    border-radius: .25em;
    color: #fff;
}
select.selectStyle {
    flex: 1;
    padding: 0 .5em !important;
    color: #fff;
    cursor: pointer;
}
/* Arrow */
div.selectStyled::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #000;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/* Transition */
div.selectStyled:hover::after {
    color: #fff;
}


.mb-5 {
    margin-bottom: 5px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}




.pr-0 {
    padding-right: 0px !important;
}
/*Custom file select*/
.styled-file-select{
    box-sizing: border-box;
    border: none;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}

.styled-file-select input[type="file"]{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    color: #ECF0F1;
    opacity: 0;
}

.styled-file-select input[type="text"]{
    box-sizing: border-box;
    padding-right: 30px;
    height: 30px;
    width: 100%;
    display: block;
    border: 1px solid #d9d9d9;
    outline: none;
    text-indent: 10px;
    background-color: #f3f3f3;
}

.styled-file-select span{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 0;
    font-size: 24px;
}

.field input[type="text"].no-border{
    border: none;
}

.field input[type="text"].no-bg{
    background-color: #fff;
}

.field{
    margin: 20px auto auto auto;
}
.ion-ios-plus-empty:before {
    content: "+";
    top: -2px;
    position: absolute;
    right: 5px;
    color: #aaa;
}

/**/
/* ===================== FILE INPUT ===================== */
.file-area {
    /*width: 99%;*/
    /*position: relative;*/
    /*background-color: #eee;*/
    /*border: 1px dashed;*/
    /*border-radius: 5px;*/
    width: auto;
    position: relative;
    background-color: #eee;
    border: 4px dashed #bbbbbb;
    border-radius: 15px;
    /*box-shadow: inset 0px 0px 5px 3px #e1e1e1;*/
}
/*.file-area:hover {*/
/*    background-color: #ffffff;*/
/*}*/

.fname .svo_table {
    border-top:2px solid #999999;
}
.list .fcount { margin-bottom:8px;}
.fname .svo_table thead {
    border-bottom:1px solid #999999;
}
.fname .svo_table thead td, .fname .svo_table thead th { padding:8px 5px;}

.fname .svo_table tbody td {
    padding: 5px;
    line-height: unset;
    font-size: 12px;
    /* border-bottom: 1px solid #ccc; */
    background: #f4f4f4;
}

.fname .svo_table tbody tr:nth-child(odd),.fname .svo_table tbody tr:nth-child(odd) td  {
    background: #fcfcfc;
}
.file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.file-area .file-dummy {
    background: rgba(255, 255, 255, 0.2);
    border: 2px dashed rgba(255, 255, 255, 0.2);
    text-align: center;
    transition: background 0.3s ease-in-out;
}
.file-area .file-dummy .default{
    font-size: 12px;
    padding: 30px;
}
.file-area .file-dummy .success {
    display: none;
}
.file-area:hover .file-dummy {
    background: rgba(255, 255, 255, 0.1);
}
.file-area input[type=file]:focus + .file-dummy {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline: -webkit-focus-ring-color auto 5px;
}
/*.file-area input[type=file]:valid + .file-dummy {
    border-color: rgba(0, 255, 0, 0.4);
    background-color: rgba(0, 255, 0, 0.3);
}*/
.file-area input[type=file]:valid + .file-dummy .success {
    display: block;
    font-size: 12px;
}
.file-area input[type=file]:valid + .file-dummy .default {
    display: none;
}

/*Pure CSS Loaders*/

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: unset;
}
@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

#myDiv {
    position: relative;
    text-align: center;
    width: 320px;
    margin: 0 auto;
}

#myDiv p {
    position: absolute;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-align: left;
}

#myDiv p.clicked::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background: linear-gradient(to bottom, #FF717E, #E11972);
    margin-right: 3px;
    vertical-align: bottom;
}

#myDiv p.clicked {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 14px;
}


.card-rotation .badge[data-direct] { cursor:pointer;}
.card-rotation .badge.age_1 {
    background-color: #E9EBEE;
    color: #6C7B8A;
}
.card-rotation .badge.age_2 {
    background-color: #E0ECFF;
    color: #000;
}
.card-rotation .badge.age_3 {
    background-color: #DBFBEF;
    color: #12E192;
}
.card-rotation .badge.age_4 {
    background-color: #F6E3D3;
    color: #FF7700;
}
.card-rotation .badge.age_5 {
    background-color: #F5DDDD;
    color: #FF4344;
}
.card-rotation .badge.age_6 {
    background-color: #f6adad;
    color: #ff2b2c;
}
.badge-gris{
    background-color: #E9EBEE;
}
.badge-orange{
    background-color: #F6E3D3;
}
.badge-grisclair{
    background-color: #F4F6F8;
}


/*CALENDARV2*/
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
    min-height: 8em !important;
}
.fc-h-event .fc-event-title {
    white-space: normal;
}
.fc-h-event .fc-event-time {
     overflow: visible;
}
table.fc-list-table thead {
    display: none;
}
:root {
    --fc-button-bg-color: #000b8;//#000 ;
    --fc-button-border-color: #000b8;//#000 ;
    --fc-button-hover-bg-color:#000;
    --fc-button-hover-border-color:#000;
    --fc-button-active-bg-color:#000;
    --fc-button-active-border-color:#000;
    --fc-today-bg-color: #f1f5ff;
}

/*
i wish this required CSS was better documented :(
https://github.com/FezVrasta/popper.js/issues/674
derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
*/

.popper,
.tooltip {
    position: absolute;
    z-index: 1;
    background: #F7F7F7;
    color: black;
    width: 250px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
    height: auto;
}

.tooltip2 {
    z-index: 1;
    color: black;
    padding: 10px;
    text-align: center;
    height: auto;
}
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #CCC;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

/*Editable*/
.editable.fre_mandat .cont_filtres .field.triple{
    margin-right: 20px !important
}

/** Formulaire commentaires Fiches **/

#bloc_commentaires .avatar { width:50px;height:50px;background-size:cover !important;}

.liste_commentaires .commentaire { font-size:0.8em;}
.liste_commentaires .commentaire .avatar { width:32px;height:32px;background-size:cover !important;}
#bloc_commentaires .commentaire { font-size:0.8em;}
#bloc_commentaires .commentaire .avatar { width:32px;height:32px;background-size:cover !important;}

.pagination_commentaire {text-align:center;}
#commentaire_page_precedente_vehicule {float:left;}
#commentaire_page_suivante_vehicule {float:right;}

.showComments {white-space:nowrap;font-size: 12px;font-weight: normal;cursor:pointer; color: #fff}
/** Options véhicule **/
.hide_search_option { display:none !important;}
#form_filterVehiculeOptions>div { border: 1px solid #000;
    border-bottom: 0px;
    background: #eee;
    padding: 5px;
}

#form_filterVehiculeOptions>div .svofilter {
    border: none !important;
    padding: 5px;
    /* margin: 5px; */
    box-sizing: border-box;
    display: block;
    width: 100%;
}


/** Admin **/

h4.adm_header {
    font-size: 18px !important;
    font-family: 'source-r';
    margin: 0 ;
    margin-bottom: 0px;
    padding: 10px 0 !important;
    text-transform: uppercase;

}

h4.champdocument {
    font-size: 14px !important;
    font-family: 'source-r';
    margin: 0 ;
    margin-bottom: 5px;
    padding:5px;
    background:#f0f0f0;
    text-transform: uppercase;
    color: #333;

}

.inline-label { display:inline-block;padding-right:15px;}

.bell {

    display:inline-block;
    background:#FF7F71;
    padding:0;
    margin:0 10px;
    border-radius:5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;

}
.ring {

    -webkit-animation: ring 2s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 2s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

.bell .ring { color:#ffffff;line-height:24px !important;}


.svo_panel .notifItem {
    border-bottom:1px solid #e0e0e0;
    margin-bottom:5px;
    padding:5px;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    /*background: #eef4f9;*/
    transition: all ease-in-out 125ms;
}



.svo_panel .notifItem:hover { background:#ffffff;}

.svo_panel .notifItem:hover .notifInfos[data-notif] {
    cursor:pointer;
}


.svo_panel .notifItem div.notifCheck {
    flex:0 0 auto;width:80px;padding-right:10px;
}

.svo_panel .notifItem div.notifCheck button {
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 20px;
    position: relative;
    text-decoration: none;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-bottom: 8px;
    width: 24px;
    outline: none;
    flex-shrink: 0;
    margin-left: auto;
    margin-right:auto;
    min-height: 16px;
    min-width: 16px;
    padding: 3px;
    transition: all 125ms ease-in-out;
}

.svo_panel .notifItem div.notifCheck button:before {
    border-radius: 100%;
    border: 1px solid #DFE1E6;
    box-sizing: border-box;
    content: '';
    display: block;
    background-color: inherit;
    height: 16px;
    width: 16px;
    background-color: #DBFBEF;
    border-color: #12E192;
    transition: all 125ms ease-in-out;

}
.svo_panel .notifItem div.notifCheck button:hover {
    background-color: #DBFBEF;
    border-radius: 3px;
}

.svo_panel .notifItem div.notifCheck button:hover:before {
    background-color: #12E192;
/*//#DBFBEF;*/
    border-color: #DBFBEF;
/*// #12E192;*/
}

.svo_panel .notifItem .notif_time { font-size:11px;line-height:24px; text-align: left;padding-left:5px;flex:1 0 auto}
.svo_panel .notifItem.remove {
    animation: removeElement 0.5s .25s ease-in-out 1;
}
.svo_panel .notifItem div.notifInfos { flex:unset;width:100%;box-sizing:border-box;padding:0 5px;}

@media screen and (max-width: 467px) {
    button.removeAllNotices { display:none !important;}
}

/** overload mgdialog **/

.mgDialog.dlgNotify.mgDialog_show {
background:rgb(250, 250, 250);
    /*background: #D1E6C4;*/
    /* Retour au "gris" enfin non au blanc!*/
    font-size: 12px;
}

.mgDialog.dlgNotify p { padding:0 0 5px 0;margin: 0}
.mgDialog.dlgNotify p.baction { margin:5px;padding:0;text-align:right;}

/* petite remise en "forme" pour les form gestion*/
#svo_page_gestion form {
    /*display: flex;*/
    flex-wrap: wrap;
    flex-direction: row;
}
#svo_page_gestion form .field {
    flex: 1 1 auto;
}

#svo_page_gestion form .cont_button {
    flex: 0 0 100%;
}

#svo_onglets_vehicule_6_container h3 {
    font-size: 18px;margin-bottom:5px;
}




@media screen and (min-width: 768px)  {
    .svo_panel.panel_mandat  .panel { overflow:auto;width:100% !important;;max-width:1024px !important;;}
    .svo_panel.panel_opportunite  .panel { overflow:auto;width:100% !important;;max-width:1024px !important;;}
    .svo_panel.panel_contact  .panel { width:100% !important;max-width:640px !important;;}


}

.selectedAccounts { margin-bottom:5px;}
.selUser {
    display: inline-block;
    padding: 4px 8px;
    background: #4ebcbc;
    margin: 0 10px 5px 0;
    color: white;
    border-radius: 3px;
    font-size: 11px;
}
.selUser i { margin-left:4px;cursor: pointer;}
.selUser.locked {
    background:#73b962;

}


.contact_autocomplete .ui-autocomplete .ui-menu-item { background:transparent;}
.contact_autocomplete .ui-autocomplete .ui-menu-item:nth-child(2n+1) { background:#fafafa;}
.contact_autocomplete .ui-autocomplete .ui-menu-item { display:flex;
    flex-direction: row;
    flex-wrap: wrap;

}
.contact_autocomplete .ui-autocomplete .ui-menu-item span {
    flex: 1 1 auto;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: left;margin-bottom:2px;}

@media  screen and (min-width:768px) {
    .contact_autocomplete .ui-autocomplete .ui-menu-item {
        flex-wrap: unset;
    }
    .contact_autocomplete .ui-autocomplete .ui-menu-item span {
        max-width: 160px;
    }
}
.contact_autocomplete .ui-autocomplete .ui-menu-item span:first-child { max-width:unset;;}

@media  screen and (min-width:768px) {
    .contact_autocomplete .ui-autocomplete .ui-menu-item span:first-child {
        min-width:200px
    }
}
.contact_autocomplete .ui-autocomplete .ui-menu-item span.btEmail { max-width:250px;}



#svo_formulaire_ajout_contact_container .field { padding-bottom:10px;}
#form_choix_ficheUser_nouveau_container .field { padding-bottom:5px;}


/* HTML5 Boilerplate accessible hidden styles */
[data-type="referent"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px; margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


[data-type="referent"] + span {
    display: block;
    cursor: pointer;
}

/* the basic, unchecked style */
[data-type="referent"] + span:before {
    content: ' ';
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.25em;
    border-radius: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    margin-right: 0.75em;
    transition: 0.5s ease all;
    background:url("/canevas/svor/svo/images/styles/radio/star_off.png");
}

/* the checked style using the :checked pseudo class */
[data-type="referent"]:checked + span:before {
    /*background: green;*/
    /*box-shadow: 0 0 0 0.25em #000;*/
    background:url("/canevas/svor/svo/images/styles/radio/star.png");

}


[data-type="proprietaire"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px; margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


[data-type="proprietaire"] + span {
    display: block;
    cursor: pointer;
}
/* the basic, unchecked style */
[data-type="proprietaire"] + span:before {
    content: ' ';
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -0.25em;
    border-radius: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    margin-right: 0.75em;
    transition: 0.5s ease all;
    background:url("/canevas/svor/svo/images/styles/radio/star_off.png");
}

/* the checked style using the :checked pseudo class */
[data-type="proprietaire"]:checked + span:before {
    /*background: green;*/
    /*box-shadow: 0 0 0 0.25em #000;*/
    background:url("/canevas/svor/svo/images/styles/radio/star.png");

}

/* never forget focus styling */
/*[data-type="referent"]:focus + span:after {*/
/*    content: '\0020\2190';*/
/*    font-size: 1.5em;*/
/*    line-height: 1;*/
/*    vertical-align: -0.125em;*/
/*}*/



/** override for svoselect **/
.svocritair .svoselect-option {
    height: 30px !important;
    margin-bottom: 4px;
    line-height: 30px !important;
}
.svocritair .svoselect-option img { vertical-align: bottom;}

/* stats CRM */

.crm_stats_container {
    border-radius: 10px;
    margin-bottom: 10px;
    background: #f0f0f0;
    padding: 20px;
}
.crm_stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}



.crm_stats .col {
    flex: 1 1 auto;

    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    text-align: center;
    margin: 0 6px 15px;
    border-radius: 10px;
    position: relative;
    min-height: 80px;
    padding: 10px 5px;
    box-sizing: border-box;
}

@media screen and (min-width:480px){
    .crm_stats .col {
        max-width: 168px;
    }
}


@media screen and (min-width:1200px){
    .crm_stats .col {
        max-width: calc( (100% / 6) - 12px );
    }
}

.crm_stats .col>div:first-child {
    color: #6d6d6d;
    text-transform: uppercase;
    height: 40px;
    vertical-align: top;
}

.crm_stats .col>div:not(:first-child) {
    font-weight:bold;
    font-size:19px;

}
.crm_stats .col strong {
    color: #11E193;

}
.crm_stats .col.withBell strong {
    color: #FF7F71;
}


.crm_stats  .col.withBell span.crmBell {
    position: absolute;
    right: 5px;
    top: 10px;
    color: #FF7F71;
}
.crm_stats  .col.withBell span.crmBell i { font-size:18px; }

.crm_stats_graph {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
}



.crm_stats_graph .col_crm,.crm_stats_graph .col,.crm_stats_graph .col_wide {
    flex: 1 1 auto;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: normal;
    text-align: center;
    margin: 0 6px 15px;
    border-radius: 10px;
    position: relative;
    min-height: 150px;
    padding: 10px 5px;
max-height:600px;
    box-sizing: border-box;
}
.crm_stats_graph .col_wide {
    max-height:350px;
}

@media screen and (min-width:480px){
    .crm_stats_graph .col_crm {
        max-width: 320px;
    }
    .crm_stats_graph .col {
        max-width: 320px;
    }
}


@media screen and (min-width:599px){
    .crm_stats_graph .col {
        max-width: calc( (100% / 3) - 12px );
    }
    .crm_stats_graph .col_crm {
        max-width: calc( (100% / 3) - 12px );
    }
}

@media screen and (min-width:1279px){
    .crm_stats_graph .col {
        max-width: calc( (100% / 6) - 12px );
    }
    .crm_stats_graph .col_crm {
        max-width: calc( (100% / 6) - 12px );
    }
}

@media screen and(max-width:767px) {
    .crm_stats_graph { flex-direction: column;}
    .crm_stats_graph .col .crm_stats_graph .col_wide { max-width: 100%;}
}

/*NEW UI*/
.bloc_rounded {
    padding: 20px;
    border-radius: 20px;
}
.bloc_rounded_top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bg-white{
    background: white;
}

.bg-grey{
    background: #F7F7F7;
}

.bg-lightblue{
    background: #F6FAFF;
}

.m-10{
    margin: 10px;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.p-0{
    padding: 0;
}
.list-style-plus {
    list-style: none;
}
.list-style-plus li:before {
    content: "+";
    margin-right: 4px;
    font-size: 10px;
    vertical-align: top;
}
.mt-10{
    margin-top: 10px;
}
.mt-5{
    margin-top: 5px;
}
input.bouton.new, button.bouton.new{
    background: none;
    color: #3d3d3d;
    border: 1px solid #3d3d3d;
    border-radius: 10px;
    line-height: 30px;
    height: 30px;
    text-transform: none;
    padding: 0 15px;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 5px;
}
button.bouton.circlenew, a.bouton.circlenew{
    border-radius: 50%;
    height: 28px;
    width: 28px;
    line-height: 5px;
    padding: 0;
    margin-left: 6px;
}
button.bouton.circlenew i, a.bouton.circlenew i{
    font-size: 12px;
    color: #292935;
}
td[data-toggle='tooltip']{
    cursor: pointer;
}

.bg_on{
    background-color: #59D69A;
}
.bg_off{
    background-color: #F04166;
}
.circle-green{
    background-color: #59D69A;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: inline-block;
}
.circle-orange{
    background-color: #FEBFAF;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: inline-block;
}
.circle-red{
    background-color: #F04166;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: inline-block;
}
.mr-20{
    margin-right: 20px;
}
.mb-20{
    margin-bottom: 20px;
}

.svo_btn { cursor: pointer;
    user-select: none}

button.bouton.newbleu, a.bouton.newbleu {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
button.bouton.bleu, a.bouton.bleu {
    border: 1px solid #000;
    color: #000;
    margin: 2px 0;
}

.bloc_mandat .bloc_rounded_top:after{
    display: block;
    height: 5px;
    background: #000;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
}



.bloc_rounded_top.prop.prop100:after {
    background-color: #FF7700;
}

.bloc_rounded_top.prop.prop75:after {
    background-color: #11E193;
}

.bloc_rounded_top.prop.prop50:after {
    background-color: #0091FF;
}

.bloc_rounded_top.prop.prop25:after {
    background-color: #FF717E;
}

.badge-dispo span{
    font-size: 11px !important;
}

.headerVehicule select {
    min-width: 10em;
    padding: 0.5em 1em;
    background: #21212E;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
    font: inherit;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
            linear-gradient(45deg, transparent 50%, #fff 50%),
            linear-gradient(135deg, #fff 50%, transparent 50%),
            linear-gradient(to right, #fff, #fff);
    background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}


@media screen and (max-width: 740px) {
    .header-fichevehicule .reference{
        display: block;
    }
}

.suiviInfo{
    color: #000;
    vertical-align: middle;
    font-size: 20px !important;
    margin: 0 10px;
}

.bloc_mandat .suiviInfo { color:#fff;}

.moitier.bloc_rounded label + br + span {
    font-weight: bold;
}

bouton.orange3{
    border-color: #d66700;
    color: #d66700;
}

.statsLeads {
    border-radius: 20px;
    border: none;
    box-shadow: none;
}

.rounded {
    border-radius: 20px !important;
}


.bloc_rounded > h4 {
    font-size: 20px;
    font-family: "Lato";
    margin: 0;
    padding: 10px 0;
    color: #000;
    background: none;
    /*border-bottom: 4px solid #5E729A;*/
}
span.badge-dispo span {
    text-transform: initial;
}


.warning-stripe {
    background-color: #eeeeee;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(0,0,0,0.1) 25px, rgba(0,0,0,0.1) 50px);
}
.warning-stripe-orange {
    background-color: #e3b23c;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(0,0,0,0.1) 25px, rgba(0,0,0,0.1) 50px);
}

/*MESSENGER CHAT SMS*/
:root {
    --body-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --msger-bg: #fff;
    --border: 2px solid #ddd;
    --left-msg-bg: #ececec;
    --left-msg-bg-lbc: #FFE9DE;
    --left-msg-bg-lac: #fdebee;
    --right-msg-bg: #579ffb;
    --right-msg-bg-lbc: #899FEC;
    --right-msg-bg-lac: #2a292f;
}


.msger {
    display: flex;
    font-family: Helvetica, sans-serif;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    margin: 25px 10px;
    height: calc(100% - 50px);
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: var(--border);
    background: #eee;
    color: #666;
}

.msger-chat {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    max-height: 500px;
}
.msger-chat::-webkit-scrollbar {
    width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
    background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}
.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.msg:last-of-type {
    margin: 0;
}
.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
    position: relative;
}
.msg-bubble {
    background: var(--left-msg-bg);
}
.msg-bubble-lbc {
    background: var(--left-msg-bg-lbc);
}
.msg-bubble-lac {
    background: var(--left-msg-bg-lac);
}
.msg-delete {
    position: absolute; right: -10px; font-size: 14px; top: -5px; color: #fff; background: #FC6258; border-radius: 100%; padding: 0 7px 2px 7px;cursor: pointer;
}
.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}
.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}
.right-msg .msg-bubble {
    background: var(--right-msg-bg);
    color: #fff;
    border-bottom-right-radius: 0;
}
.right-msg .msg-bubble-lbc {
    background: var(--right-msg-bg-lbc);
    color: #fff;
    border-bottom-right-radius: 0;
}
.right-msg .msg-bubble-lac {
    background: var(--right-msg-bg-lac);
    color: #fff;
    border-bottom-right-radius: 0;
}
.right-msg .msg-img {
    margin: 0 0 0 10px;
}

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: var(--border);
}
.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}
.msger-input {
    flex: 1;
    background: #efefef;
    border-radius: 10px;
}
.msger-send-btn {
    margin-left: 10px;
    background: #000;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
    border-radius: 10px;
}
.msger-send-btn:disabled {
    cursor: not-allowed;
}
.msger-send-btn:hover {
    background: #000;
}

.msger-chat {
    /*background-color: #fcfcfe;*/
}

.msg-text {
text-align: left
}


/* MODE CLIENT - VIGNETTE 2022 */
.vignette2022{
    margin: 20px 0;
    cursor: pointer;
    max-width: 350px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    width: calc(100% - 2px);
}
.vignette2022-header{
    background-repeat: no-repeat; background-position: 50% 50%; height: 200px; background-size: cover;position: relative; border-top-left-radius: 10px;border-top-right-radius: 10px
}
.vignette2022-spacebetween{
    display: flex; justify-content: space-between;
}
.vignette2022-roundedelement{
    font-size: 14px; padding: 3px 10px; color: #fff !important; background: rgba(0,0,0,0.8); border-radius: 10px; font-weight: bold;
}
.vignette2022-pictures{
    color: #fff; background: rgba(0,0,0,0.8); padding: 5px 10px; border-radius: 5px;
}
.vignette2022-footer{
    padding: 20px; position: relative;background: #f3f3f3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.vignette2022-prix{
    background: #0a001f; color: #fff; font-size: 16px; font-weight: bold; padding: 7px 20px; border-radius: 20px; position: absolute; top: -6px; right: 10px;
}
.vignette2022-ref{
    font-weight: bold; font-size: 11px; color: #444444
}
.padding-20-10{
    padding: 15px 10px;
}
.vignette2022-marque{
    font-size: 18px; padding: 5px 0 0 0; font-weight: bold; color: #444444;text-transform: uppercase;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vignette2022-modele{
    font-size: 16px; margin-bottom: 10px;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vignette2022-statut{
    cursor: pointer;margin: 0 5px;text-align: center
}
.vignette2022-3column{
    break-before: column;-webkit-columns: 3 auto; -moz-columns: 3 auto; columns: 3 auto;
}
.mb-20{
    margin-bottom: 20px
}
.vignette2022-titreinfo{
    font-size: 10px; letter-spacing: 0px; color: #7a7a7a; font-weight: bold;
}
.vignette2022-titrevaleur{
    font-weight: bold; color: #3f3f3f;
}
.d-none{
    display: none;
}
.d-block{
    display: block;
}
.d-block-important{
    display: block !important;
}


.flexClient{
    display: flex; flex-wrap: wrap; justify-content: space-evenly;
}

.pagination{
    position: relative;
}
.nbelementperpage{
    position: absolute;
    right: 0;
    top: 10px;
}
.perpage{
    cursor: pointer;
    color: #000;
}
.d-inline-block{
    display: inline-block;
}
.modeliste > td span {
    display: inline-block;
}
.modetableau .marquemodele{
    min-width: 225px;
}
.modetableau .lp{
    min-width: 165px;
}
.modetableau .etatdispo{
    min-width: 200px;
}
.modetableau .svo_crm_km{
    min-width: 80px;
}
.modetableau .emissionco2{
    min-width: 75px;
}
.modetableau > td > div.deuxligne {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.modetableau .jauge_duree,
.modetableau .svo_crm_fond_encours,
.modetableau .svo_crm_fond_termine,
.modetableau .svo_crm_fond_archive,
.modetableau .svo_crm_fond_annule,
.modetableau .svo_crm_fond_sousoffre,
.modetableau .svo_crm_fond_preparation
{
    height: 30px !important;
}
.modetableau .etat_vehicule, .modetableau .reatribuer, .modetableau .tva{
    display: none;
}
.modetableau .anneemodele, .modetableau .carrosserie, .modetableau .client, .modetableau .date_creation, .modetableau .immatriculation{
    display: block;
}
span.energie::before {
    content: '• ';
    font-size: 20px;
}
.modetableau .typeboite{
    min-width: 190px
}
.svo_crm_status0{
    display: none !important;
}

.show-mobile {
    display: none;
}

@media screen and (max-width: 500px) {
    .hide-mobile {
        display: none !important;
    }
    .show-mobile {
        display: block !important;
    }
    .flexClient .vignette2022-header{
        height: auto;
    }
}


span.date_entree , span.date_livraison , span.date_expiration { padding-bottom:5px;}

.no-min-width {
    min-width: unset !important;
}

.p-l-0 { padding-left: 0;}
.p-r-0 { padding-left: 0;}
.m0 { margin:0}
.p0 { padding:0;}
.p1_0  { padding:0.5rem 0}
.p2_0  { padding:1rem 0}
.p3_0  { padding:1.5rem 0}
.p4_0  { padding:2rem 0 }
.p5_0  { padding:2.5rem 0 }

.action_prevue{
    background: #75cbca !important;
    color: #fff !important;;
}
.action_anime{
    background: #FF7F71 !important;
    animation: changebgred2red 1s infinite;
    color: #fff !important;;
}
@keyframes mymove {
    from {background-color: #FF7F71;}
    to {background-color: #fc6658;}
}

input.bouton.new:disabled{
    color: #a0a0a0 !important;
    cursor: not-allowed;
    background-color: #fff !important;
    border-color: #d5d5d5 !important;
}
.chatgpt-button {
    background-color: #75AB9E;
    border: none;
    color: #fff;
    padding: 0px 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}

.chatgpt-button:hover {
    background-color: #0EA982;
}

.chatgpt-logo {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.rotating-text-wrapper {
    height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-color: rgba(10,10,10,0.5); z-index: 10000; position: absolute; width: 100%; top: 0;
}
.rotating-text-wrapper h2 {
    font-size: 2.5em;
    margin: 0;
    padding: 0.3em;
    color: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;
}
.rotating-text-wrapper h2:nth-child(1) {
    background-color: #75AB9E;
    animation-name: rotating-text-1;
}
@keyframes rotating-text-1 {
    0% {
        transform: translateY(200%);
    }
    33% {
        transform: translateY(100%);
        opacity: 1;
    }
    34% {
        opacity: 0;
    }
}
.rotating-text-wrapper h2:nth-child(2) {
    background-color: #75AB9E;
    animation-name: rotating-text-2;
}
@keyframes rotating-text-2 {
    33% {
        transform: translateY(100%);
        opacity: 0;
    }
    66% {
        transform: translateY(0);
        opacity: 1;
    }
    67% {
        opacity: 0;
    }
}
.rotating-text-wrapper h2:nth-child(3) {
    background-color: #75AB9E;
    animation-name: rotating-text-3;
}
@keyframes rotating-text-3 {
    66% {
        transform: translateY(0);
        opacity: 0;
    }
    99% {
        transform: translateY(-100%);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}
@media screen and (max-width: 576px) {
    .rotating-text-wrapper {
        font-size: 0.7rem;
    }
}

.svo_table_new thead tr th {
    height: 40px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: 'source-b';
}
.svo_table_new tbody td {
    background: #F7F7F7;
    padding: 10px !important;
    height: 40px !important;
    line-height: 40px !important;
}
/*Modification plugin chosen*/
.chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
    background-image: none !important;
}

.oddeven tr:nth-child(even) {
    background-color: #f2f2f2;
}
.oddeven tr:nth-child(odd) {
    background-color: #ffffff;
}

#svo_table_prospection td[name="svo_celluletable"] span.th:nth-child(-n+3) {
    display: inline-block;
}
#svo_table_prospection td[name="svo_celluletable"] span.th:nth-child(n+4) {
    display: none;
}

.inlinecrm{
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-content: space-evenly !important;
    align-items: center;
}

/*Nouvelle couleur*/
.bg-vertfonce{
    color: #228380;
    background-color: #ECF4F4;
}
.color-vertfonce{
    color: #228380;
}

.awn-toast-label{
    font-size: 12px !important;
    margin-bottom: 5px !important;
}

.awn-toast-wrapper {
    padding: 15px 70px 10px 16px !important;
}

@media (max-width: 575px) {
    .modal-full-mobile {
        width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
    }
}

.flink {
    font-size: 14px;
    text-align: center;
    color: #000;
    background: #f9f9f9;
    text-decoration: none;
    display: block;
    margin: 5px;
    padding: 5px 5px;
    border-radius: 3px;
    letter-spacing: -0.5px;
    transition: all 0.125s;
}
.flink:hover {
    color: #fff;
    background: #d3defb;
}


.flinkactions  { min-width:200px;}
/*.flinkactions.flinkcols { column-count: 2;column-fill: balance}*/

span.avatar {
    background-color: #E9EBEE;
    color: #6C7B8A;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px;
    width: 35px;
    height: 35px;
    background-position: center;
    text-align: center;
    line-height: 35px;
    display: block;
    text-transform: uppercase;
    background-size: 150% 150%;
}

.popup_formulaire .svoselect-contain
{
    max-width: unset !important;
    background: #f4f4f4;
    border-radius: 10px;
    height: 40px;
    padding: 5px 0 0 5px;
}

.popup_formulaire .cont_filtres .field > label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Lato', serif;
    margin: 10px 0 5px 0;
    font-size: 11px;
    padding: 0 3px 0 3px;
    text-transform: uppercase;
    font-family: 'source-b';
    color: #000;
}

.newSelect{
    max-width: unset !important;
    background: #f4f4f4;
    border-radius: 20px;
    height: 40px;
    padding: 5px 0 0 5px;
}
.newSelect .svoselect-contain{
    max-width: unset !important;
}
.buttonbleu {
    height: 32px;
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    margin: 0 10px 5px 0;
    cursor: pointer;
    text-align: center !important;
    background: #000;
    color: #ffffff;
}

.mobileMarque { color:#999999;transition: all ease-in-out 0.125s}
.mobileMarque:hover  { background:#000;color:#ffffff;}
.mobileMarque.mauve { color:#ffffff;}

@media screen and (max-width: 1439px) {
    /*.liste_marque_clients_clone { display: none !important;}*/
    .ElementCacheForClientView { display:none !important;}
    .Force0WidthClientView { width: 0 !important;}
    /*.ForceFullWidthMobileViewClient { width: 100% !important;}*/
    /*.FlexClientView { display:flex;flex-wrap: wrap;}*/
    /*.FlexClientView .cstats   { order:1;}*/
    /*.FlexClientView .cinfo { order:2; }*/
}

@media screen and (min-width: 1440px) {
    /*.liste_marque_clients_clone { display: block !important;}*/
    /*.liste_marque_clients { display: none !important;}*/
}

@media screen and (max-width: 1023px) {
    /*.FlexClientView .cstats   { order:2;flex:0 0 100%;}*/
    /*.FlexClientView .cinfo { order:1;flex:0 0 100%; }*/

}
@media screen and (max-width: 767px) {
    .liste_marque_clients , .liste_marque_clients_clone {display:none;}
    /*.FlexClientView .cstats   { order:2;flex:0 0 100%;}*/
    /*.FlexClientView .cinfo { order:1;flex:0 0 100%; }*/

}

input.bouton.stylelbc{
    height:46px;width:140px;border-radius: 10px;background-color: #E5965C
}
input.bouton.stylelac{
    height:46px;width:140px;border-radius: 10px;background-color: #FF004F;
}


.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width:200px;
    overflow-y: hidden;
    height: 20px;
}
[contenteditable="true"].single-line br {
    display:none;

}
[contenteditable="true"].single-line * {
    display:inline;
    white-space:nowrap;
}


.single-line:focus {
    text-overflow: inherit;
}


.svo_table.history {

}

.svo_table.history thead tr th {
    background: #f4f4f4;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.svo_table.history tbody tr td {
    padding: 10px;
    background: none !important;
    border-bottom: 1px solid #e1e1e1;
}


.svo_table.history tbody tr td:first-child {
    width:200px;
    font-size:14px !important;
    text-align: left;
}
.svo_table.history tbody tr td:first-child * {
    font-size: 14px !important;

}
.svo_table.history tbody tr td:nth-child(2) {
    width:40px;
    text-align: center;
}
.svo_table.history tbody tr td:nth-child(3) {
    width:220px;
}

@media screen and (min-width:1280px) {
    .max_nav_tab {
        max-width: 380px;
    }
}

.header-mandat{
    display: flex;justify-content: space-between;align-items: center;
}

.d-flex {
    display: flex;
}
.d-flex-wrap {
    flex-wrap: wrap;
}
.d-flex-row {
    flex-direction: row;
}
.m-l-auto {
    margin-left: auto;
}

.align-items-center {
    align-items: center;
}

.bouton-valos, .bouton-valos button {
    font-size:13px !important;
}

.click-pointer {
    cursor: pointer;
}

.table_historique_log .bg-light {
    background-color: #f9f9f9;
}
.table_historique_log .bg-white {
    background-color: #fff;
}

.table_historique_log {
    width: 100%;
    border-collapse: collapse;
}

.table_historique_log th {
    padding: 8px;
    border: none !important;;/*border-bottom: 1px solid #ddd;*/
    text-align: left;
}

.table_historique_log  td {
    padding: 8px;
    /*text-align: right;*/
}
.table_historique_log .row_title td {
    padding: 8px;
    border-top: 1px solid #ddd;
    /*text-align: right;*/
}

.table_historique_log thead {
    background: #f9f9f9;
}

.table_historique_log tr:hover {
    background-color: #F6FAFF;
}

/* infopanels  */

[data-infopanel]:hover , i[data-infopanel]:hover {
    color:#6dd1a9 !important;

}

.echanceCTIcon {
    cursor: pointer;
    width:28px;
    height:auto;
    display: inline-block;margin-right: 5px;position:relative;top:4px;
}



/** Timeline entretien véhicule **/



.timeline_entretien_vehicule {
    position: relative;
    border-left: 2px solid #2196F3;
    padding-left: 10px;
    margin: 10px;
    border-bottom: 1px solid #2196F3;
    border-radius: 0px 0px 0px 16px;
}
.timeline_entretien_vehicule:before {
    content: ' ';
    position: absolute;
    background: white;
    left: -8px;
    top: 0;
    width: 15px;
    height: 12px;
}

.timeline_entretien_vehicule .timeline-item {
    position: relative;
    margin-bottom: 20px;
    padding:10px;
    transition: background-color 0.125s ease-in-out;

}
.timeline_entretien_vehicule  .timeline-item:hover {
    background: aliceblue;
    border-radius: 10px;
}

.timeline_entretien_vehicule .timeline-item::before {
    content: '';
    position: absolute;
    left: -17px;
    top: 5px;
    width: 12px;
    height: 12px;
    background-color: #2196F3;
    border-radius: 50%;
}

.timeline_entretien_vehicule:after {
    content: ' ';
    background: white;
    bottom: -6px;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #2196F3;
    border-radius: 50%;
    right: 0;
}

.timeline_entretien_vehicule .timeline-date {
    font-weight: bold;
    color: #2a2a2a;
    margin-bottom: 4px;
}

.timeline_entretien_vehicule .timeline-content .title {
    font-size: 14px;
    margin-bottom: 4px;
}
.timeline_entretien_vehicule  .timeline-item-container {
    position:relative;

}
.timeline_entretien_vehicule .tag {
    display: inline-block;
    background-color: #e6f1fc;
    color: #2196F3;
    border-radius: 10px;
    padding: 4px 10px;
    font-size: 12px;
    margin-top: 2px;
}

.timeline_entretien_vehicule .right {
    margin-top:10px;
    display: block;
    line-height: unset;
    display: flex;
    place-items: center;
}


.timeline_entretien_vehicule .km {
    background-color: #ffffff;
    border: 1px solid #c0dcf8;
    border-radius: 20px;
    padding: 5px 12px;
    font-size: 14px;
    color: #2196F3;
    display:inline-block;
}

@media screen and (min-width: 768px) {
    .timeline_entretien_vehicule .right {
        position: absolute;
        right: 0;
        top: 0;
        margin:0;

    }

}
.ml-auto { margin-left:auto;}