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

.btn:hover {
    color: #ffffff;
}

.btn.btn--red {
    background: #ff0000;
    text-decoration: line-through;
}

#message_no_profils, #message_no_clients, #message_no_discounts, #message_no_ca, #message_no_encours, #message_no_comptecourant, #message_no_escompteristourne {
    display: none;
}

#escompteristourne_table, #comptecourant_table, #last_two_years {
    display: none;
}

.warning-alert {
    display: none;
}

#alrtimport, #alrtimport_ko {
    padding: 30px;
    background: #00a078;
    color: #fff;
}

.hidden {
    display: none;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.command .action {
    text-align: right;
}

.green {
    color: #00a078;
}

.center {
    text-align: center;
}

#header #main-menu .menu .sub-menu li a {
    vertical-align: middle;
}

.main-form .search-wrapper input[type="submit"]:hover {
    box-shadow: 0 2px 3px 0 #363c5a;
}

#sidebar .close::after, #sidebar .close::before {
    border: 1px solid #000000 !important;
}

.row {
    float: left;
    width: 98%;
}

.col-md-4 {
    width: 30.333333%;
    float: left;
    margin-right: 3%;
}

.col-md-3 {
    width: 25%;
    float: left;
    margin-right: 3%;
}

.col-md-6 {
    width: 47%;
    float: left;
    margin-right: 3%;
}

.bills .main-form .small-hidden .btn--filter {
    width: 100px;
    float: left;
}

.filter-mobile.opened {
    height: 600px;
}

.filter-mobile {
    height: 100%;
}

/* blockingOutstandingCeilingMsg */
.commande .blockingOutstandingCeilingMsg {
    margin-top: 20px;
}

.basket .blockingOutstandingCeilingMsg {
    margin-bottom: 20px;
}

.blockingOutstandingCeilingMsg i, .blockingOutstandingCeilingMsg p {
    margin: 0;
    vertical-align: middle;
}

#main-search .blockingOutstandingCeilingMsg p {
    max-width: 100%;
}

.basket .blockingOutstandingCeilingMsg p {
    max-width: 100%;
}

.commande .blockingOutstandingCeilingMsg p {
    max-width: 100%;
}

.blockingOutstandingCeilingMsg i {
    margin-right: 5px;
}

@media screen and (max-width: 960px) {
    .commande .blockingOutstandingCeilingMsg p {
        max-width: 80%;
    }
}

@media screen and (max-width: 540px) {
    #main-search .blockingOutstandingCeilingMsg p {
        max-width: 80%;
    }
}

/* correctifs suite ajout lib complete bootstrap 3.3.7 */
#filters_form .checkbox {
    display: inline-block !important;
}

label {
    font-weight: 300 !important;
}

p.small-hidden {
    margin-top: 16px;
    margin-bottom: 16px;
}

.checkbox input[type="checkbox"] + label {
    padding-top: 0;
}

.checkbox input[type="checkbox"] + label::before {
    top: -3px;
}

#header #main-menu .shopping-cart .toggle-sidebar .with-article::after {
    width: 11px;
    height: 11px;
    border-radius: 8px;
}

.breadcrumb {
    background-color: transparent;
}

/* panier */
.product-popin .price-ht, .product-table .price-ht {
    margin-top: 0;
}

.product-table .price-ht {
    display: block;
}



.product-table .price-ht a {
    float: right;
}

#page-top .wrapper-valid-command h2 {
    margin-bottom: 0;
}

#page-top .wrapper-valid-command {
    margin-bottom: 10px;
}

.basket tbody tr:nth-child(n+10) {
    display: none;
}

#block-panier ul li:nth-child(n+31) {
    display: none;
}

.region #main-buttons {
    margin-top: 30px;
}

.region .col-md-12 {
    margin-top: 20px;
}

.profil .create-user {
    margin-bottom: 20px;
    white-space: normal;
}

.profil .row {
    margin-bottom: 20px;
}

.title-field {
    min-width: 210px;
}

.contact-form .form-control {
    margin-bottom: 15px;
}

.contact-form .form-message {
    margin-top: 15px;
}

input[type="email"] {
    border-radius: 4px;
    border: 1px solid #dadada;
    padding: 10px 5px;
}

.form-button:disabled {
    background: #ccc;
}

.product-table.promos-table td {
    padding: 5px 10px;
}

.product-table.command-table td + td {
    border-left: none;
}

.infos-commandes i, .infos-commandes p {
    margin: 0;
    vertical-align: middle;
}

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

.infos-commandes i {
    margin-right: 10px;
}

.infos-commandes p {
    max-width: 85%;
}

.infos-commandes-text-helper {
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    text-align: left;
}

.main-content .commande {
    margin-bottom: 20px;
}

.main-content .commande h3 {
    font-family: Gotham;
    color: #363c5a;
    font-size: 2rem;
    margin-top: 10px;
    font-weight: 500;
}

.product-table h3 {
    margin-bottom: 0;
}

.product-table td.colisage {
    max-width: 300px;
}

.upload-file {
    padding: 20px 50px;
}

#promotions h2 {
    margin-bottom: 5px;
    text-decoration: underline;
    color: white;
}

#promotions {
    padding: 5px;
}

#promotions table td, #promotions table th {
    padding: 5px 50px;
}

#promotions .btn {
    margin: 10px 0 60px;
}

#leftside .product table td {
    padding: 8px 25px;
}

#leftside .product h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

#leftside h2 {
    margin-bottom: 40px;
}

.main-form .search-wrapper .suggest ul li a.hover {
    background: #dadada;
}

.main-form .search-wrapper .suggest ul li a:hover { /* appel individuel necessaire sous peine de ne pas être pris en compte */
    color: #363c5a !important;
}

#loader {
    padding: 8px 0;
    display: none;
}

.status.status--pa {
    color: #FF8C00;
    border: 2px solid #FF8C00;
    padding-right: 17px;
}

.factures .action {
    float: right;
    margin: 20px 0px;

}

.factures .buttons {
    width: 100%;
}

.factures p.filter-button {
    border-left: none !important;
    margin-top: 20px;
    margin-left: auto !important;
}

.avoir_label {
    font-weight: 500;
    margin-left: 40px;
}

.bills .main-form .factures .btn--filter {
    margin: 0px;
    text-transform: none;
}

#SearchTable .product-label {
    cursor: pointer;
}

.product-table.table-reduce td {
    padding: 10px;
}

#leftside.alone {
    padding: 0;
}

.dci {
    color: #36b7c4;
}

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

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

.close {
    opacity: 1 !important;
}

.menu-mobile .sub-menu .close {
    float: none;
    background: transparent;
    border: none;
    font-family: Gotham;
    font-weight: 700;
    letter-spacing: 1px;
    color: #a5aab4;
    padding: 21px 18px;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.menu-mobile-link .close {
    float: none;
}

.orders_table tr.yellow_bg:nth-child(even) {
    background: #f8ff8c;
}

.orders_table tr.yellow_bg:nth-child(odd) {
    background: #fbffbf;
}

.orders_table tr.red_bg:nth-child(even) {
    background: #e2a79f;
}

.orders_table tr.red_bg:nth-child(odd) {
    background: #e8b9b3;
}

@media screen and (max-width: 960px) {
    #page-top {
        padding: 10px 15px 10px;
    }

    .command-popin-success .labelTitle {
        color: #00a078;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.6rem;
        font-family: Gotham;
    }

    .command-popin-success .btn {
        white-space: normal;
    }
}

@media (min-width: 961px) {
    #page-top {
        padding: 30px 48px 10px;
    }

    #leftside.alone {
        padding-top: 40px;
    }

    .command {
        padding: 16px 48px;
    }
}

#page-top.home {
    background: url(../img/bandeau-home.jpg) no-repeat;
}

.home .contact {
    background: url(../img/contact-home.jpg) no-repeat;
}

#leftside .img-pharma {
    margin: 0;
}

.home .title .big {
    font-size: 40px;
}

.home .title {
    color: #00a078;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 0;
}

.product-popin tbody tr:nth-child(odd), .product-table tbody tr:nth-child(odd) {
    background-color: #e2e2e2;
}

.home .main-form {
    margin-top: 10px;
    padding-bottom: 0;
}

.home .main-form div {
    padding-top: 0;
    padding-bottom: 0;
}

.main-form > div {
    margin-top: 10px;
}

#drop-zone div p {
    margin-top: 0;
    margin-bottom: 0;
}

#footer a.logo_cfao img {
    height: 19px;
}

/* correctif hauteur articles dans table de products */
.product-popin td, .product-table td {
    padding: 10px;
}

.product-table .promo {
    float: none;
}

.product-table .code {
    margin: 0 0 0 0;
}

.product-table .product-detail {
    margin: 0;
}

.product-table .product-detail li {
    margin-top: 0;
    margin-bottom: 0;
}

.product-table tr p {
    margin-bottom: 0;
}

.product-table .advantage {
    margin-bottom: 0;
}

/* correctif taille typo avantages */
.product-popin .advantage, .product-table .advantage {
    font-size: 1.2rem;
}

/* correctif taille typo prix liste articles */
.product-popin .price, .product-table .price {
    font-size: 1.6rem;
}

td.popin-center .promo.small-hidden {
    float: none;
}

.basket h3 {
    margin-left: 0;
}

.no_promotion {
    height: 60px;
}

.plafond_encours {
    font-weight: bold;
    color: #F31627;
    line-height: 20px;
    font-size: 12px;
    display: inline-block;
    text-align: left;
    margin: 0 8px 12px 8px;
}

/*****---FOS user error message ----****/
.fos_user_error {
    font-weight: bold;
    color: #F31627;
    font-size: 14px;
    margin-top: 18px;
}

@media screen and (max-width: 960px) {
    .fos_user_error {
        font-size: 14px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .home .main-form {
        margin-top: 10px;
        padding-bottom: 0;
    }
    .main-form > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 540px) {
    .fos_user_error {
        font-size: 12px;
    }
}

/* panneau d'administration */
#emailAccountantsTable th {
    width: 20%;
    padding-right: 10px;
}

#emailAccountantsTable td {
    width: 80%;
    padding-right: 10px;
}

td#emailAccountantsList {
    padding-right: 0;
}

#emailAccountantsList div.emailAccountant-input {
    margin-bottom: 4px;
    display: block;
    vertical-align: middle;
    padding: 0;
}

#emailAccountantsList div.emailAccountant-input:nth-child(even) {
    margin-right: 0;
}

#emailAccountantsList div.emailAccountant-input input {
    float: left;
    margin: 0;
}

#emailAccountantsList a.delete {
    margin-left: 4px;
}

#emailAccountantsList .delete .icon-svg {
    height: 24px;
    width: 16px;
    margin: 0;
}

#emailAccountantsList a.delete:hover .icon-svg {
    fill: #cc0000;
}

#addEmailAccountantsBtn a {
    color: #00a078;
}

#addEmailAccountantsBtn a:hover {
    color: #006d52;
}

#addEmailAccountantsBtn td {
    text-align: center;
    font-weight: 400;
    font-size: 1.6rem;
    color: #363c5a;
    font-family: Gotham;
    line-height: 1.3125;
    padding-top: 10px;
}

#addEmailAccountantsBtn i.fa.fa-2x.fa-plus-circle {
    vertical-align: middle;
    margin-right: 10px;
}

/*----- LOADER -----*/
.cssload-loader {
    display: block;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    position: relative;
    border: 2px solid rgb(156, 157, 159);
    border-radius: 2px;
    animation: cssload-loader 4s infinite ease;
    -o-animation: cssload-loader 4s infinite ease;
    -webkit-animation: cssload-loader 4s infinite ease;
    -moz-animation: cssload-loader 4s infinite ease;
}

.cssload-loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: rgb(156, 157, 159);
    animation: cssload-loader-inner 4s infinite ease-in;
    -o-animation: cssload-loader-inner 4s infinite ease-in;
    -webkit-animation: cssload-loader-inner 4s infinite ease-in;
    -moz-animation: cssload-loader-inner 4s infinite ease-in;
}

@keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(180deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes cssload-loader-inner {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

@-o-keyframes cssload-loader-inner {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

@-ms-keyframes cssload-loader-inner {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

@-webkit-keyframes cssload-loader-inner {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

@-moz-keyframes cssload-loader-inner {
    0% {
        height: 0;
    }
    25% {
        height: 0;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0;
    }
}

/*****---END LOADER----****/

@media screen and (min-width: 960px) {
    .contact-form .form-control.message {
        width: 500px;
        height: 200px
    }

    .contact-form .title-field.message {
        line-height: 200px;
        vertical-align: top;
    }

    /*****---data-tooltip----***/
    [data-tooltip] {
        display: inline-block;
        position: relative;
    }

    /* Tooltip styling */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #000;
        color: #fff;
        padding: 4px 4px;
        font-size: 12px;
        line-height: 1.4;
        min-width: 100px;
        text-align: center;
        border-radius: 20px;
    }

    /* Dynamic horizontal centering */
    [data-tooltip-position="top"]:before,
    [data-tooltip-position="bottom"]:before {
        left: 50%;
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /* Dynamic vertical centering */
    [data-tooltip-position="right"]:before,
    [data-tooltip-position="left"]:before {
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    [data-tooltip-position="top"]:before {
        bottom: 100%;
        margin-bottom: 6px;
    }

    [data-tooltip-position="right"]:before {
        left: 100%;
        margin-left: 6px;
    }

    [data-tooltip-position="bottom"]:before {
        top: 100%;
        margin-top: 6px;
    }

    [data-tooltip-position="left"]:before {
        right: 100%;
        margin-right: 6px;
    }

    /* Tooltip arrow styling/placement */
    [data-tooltip]:after {
        content: '';
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        border: solid transparent;
    }

    /* Dynamic horizontal centering for the tooltip */
    [data-tooltip-position="top"]:after,
    [data-tooltip-position="bottom"]:after {
        left: 50%;
        margin-left: -6px;
    }

    /* Dynamic vertical centering for the tooltip */
    [data-tooltip-position="right"]:after,
    [data-tooltip-position="left"]:after {
        top: 50%;
        margin-top: -6px;
    }

    [data-tooltip-position="top"]:after {
        bottom: 100%;
        border-width: 6px 6px 0;
        border-top-color: #000;
    }

    [data-tooltip-position="right"]:after {
        left: 100%;
        border-width: 6px 6px 6px 0;
        border-right-color: #000;
    }

    [data-tooltip-position="bottom"]:after {
        top: 100%;
        border-width: 0 6px 6px;
        border-bottom-color: #000;
    }

    [data-tooltip-position="left"]:after {
        right: 100%;
        border-width: 6px 0 6px 6px;
        border-left-color: #000;
    }

    /* Show the tooltip when hovering */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        display: block;
        z-index: 50;
    }
}

/*****---END data-tooltip----***/

@media screen and (min-width: 540px) and (max-width: 960px) {

    #leftside .product table td.txtright {
        text-align: right;

    }

    .smallTable {
        width: 100%;
    }

    .smallTable td {
        display: inline-table;
        width: 49%;
        padding-top: 0px !important;
    }

    .product-popin .smallTable td + td {
        border: none;
    }

    #sidebar {
        z-index: 10;
    }

    .contact-form .form-control.message {
        height: 200px
    }

    .contact-form .form-control {
        min-width: 100%;
    }

    .bills .main-form .factures .btn--filter {
        margin: 20px 5px;
    }

    .basket .product-line .total {
        color: #9c9d9f;
        width: auto;
    }

    #filter.opened .filter-wrapper {
        display: block;
    }

    #filter .filter-wrapper {
        display: none;
    }
}

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


    .avoir_label {
        margin-left: 8px;
    }

    table.product-table.basket {
        margin-right: 10px;
    }

    table.product-table td {
        padding: 10px 4px;
    }

    .command table.product-table .status {
        margin-right: 4px;
    }

    .basket table.product-table .status {
        margin-right: 0;
    }

    .wrapper-valid-command button.btn.btn--green.valid-order {
        width: 290px;
    }

    .wrapper-btn-bottom button.btn.btn--green.valid-order {
        width: 270px;
    }

    /* aligne la liste des agance sur la page de connexion des comptes */
    .principal-list select, button#validateSendOrderButton {
        margin-left: 15px;
    }
}

/*****--- admin/add-user form ----***/
#group_and_profil select {
    width: 50%;
}

.alert-password {
    display: none;
    background-color: #006d52;
    color: white;
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 5px 4px 5px rgba(32, 132, 37, 0.6);
}

/*****--- END admin/add-user form ----***/

/* sbgts 20181128 */
body {
    background: #C0C0C0;
}

#page {
    max-width: none !important;
    background: #FFFFFF;
    /* max-width: 110em ; */
}

#header {
    max-width: none !important;
    float: left;
    /*  max-width: 110em ;  */
}

#contenu {
    /*   max-width: 110em;*/
    max-width: 84em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slideshow-container {
    display: block !important;
    margin-left: auto !important;

    margin-right: auto !important;
}

label.text-capitalize {
    color: black;
}

label {
    color: black;
}

span.price {
    color: white;
}

span.date {
    color: white;
}

#promotions a {
    color: white;
}

#leftside > div {
    margin-top: -5px;
}

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

#sidebar {
    top: auto;
    height: auto;
}

div#drop-zone {
    border: 1px dashed #a5aab4;
}

.upload-file::before,
.upload-file::after {
    background-image: None !important;
}

div#drop-zone:hover {
    border: 1px dashed #36b7c4;
}
div#block-panier {
    overflow: auto;
    height: 31rem;
}
#sidebar .basket .btn{
    margin-top: 0;
    margin-bottom: 30px;
}
#sidebar .basket {
	padding-top: 19px !important
}

_:-ms-fullscreen, :root .header-auth {
    position: relative;
}

_:-ms-fullscreen, :root #connect-register{
    width: 100%;
}

_:-ms-fullscreen, :root  #page{
    padding-top: inherit;
}

_:-ms-fullscreen, :root .shopping-cart{
    margin-left:auto;
}

_:-ms-fullscreen, :root .main-form{
   width: 100%;
}
a.ProduitsSubstitution:hover {
    text-decoration: underline;
    color: #36b7c4;
} 
a.ProduitsSubstitution {
    color: #36b7c4;
} 
.price.price-ht {
    text-align: center;
}
#leftside img {
    margin-bottom:0px;
}