.text-primary {
    color: #19b8a5!important;
}

.adapted-margin {
    margin-left: auto;
}

.alert-accueil {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: white;
    font-weight: 800;
    background-color: #a94442;
    border-radius: 3px;
}

.flash-bold {
    font-weight: bold;
}

.tooltip-container {
    display: inline-block;
}

.validate-btn {
    text-align: center;
}

@media (min-width: 768px) {
    .alert-accueil {
        width: 750px;
    }

    .modal select {
        width: 100%!important;
    }
}

@media (min-width: 992px) {
    .alert-accueil {
        width: 970px;
    }

    .margin-top-30 {
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .alert-accueil {
        width: 1170px;
    }
}

.cta-porte.cta-register {
    height: 200px;
    width: 200px;
}

.cta-porte.cta-register:before {
    height: 200px;
    width: 200px;
}

.cta-porte:hover.cta-register:before {
    height: 300px;
    width: 300px;
    /*top:-25px;
    left: -25px;*/
}

a.nav-expander {
    right: 15px;
}

.sign-up.btn {
    font-size: 1.1em;
}

.sign-up:hover {
    color: white;
}

.stepwizard-step {
    width: 33%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 30px;
    margin-left: 5px !important;
    font-size: 16px;
    font-weight: normal;
}

#market_filter_form .select2 {
    width: 100% !important;
}

#market_filter_recolte div {
    margin: 0px;
}

#market_filter_recolte .btn {
    margin-right: 15px;
    padding: 6px 30px;
    position: relative;
    left: auto;
    transform: none;
}

div.link:hover {
    text-decoration: underline;
}

.btn[disabled].btn-wizard {
    opacity: 1;
    color: rgba(179, 179, 179, 1);
    border-color: rgba(179, 179, 179, 1);
}

@media (min-width: 768px) {
    #special_row {
        position: relative;
        min-height: 119px;
    }

    #fonction {
        bottom: 0;
        left: 0;
        position: absolute;
    }

    #tel1 {
        bottom: 0;
        left: 33.3%;
        position: absolute;
    }

    #tel2 {
        bottom: 0;
        right: 0;
        position: absolute;
    }
}

.icon-parent.btn-add {
    margin: 0;
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    text-decoration: none;
}

.icon-parent.btn-add-accueil {
    margin: 0;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;

    text-decoration: none;
}

.icon-parent.btn-add:disabled {
    cursor: not-allowed;
}

.btn-add-svg {
    width: 50px;
    height: 50px;
    color: #fff;
}

.btn-add-text {
    margin-top: -5px;
    vertical-align: middle;
    display: table-cell;
    color: #333;
}

button.btn-add {
    border: none;
    background: transparent !important;
}

.space-select-text p {
    margin-bottom: 0;
}

.no-background,
.no-background:visited,
.no-background:focus {
    background: none;
    border: none;
    box-shadow: none;
    outline: 0;
}

.specific-svg-icon {
    padding: 0;
}

@media (min-width: 1200px) {
    .right-filters {
        width: 33.33333%;
    }
}

.ref-chargement {
    width: 100%;
}

#matchFail .modal-dialog {
    margin: 20% auto !important;
}

#matchFail .modal-dialog .modal-footer {
    text-align: center;
}

/*.dataTables_scrollHeader,
.dataTables_scrollHeadInner,
.dataTables_scrollBody {
    width: 100%!important;
    margin: 0!important;
}*/

/*** Safari 7.1+ uniquement : ***/
/**_::-webkit-full-page-media, _:future, :root div.DTS tbody td {
    white-space: normal !important;
    word-break: break-all !important;
}**/

.dataTables_scrollHeadInner, .dataTables_scrollBody {
    margin: 0 !important;
}

.dataTable th .full-length-cell i.svg-picto svg {
    /*max-width: 100px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.full-length-cell canvas {
    display: block;
    width: 100%;
    height: 40px;
    visibility: hidden;
}

button.no-background {
    border: none;
    background: transparent;
}

.recap-pictos span.svg-picto svg {
    margin-top: 12px;
    height: 45px !important;
    width: auto;
}

.ui-datatable-scrollable-header-box {
    margin-right: 15px !important;
}

.ui-datatable-scrollable-body {
    overflow-y: scroll !important;
}

.ui-datatable-scrollable-header {
    width: 100%;
}

.form-recap #ordre_recap_attestation_terreLabourable label {
    white-space: inherit;
}

#tel1 label, #tel1 label small, #tel2 label, #tel2 label small {
    white-space: inherit;
}

.action-line-mon-compte input.btn-green {
    white-space: inherit;
    height: auto;
}

.ordre label {
    white-space: inherit !important;
}

div.cancel-zone, div.cancel-zone-achat {
    text-align: center !important;
    margin-top: 55px;
}

div.valid-ordre.override, div.valid-ordre {
    padding: 0 !important;
}

div.valid-ordre.override::before {
    transform: translate(-50%, 50%);
}

.valid-ordre::before, .valid-ordre.override::before {
    margin-top: 20px;
}

.detail-variete label, .detail-geographique label {
    white-space: inherit;
}

.detail-variete .form-group, .detail-geographique .form-group {
    margin-bottom: 0;
}

.detail-variete .form-group .checkbox,
.detail-geographique .form-group .checkbox {
    margin-top: 0;
}

#market_filter .select2-search__field {
    line-height: normal;
    padding: 7px 0;
}

#listeBL {
    margin-bottom: 25px;
}

#listeBL thead tr th {
    text-align: center;
}

#listeBL button[id^="editBL"],
#listeBL button[id^="voirBL"],
#listeBL button[id^="suppBL"] {
    background: transparent;
    border: none;
}

@media (min-width: 768px) {
    .dashboard-title-section {
        text-align: center;
    }

    .dashboard-title {
        display: inline;
        margin-right: 25px !important;
    }

    .dashboard-recolte-filter {
        display: inline;
    }

    .dashboard-recolte-filter select {
        display: inline;
        width: 15%;
        min-width: 100px;
    }
}

.filtre-historique {
    margin-top: 15px;
}

.statut-4 td, .other-product td {
    background-color: #ffdb99;
}

.tableau-oca {
    background-color: #ffdb99;
    color: #111;
}

.row-certification td input[id$="debutValidite"],
.row-certification td input[id$="finValidite"] {
    min-width: 140px;
}

.btn-anthracite {
    background-color: #333;
    color: white;
    opacity: 1;
    box-shadow: 0 5px 15px 3px rgba(153, 153, 153, 0.5);
}

.prix-input {
    text-align: right;
    padding-right: 35px;
}

.no-padding {
    padding: 0;
}

.no-margin-bottom, .no-margin-bottom .ref-chargement {
    margin-bottom: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.details {
    font-size: 12px;
    font-weight: bold;
}

@media (max-width: 1030px) {
    .row-certification td input[id$="debutValidite"],
    .row-certification td input[id$="finValidite"] {
        min-width: 130px;
    }

    .row-certification td input,
    .row-certification td select,
    .row-certification td select option {
        font-size: 14px !important;
    }

    .label-small {
        font-size: 12px !important;
    }
}

@media (max-width: 900px) {
    .row-certification td input[id$="debutValidite"],
    .row-certification td input[id$="finValidite"] {
        min-width: 108px;
    }

    .row-certification td input,
    .row-certification td select,
    .row-certification td select option {
        font-size: 12px !important;
    }
}

@media (max-width: 675px) {
    .row-certification td input[id$="debutValidite"],
    .row-certification td input[id$="finValidite"] {
        min-width: 100px;
    }

    .row-certification td input,
    .row-certification td select,
    .row-certification td select option {
        font-size: 10px !important;
    }

    .label-small {
        font-size: 10px !important;
    }
}

.table-container .table .promote-label {
    padding-bottom: 0 !important;
    padding-top: 0;
    margin-top: 0;
    vertical-align: bottom !important;
    background-color: transparent !important;
}

.table-container .table .promote-label svg {
    margin: 0 !important;
}

@media (max-width: 610px) {
    .rond-icon-parent.big.btn-anthracite {
        padding-top: 32px;
    }
}

div.acces-courtier-label .form-group label {
    white-space: inherit;
}

div.edit-entite-submit input[type="submit"] {
    max-width: 100%;
    height: auto;
    white-space: inherit;
}

#liste_invitations tbody tr td .btn {
    padding: 4px 8px;
    font-size: 14px;
    height: 28px;
    box-shadow: none;
}

#liste_invitations tbody tr td div.form-group {
    margin-bottom: 0;
}

.important-line {
    color: red;
}

.cancel-order {
    display: none;
}

div.validate-btn a.btn-anthracite {
    padding-top: 50px;
    position: relative;
    vertical-align: middle;
    font-size: 16px !important;
}

div.validate-btn a.btn-anthracite:hover,
div.validate-btn a.btn-anthracite::selection,
div.validate-btn a.btn-anthracite:focus {
    text-decoration: none;
    color: white;
}

form[name="bon_livraison"] button[id$="_valider"],
form[name="bon_livraison"] button[id$="_validerDefinitif"],
form[name="bon_livraison"] button[id$="_validerOS"] {
    margin-left: 0.2em;
}

form[name="bon_livraison"] label {
    white-space: inherit;
}

/* BL : edit form : alignement des blocs */
@media (min-width: 1250px) {
    form[name="bon_livraison"] .col-md-4 {
        width: 33%;
    }
}

@media (min-width: 992px) and (max-width: 1249px) {
    form[name="bon_livraison"] .col-md-4 {
        width: 32.91%;
    }
}
/* end alignement des blocs */

@media (min-width: 992px) {
    form[name="bon_livraison"] div.align-bottom {
        position: relative;
    }

    form[name="bon_livraison"] div.align-bottom div.bottom-case-left {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    form[name="bon_livraison"] div.align-bottom div.bottom-case-middle {
        position: absolute;
        bottom: 0;
        left: 33.33%;
    }

    form[name="bon_livraison"] div.align-bottom div.bottom-case-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.recap-left-content {
    padding-bottom: 4px;
}

.reponse-ordre-information #order_answer_newLieu .radio-inline input[type="radio"] {
    margin-left: -20px !important;
}

figure.market-icon-produit,
figure.market-icon-logistique,
figure.market-icon-geographie {
    text-align: center;
}

figure.market-icon-produit svg {
    height: 18px;
    margin: 3px 0 0 0;
}

figure.market-icon-logistique svg {
    height: auto !important;
    width: 20px !important;
    margin: 8px 0 0 0 !important;
}

figure.market-icon-geographie svg {
    height: 20px;
    margin: 2px 0 0 0 !important;
}

button[id^="btnChangeProfondeur"],
button[id^="btn_detailOrdreAch"],
button[id^="btn_detailOrdreVen"] {
    background: transparent;
    border: none;
}

#market_filter_detailGeo_label .checkbox label {
    white-space: normal;
    word-break: break-all;
}

@media (max-width: 1030px) {
    #crit_select .portlet .form-control {
        height: 45px !important;
    }
}

.cta-porte figure {
    text-align: left;
}

.cta-porte figure img {
    width: 85%;
}

.btn-small {
    height: auto;
    padding: 2px 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

figure.resized-geo svg,
div.resized-geo svg {
    height: 30px;
    margin-top: 8px;
}

figure.resized-produit svg,
div.resized-produit svg {
    height: 35px;
    margin-top: 7px;
}

div.resized-calendar svg {
    height: 35px;
    margin-left: 3px;
}

figure.resized-produit-big svg {
    height: 45px;
    margin-top: 5px;
}

.spinner-div img {
    width: 80%;
}

@media screen and (max-width: 610px) {

    .rond-icon-parent .horinzontal-icon svg {
        width: 35px !important;
        height: auto !important;
    }

    .spinner-div img {
        width: 100%;
        margin-top: 25px;
    }
}

.special-periode .critere-periode-side {
    -webkit-transform: translateY(+100%);
    -moz-transform: translateY(+100%);
    -ms-transform: translateY(+100%);
    -o-transform: translateY(+100%);
    transform: translateY(+100%);
}

.reponse-ordre-information .radio-inline input[type=radio] {
    height: 20px;
    margin-left: -20px;
}

.margtop50 {
    margin-top: 50px !important;
}

.no-client {
    font-size: 16px;
}

.input-group-addon canvas {
    display: none;
}

.input-group.not-constrained {
    max-width: none !important;
}

#table-top i.svg-picto svg {
    width: 30px;
    max-width: 50px;
}

#market_table .svg-picto svg, #market_filter .svg-picto svg, i.svg-picto svg.camion-neutre {
    width: 30px;
    max-width: 50px;
}

.IE-svg-fix {
    display: inline-block;
    height: 1em; /* default icon height */
    position: relative;
    user-select: none;
}

.IE-svg-fix canvas {
    display: block;
    height: 100%;
    visibility: hidden;
}

.IE-svg-fix svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#market_filter .input-group {
    max-width: 100% !important;
    width: 100%;
}

/* #marketForm table td {
    word-break: break-all;
    word-wrap: break-word;
} */

@media (max-width: 991px) {
    .cgv .btn.validation {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 10px;
    }
}

.table-container .table.market thead th {
    padding: 2px 10px;
    margin: 1px;
    font-size: 15px;
}
table.dataTable tbody td {
    padding: 2px 10px!important;
}
.rond-icon-parent.btn-green {
    white-space: normal;
}

.market-icon-parent figure {
    width: 40px!important;
    height: 40px!important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered{
    white-space: normal!important;
}

.critere-inner.periode{
    background: #3e4143;
}

.table-container .market thead th.bg-chargement{
    color: #3e4143;
}


.signin, .bg.bg-6{
    background: url("../images/bg_inscription.jpeg");
    background-size: cover;
}

.offset-logo {
    position: relative;
    bottom: 0;
    margin-top: 50px;
    left: 4.5%;
}

.offset-logo img {
    mix-blend-mode: screen;
    transform: translate(-50% , 0px);
    margin-left: 50% !important;
}

#popupUnsubscribe {
    overflow: visible;
    opacity: 1;
    min-height: 440px;
    margin: 9% auto 15% auto;
}

.date-block .form-group i.form-control-feedback,
.form-group.date i.form-control-feedback,
.date-td div i.form-control-feedback {
    top: 0;
}

.input-ref-chargement {
    clear: both;
}

/* BL : edit form : alignement des blocs */
form[name="bon_livraison"] div.align-bottom div {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

form[name="bon_livraison"] div.align-bottom div .form-group,
form[name="bon_livraison"] div.align-bottom div .form-group div {
    width: 100%
}
/* end alignement des blocs */

/* Améliore l'aspect visuel du tableau sous chrome (à tester sur d'autres navigateurs) */
.dataTables_scrollBody {
    width: 100%!important;
    margin: 0!important;
}

table.dataTable tbody td.no-horizontal-padding {
    padding: 8px 0!important;
}

@media (min-width: 992px){
    .abs-moy-pesee-right {
        text-align: right;
    }   
}

#order_answer_newLieu #pont-bascule .control-label{
    max-width: 150px;
}

#order_answer_newLieu #pont-bascule .radio-inline{
    padding-right: 10px;
}

input[type='text']::-ms-clear{
    display: none;
}

.recap .titre figure, .recap .titre h4{
    line-height: 50px;
}

.recap .titre figure.icon-container{
    width: 50px;
    height: 50px;
    border-radius: 25px;
    font-size: 25px;
}

.recap .market-icon-prix .svg-picto{
    margin-left: 10px;
    margin-top: 10px;
}

.recap figure svg{
    height: 30px !important;
    width: 30px !important;
    margin-top: 10px !important;
}

.required{
    font-size: 25px;
    line-height: 14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    /*margin: 0;*/ /* <-- Apparently some margin are still there even though it's hidden */
}

.bg-info{
    background: #EFEFEF;
}

.title-legende{
    font-weight: bold;
}

div.validation-btn button.validation {
    margin-bottom: 10px!important;
}

.market-your-price {
    letter-spacing: normal;
    font-weight: bold;
}

#popupMarket .modal-content {
    width: 55%;
    top: 10%;
    margin: auto;
    position: relative;
    background-color: rgba(255,255,255,0.95);
    padding: 40px;
}

#popupMarket .modal-content .courbe-bourse {
    width: 100%;
}

#popupMarket .modal-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999999;
}

#popupMarket .modal-content .button-right {
    text-align: right;
}

#popupMarket .modal-content .button-left {
    text-align: left;
}

@media (max-width: 991px) {
    #popupMarket .modal-content {
        width:95%;
    }
    #popupMarket .modal-content .button-right,
    #popupMarket .modal-content .button-left {
        text-align: center;
    }

    .unset-position {
        position: unset!important;
    }
}

#cancel-deposit {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    #popupMarket .modal-content {
        width: 90%;
      }
}


@media (max-width: 675px) {
    div.input-group.date {
        max-width: 125px!important;
    }
}

.selected-lvl {
    border: solid 3px #166956!important;
}

.selected-lvl-legend {
    font-weight: bold;
    color: #166956;
}

/* Pour safari : */
.safari-fix.col-md-6 {
    width: 49.5%!important;
}

/* ****** Pour les gestionnaires : ****** */
.gest-infos-box {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #18B8A5;
    font-weight: bold;
    margin: 10px;
    color: #ffffff;
}

#entite_select_switcher {
    max-width: 250px!important;
}

#timerModal .modal-content {
    width: 55%;
    top: 10%;
    margin: auto;
    position: relative;
    background-color: rgba(255,255,255,0.95);
    padding: 40px;
}

#timerModal .modal-content .courbe-bourse {
    width: 100%;
}

#timerModal .modal-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999999;
}

#timerModal .modal-content .button-right {
    text-align: right;
}

#timerModal .modal-content .button-left {
    text-align: left;
}

@media (max-width: 991px) {
    #timerModal .modal-content {
        width:95%;
    }

    #timerModal .modal-content .button-right,
    #timerModal .modal-content .button-left {
        text-align: center;
    }
}

.modal select {
    margin-left: 0!important;
}

@media (max-width: 768px) {
    .mobile-word-break {
        word-break: break-all;
    }
}

.tel a:hover, .tel a:focus{
    text-decoration: none;
}

.navbar-brand.tel-wrapper:hover{
    text-decoration: none;
}

header .tel-wrapper{
    width: 42%
}

.tel-home-wrapper a {
    color: white;
}

.navbar-brand.tel-home-wrapper {
    width: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 20px;
    margin-left: -100px;
}

@media (max-width: 1199px) {
    nav .logofooter img {
        max-width: 30%;
    }
}

@media (max-width: 560px) {
    .navbar-brand.tel-home-wrapper {
        font-size: 16px;
        margin-left: -90px;
    }
}

header .tel{
    font-size: 20px;
    text-align: center;
    color: #FFF;
}

header .tel a{
    color: #FFF;
    font-weight: bold;
}


nav .tel{
    position: absolute;
    bottom: inherit;
    margin: 25px 0;
    text-align: center;
    width: 100%;
}

nav .tel p{
    font-size: 24px;
    color: #C7C7C7;
}

nav .tel p a{
    color: #C7C7C7;
}

@media (max-width: 767px) {
    nav .tel {
        position: relative;
        bottom: 0;
    }
}

nav .special-link{
    text-align: center;
}

nav .special-link:before,nav .special-link:after{
    width: 20%;
    height: 10px;
    content: "";
    display: block;
    margin: 0 auto;
}

nav .special-link:before{
    border-top: solid 1px #FFFFFF;
}

nav .special-link:after{
    border-bottom: solid 1px #FFFFFF;
}

nav .special-link a{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: Raleway, "sans-serif";
    margin-left: 10px;
}

nav .compact{
    padding: 4px;
}

nav .compact.first{
    padding-top: 12px;
}

nav .compact a{
    text-transform: none !important;
}

footer .tel{
    margin-top: 20px;
    font-size: 36px;
    font-weight: bold;
    /*text-align: center;*/
}

.tel, .tel a{
    font-family: Raleway, "sans-serif";
}

.link-to-doc a {
    color: #19b8a5;
}

.lineheight-13 {
    line-height: 1.3;
}

@media (max-width: 768px) {
    .head-phone.navbar-brand.tel-home-wrapper {
        right: 70px;
        text-align: right;
    }

    .username-wrapper {
        font-size: 12px;
    }
}

@media (max-width: 560px) {
    .username-wrapper {
        max-width: 50%;
        font-size: 10px;
    }

    .head-phone.navbar-brand.tel-home-wrapper {
        font-size: 12px;
    }
}

.socials img{
    max-width: 50px;
}

.clock-container {
    top: 3%;
}

.link-to-doc a {
    color: #19b8a5;
}

@media (min-width: 768px) and (max-width: 991px) {
    .cta-porte.cta-porte-med {
        height: 100px;
        width: 100px;
    }

    .cta-porte.cta-porte-med svg.depot-ordre {
        height: 45px !important;
        margin-top: -18px;
    }

    .cta-porte.cta-porte-med::before {
        height: 100px;
        width: 100px;
    }

    .cta-porte:hover.cta-porte-med:before {
        height: 150px;
        width: 150px;
        top: -25px;
        left: -25px;
    }

    .cta-porte.cta-porte-med p {
        font-size: 14px;
    }

    .cta-porte.cta-porte-med .pr-3 {
        padding-right: 1rem;
    }

    .cta-porte.cta-porte-med .pl-3 {
        padding-left: 1rem;
    }
}

.depot-ordre-container {
    position: absolute;
    top: 350px;
    right: 35px;
}

@media (min-width: 1601px) {
    .depot-ordre-container {
        right: 70px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .depot-ordre-container {
        right: 62px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .depot-ordre-container {
        right: 53px;
    }
}

@media (max-width: 1200px) {
    .depot-ordre-container {
        right: 58px;
    }
}

@media (max-width: 992px) {
    .depot-ordre-container {
        display: none;
    }
}

.main-vendeur .clock-container {
    top: -25px;
}

.main-vendeur .depot-ordre-container {
    top: 230px;
}

/*** #4250 : Modals site tampon ***/


#popupTableau .modal-content {
    width: 55%;
    top: 10%;
    margin: auto;
    position: relative;
    background-color: rgba(255,255,255,0.95);
    padding: 40px;
}

#popupTableau .modal-content .courbe-bourse {
    width: 100%;
}

#popupTableau .modal-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999999;
}

#popupTableau .modal-content .button-right {
    text-align: right;
}

#popupTableau .modal-content .button-left {
    text-align: left;
}

@media (max-width: 991px) {
    #popupTableau .modal-content {
        width:95%;
    }
    #popupTableau .modal-content .button-right,
    #popupTableau .modal-content .button-left {
        text-align: center;
    }
}

#popupTableau .tableau{
    transform: none;
}


#popupOrdre .modal-content {
    width: 55%;
    top: 10%;
    margin: auto;
    position: relative;
    background-color: rgba(255,255,255,0.95);
    padding: 40px;
}

#popupOrdre .modal-content .courbe-bourse {
    width: 100%;
}

#popupOrdre .modal-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99999999;
}

#popupOrdre .modal-content .button-right {
    text-align: right;
}

#popupOrdre .modal-content .button-left {
    text-align: left;
}

#popupOrdre svg.depot-ordre{
    margin-top: 0;
}

@media (max-width: 991px) {
    #popupOrdre .modal-content {
        width:95%;
    }
    #popupOrdre .modal-content .button-right,
    #popupOrdre .modal-content .button-left {
        text-align: center;
    }
}