@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

html {
    height: 100%;
}

* {
    margin: 0;
}

body {
    min-height: 100%;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

@media (min-width:320px) and (max-width: 767px) { /* smartphones, iPhone, portrait 480x320 phones */
    .modal-dialog-mobile {
        margin: 30px auto;
    }
}

@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .table-commercial-stats-crm .com {
        display: none;
    }

    #PartnerRelationshipUpdatePanel .statsSheetBtnContainer {
        height: 100%;
        flex-direction: row;
    }
}

@media (min-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .table-partner-events .com {
        display: none;
    }
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
}


@media (min-width: 768px) and (max-width: 992px) {
    .commercial .stats-crm .field label {
        width: 150px !important;
    }

    .commercial .stats-crm .submitButton {
        margin-left: 165px !important;
        margin-top: 10px;
    }
}

@media (min-width:1201px) {
    .admin-menu-tab, .navbar-header-mobile .burger {
        display: none;
    }

    .marchandises .vat .btn {
        padding-left: 6px;
    }

    #divMainContent.config #BusinessPanelContainer {
        margin-bottom: 7rem;
    }
}

@media (max-width:1200px) {
    .admin-menu-tab {
        display: none;
    }

    h4 {
        font-size: 17px;
    }

    .refundContainer .field {
        flex-direction: column;
    }

    .refundInfo .field.idCBType {
        padding-top: 15px !important;
    }

    .marchandises .vat .btn {
        padding-left: 6px;
    }

    .Benchmark {
        margin-top: 90px;
    }
}

@media (max-width: 690px) { /* Landscape phones and portrait tablets */
    #leftMenu {
        display: none;
    }

    .admin-menu-tab {
        display: block;
    }


    h4 {
        font-size: 17px;
    }

    .idCBType {
        display: none !important;
    }

    .refundInfo .field label {
        padding-top: 0px !important;
    }


    .selectpicker.btn {
        padding: 5px 9px;
        line-height: 1;
        min-height: 28px;
    }

    .idPaymentMode .selectpicker.btn {
        padding: 3px 9px;
    }

    .idRefundMode .selectpicker.btn {
        padding: 3px 9px;
    }

    .selectpicker.btn .filter-option {
        padding-top: 3px;
    }

    .selectpicker.btn .efs-icon {
        margin-top: -5px;
    }

    .addSubPartner.btn {
        padding: 3px 9px;
    }


    .table-partner-events tr td {
        font-size: 12px;
    }

    .table-partner-events .date {
    }

    .table-partner-events .shop {
    }

    .table-partner-events .categoryType {
        display: none;
    }

    .table-partner-events .wayType {
        display: none;
    }

    .table-partner-events .goalType {
        display: none;
    }

    .table-partner-events .more {
    }

    .table-partner-events .action {
    }

    .stats-ca .commercialForm {
        min-height: initial !important;
    }

    .table-stats-ca-commercial .installBoxes {
    }

    .table-stats-ca-commercial .installOnline {
    }

    .table-stats-ca-commercial .installSafe {
    }

    .table-stats-ca-commercial .installAll {
    }

    .table-commercial-partner-info tr td {
        font-size: 12px;
    }
}

@media (max-width: 690px) {
    .copyrightFooter {
        padding-top: 1.2rem;
        text-align: center;
        float: none !important;
        margin: 0 auto;
    }
}

@media (max-width: 767px) { /* Landscape phones and portrait tablets */
    .form-signin {
        margin: 0 auto;
    }

    .copyright {
        padding-top: 1.2rem;
        text-align: center;
        float: none !important;
        margin: 0 auto;
    }

    .refundContainer.uk, .refundContainer.empty {
        min-height: 0px !important;
    }

    .selectpicker.btn {
        padding: 4px 9px;
        line-height: 1;
    }

        .selectpicker.btn .filter-option {
            padding-top: 4px;
        }

        .selectpicker.btn .efs-icon {
            margin-top: -5px;
        }

    .infoErrorContainer {
        margin: 0 12px;
    }

    .step1 { /*max-width: 450px;*/
        margin: 0 12px;
    }

    .step2 { /*max-width: 450px;*/
        margin: 0 12px;
    }

        .step2 .daContainer {
            margin-top: 25px;
        }

    .table-partner-events .date {
    }

    .table-partner-events .shop {
    }

    .table-partner-events .categoryType {
        display: none;
    }

    .table-partner-events .wayType {
        display: none;
    }

    .table-partner-events .goalType {
        display: none;
    }

    .table-partner-events .more {
    }

    .table-partner-events .action {
    }

    /*    .stats-crm .adminForm {
        height: 260px !important;
    }*/

    .stats-crm .field label {
        width: 140px !important;
    }

    .stats-crm .submitButton {
        margin-left: 155px !important;
        margin-top: 10px;
    }

    .table-commercial-stats-crm .categoryType {
        display: none;
    }

    .table-commercial-stats-crm .contact_interest {
        display: none;
    }

    .table-commercial-stats-crm .potentialShop {
        display: none;
    }

    .stats-ca .commercialForm {
        min-height: initial !important;
    }

    .table-stats-ca-commercial .installBoxes {
        display: none;
    }

    .table-stats-ca-commercial .installOnline {
        display: none;
    }

    .table-stats-ca-commercial .installSafe {
        display: none;
    }

    .table-stats-ca-commercial .installAll {
        display: table-cell !important;
    }

    .table-contacts tr .columnLastname {
        display: none;
    }

    .table-contacts tr .columnFirstname {
        display: none;
    }

    .table-contacts tr .columnFunction {
        display: none;
    }

    .table-contacts tr .columnInformationTel {
        display: none;
    }

    .table-contacts tr .columnInformationMail {
        display: none;
    }

    .table-contacts tr td.columnAllInOne {
        display: table-cell !important;
    }

    .table-contacts tr th.columnAction {
        display: none;
    }

    .table-contacts tr td.columnAction {
        display: table-cell !important;
    }

    .table-commercial-partner-info tr .columnTitle {
        display: none;
    }

    .table-commercial-partner-info tr .columnVat {
        display: none;
    }

    #devInfoToolbar {
        display: none !important;
    }
}

@media (max-width: 640px) { /* Landscape phones and portrait tablets */
    .planning .table-partner-events .commercial {
        display: none;
    }

    .adminPartner .tt-menu {
        width: 220px !important;
    }
}

@media (max-width: 480px) { /* Landscape phones and smaller */

    .form-signin {
        margin: 0 auto;
    }

    .promo {
        display: none;
    }

    .copyright {
        padding-top: 1.2rem;
        text-align: center;
        float: none !important;
        margin: 0 auto;
    }


    #sheetModal .btnDefault--noBorder {
        flex-direction: column;
        font-size: 14px;
    }

    #sheetModal .btnControlsContainer > .btnControls {
        padding-bottom: 1rem;
    }

    #sheetModal .btnDefault--noBorder .svgBox {
        padding-right: 0;
        padding-bottom: 1rem;
        width: 20px;
    }

    #sheetModal .modal-body .media {
        height: 30vh;
    }

    #clickHerePdfDocument {
        display: flex;
        justify-content: flex-end;
    }
    /*        #sheetModal .modal-body {
            display: none;
        }*/
    .partnerManagement .step1 .buttonBar .btn {
        max-width: 90px;
    }

    .partnerManagement .step2 .buttonBar .btn {
        max-width: 90px;
    }

    .partnerManagement .step3 .buttonBar .btn {
        max-width: 90px;
    }

    .partnerManagement .step4 .buttonBar .submitButton {
        margin: 0 auto;
        float: none;
    }

    .contactUs .buttonBar .submitButton {
        margin: 0 auto;
        float: none;
    }


    .language .row a {
        margin-left: 50px !important;
    }

    .planning {
        font-size: 11px;
    }

        .planning .adminForm {
            padding-right: 5px;
            padding-left: 5px;
        }

        .planning .field label {
            width: 100px !important;
        }

        .planning .submitButton {
            margin-left: 115px !important;
        }

        .planning .form-control {
            font-size: 11px !important;
        }

        .planning .btn {
            font-size: 11px !important;
        }

        .planning .dropdown-menu {
            font-size: 11px !important;
        }

        .planning .panel-title {
            font-size: 11px !important;
        }

        .planning .panel-heading {
            padding: 5px 7px;
        }

        .planning .panel-body {
            padding: 5px;
        }

        .planning .calendar-buttonbar h4 {
            font-size: 11px !important;
        }

        .planning #calendar {
            font-size: 11px !important;
        }

        .planning .calendar-buttonbar .btn-group {
            margin-left: 5px !important;
        }

        .planning .table-partner-events {
            font-size: 11px !important;
        }

            .planning .table-partner-events th {
                padding: 4px;
                font-size: 11px;
            }

            .planning .table-partner-events td {
                padding: 4px;
                font-size: 11px;
            }

            .planning .table-partner-events .contact {
                display: none;
            }

    .stats-suivi {
        font-size: 11px;
    }

        .stats-suivi .adminForm {
            padding-right: 5px;
            padding-left: 5px;
        }

        .stats-suivi .field label {
            width: 100px !important;
        }

        .stats-suivi .submitButton {
            margin-left: 115px !important;
        }

        .stats-suivi .form-control {
            font-size: 11px !important;
        }

        .stats-suivi .btn {
            font-size: 11px !important;
        }

        .stats-suivi .dropdown-menu {
            font-size: 11px !important;
        }

        .stats-suivi .commercialForm {
            min-height: initial !important;
        }

        .stats-suivi .table-stats-ca-commercial .columnCat {
            max-width: 35px !important;
        }

        .stats-suivi .columnNbShopActiveOnPeriod {
            display: none;
        }

        .stats-suivi .table-pe-aggregate {
            font-size: 11px !important;
        }

            .stats-suivi .table-pe-aggregate th {
                padding: 4px;
            }

            .stats-suivi .table-pe-aggregate td {
                padding: 4px;
            }

        .stats-suivi .table-pe-aggregate-bypartners {
            font-size: 11px !important;
        }

            .stats-suivi .table-pe-aggregate-bypartners th {
                padding: 4px;
            }

            .stats-suivi .table-pe-aggregate-bypartners td {
                padding: 4px;
            }

    .stats-crm {
        font-size: 11px;
    }


        .stats-crm .field label {
            width: 100px !important;
        }

        .stats-crm .submitButton {
            margin-left: 115px !important;
        }

        .stats-crm .form-control {
            font-size: 11px !important;
        }

        .stats-crm .btn {
            font-size: 11px !important;
        }

        .stats-crm .dropdown-menu {
            font-size: 11px !important;
        }

    .table-commercial-stats-crm {
        font-size: 11px !important;
    }

        .table-commercial-stats-crm .com {
        }

        .table-commercial-stats-crm .commercial {
            display: none;
        }

        .table-commercial-stats-crm .categoryType {
            display: none;
        }

        .table-commercial-stats-crm .contact_interest {
            display: none;
        }

        .table-commercial-stats-crm .potentialShop {
            display: none;
        }

    .stats-ca {
        font-size: 11px;
    }

        .stats-ca .adminForm {
            padding-right: 5px;
            padding-left: 5px;
        }

        .stats-ca .field label {
            width: 100px !important;
        }


        .stats-ca .form-control {
            font-size: 11px !important;
        }

        .stats-ca .btn {
            font-size: 11px !important;
        }

        .stats-ca .dropdown-menu {
            font-size: 11px !important;
        }

        .stats-ca .commercialForm {
            min-height: initial !important;
        }

    .table-stats-ca-global {
        font-size: 11px !important;
    }

    .table-stats-ca-commercial {
        font-size: 11px !important;
    }

        .table-stats-ca-commercial .installBoxes {
            display: none;
        }

        .table-stats-ca-commercial .installOnline {
            display: none;
        }

        .table-stats-ca-commercial .installSafe {
            display: none;
        }

        .table-stats-ca-commercial .installAll {
            display: table-cell !important;
        }

    .modalPartnerEventFocus .table-statsInfos .wayType {
        display: none;
    }

    .modalPartnerEventFocus .table-statsInfos .goalType {
        display: none;
    }

    #devInfoToolbar {
        display: none !important;
    }

    .adminPartner .tt-menu {
        width: 220px !important;
    }
}

body {
    background-color: #fff;
    padding-right: 0 !important;
}

    body .efscontainer {
        background-color: #ffffff;
        height: 100%;
        position: relative;
    }

    body.light {
        background-color: #ffffff !important;
    }

        body.light .efscontainer {
            padding-top: 10px !important;
        }

#main-nav {
    padding-right: 0 !important;
    line-height: 1.2;
}

/* ********************** */
/*         navbar         */
/* ********************** */
.navbar {
    background: #15191e;
    margin: 0;
    position: fixed;
    width: 100%;
}

.nav.navbar-nav:last-child {
    min-height: 175px;
}

.nav-container {
    width: 100%;
    height: 100%;
}

.navbar-collapse.collapse.in,
.navbar-collapse.in {
    background: #15191e;
    min-height: 100vh;
    display: block;
}

#PartnerRelationshipUpdatePanel {
    max-width: 100vw;
}

    #PartnerRelationshipUpdatePanel .collapse.in, .adminPartnerActivity .collapse.in {
        min-height: fit-content;
    }

.adminForm .idExistingShopName {
    display: flex;
}


.Benchmark {
    padding: 0 15px;
    width: 100%;
    margin: 90px 0;
}

    .Benchmark > h3 {
        margin-top: 0;
    }

    .Benchmark #history-db {
        overflow: scroll;
    }


.nav.navbar-nav li.active,
.nav.navbar-nav li.active a,
.nav.navbar-nav li.active a:hover,
.nav.navbar-nav li a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a {
    color: #84BD00;
    background-color: transparent;
    background-image: none;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a {
    background-color: #15191e !important;
    background-image: none !important;
    box-shadow: none !important;
}

.navbar .container .navbar-header-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*LOGO SOLPAY*/
.navbar a.navbar-brand {
    padding: 0;
    display: flex;
    height: 100%;
}

    .navbar a.navbar-brand img {
        width: 112px;
        object-fit: contain;
    }
/* ********************** */

.navbar-fixed-top {
    border-width: 0 !important;
}

.nav.navbar-nav li {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    padding: 12px 0;
    text-transform: uppercase;
    text-align: center;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.nav.navbar-nav .last-element-header a {
    color: #9d9d9d;
    text-decoration: none;
    display: flex;
    justify-content: center;
    line-height: normal;
    align-items: center;
}

.nav.navbar-nav .last-element-header {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    padding: 22px 0;
}

    .nav.navbar-nav .last-element-header .partner-text {
        color: #9d9d9d;
        font-size: 12px;
        font-weight: 300;
        padding-top: 0.5rem;
    }

    .nav.navbar-nav .last-element-header .logout {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .nav.navbar-nav .last-element-header .svgBox {
        height: 20px;
        display: flex;
    }

.nav.navbar-nav .dropdown-toggle .burger-icon {
    margin: 0 .5rem;
}

.glyphicon-cog::before, .glyphicon-user::before {
    height: 16px;
}


.nav.navbar-nav .dropdown.open .dropdown-menu > li > a:hover {
    color: #84BD00;
}

.nav.navbar-nav .dropdown.open .dropdown-menu > li {
    padding: 0;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .navbar-nav {
        float: none !important;
    }

    .nav.navbar-nav .dropdown.open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .nav.navbar-nav .dropdown.open .dropdown-menu:hover {
            position: static;
        }


        .nav.navbar-nav .dropdown.open .dropdown-menu > li > a {
            color: #9d9d9d;
        }

    .navbar .navbar-nav .open .dropdown-menu > li.active > a {
        color: #84BD00
    }


    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }


    .navbar-nav > li {
        float: none;
    }

        .navbar-nav > li > a {
            padding: 10px 0;
            padding-top: 10px;
        }

    .navbar-form.form-inline {
        display: inline-block;
        border-color: transparent;
        margin: 4px;
        padding: 5px;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}


.logoutGreen {
    display: none;
}

.last-element-header:hover .logoutGrey {
    display: none;
}

.last-element-header:hover .logoutGreen {
    display: flex;
}

.last-element-header:hover #ctl37_LogoutLinkButton {
    color: #84BD00;
}

@media (min-width: 1201px) {
    .navbar-fixed-top .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1150px;
        width: 100%;
    }

        .navbar-fixed-top .container:before {
            display: none;
        }

        .navbar-fixed-top .container:after {
            display: none;
        }

    .navbar-collapse.collapse.in {
        min-height: fit-content;
    }

    .nav.navbar-nav {
        display: flex;
        align-items: center;
        gap: 2.4rem;
        padding: 0 5rem;
    }

        .nav.navbar-nav:last-child {
            min-height: fit-content;
            gap: 0;
            padding: 0;
        }

        .nav.navbar-nav > li {
            height: 80px;
        }

        .nav.navbar-nav li:hover {
            border-bottom: 3px solid #84BD00;
            box-sizing: border-box;
        }

    .dropdown.open .dropdown-menu {
        top: 90px;
        left: -30px;
        width: fit-content;
    }

        .dropdown.open .dropdown-menu > li.active a, .dropdown.open .dropdown-menu > li:hover {
            border-bottom: none;
        }

    .nav.navbar-nav li {
        padding: 0px;
    }

        .nav.navbar-nav li > a {
            height: inherit;
            display: flex;
            align-items: center;
            padding: 0;
        }

    .nav.navbar-nav .last-element-header {
        flex-direction: row;
        align-items: center;
        height: 80px;
        border-top: none;
        box-shadow: none;
    }

    .navbar-collapse, .nav.navbar-nav .last-element-header {
        border-top: none;
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
/* ******************************************** */
.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.efscontainer {
    position: relative;
    overflow: hidden;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}
/* ********************** */
/*         form           */
/* ********************** */
.container.theme-showcase {
    margin-bottom: 30px;
}


.form-control {
    text-overflow: ellipsis;
}
/* ********************** */
/*      form - signin     */
/* ********************** */

.form-signin {
    max-width: 330px;
}

    .form-signin .form-signin-heading, .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        font-weight: normal;
        display: none;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        padding: 10px;
        font-size: 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.form-signin-heading {
    font-size: 60px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
/* ********************** */
/*       Maintenance      */
/* ********************** */
.maintenance {
    background-color: #eeeeee;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.maintenanceTitle {
    text-align: center;
    font-size: 24px;
    color: #333333;
    padding-bottom: 35px;
    padding-top: 25px;
}

.maintenanceImg {
    text-align: center;
}

.maintenanceDescription {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999999;
    padding-bottom: 25px;
    padding-top: 25px;
    width: 80%;
}

.maintenanceErrorNumber {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #999999;
}
/* ********************** */
/*         addon          */
/* ********************** */
.addon {
    background-color: #3c3c3c; /*#8c8c8c*/
    min-height: 100px;
}

    .addon .line {
        min-height: 100px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0 auto;
        width: 50%;
        max-width: 500px;
    }

        .addon .line .img {
            position: relative;
            float: left;
            margin-right: 15px;
        }

        .addon .line .slogan {
            top: 10px;
            position: relative;
            font-size: 20px;
            color: #f16e00;
            top: 25px;
            margin-left: 130px;
            font-size: 18px;
            font-weight: 300;
            font-style: italic;
        }
/* ********************** */
/*         promo          */
/* ********************** */
.promo {
    background-color: #ffffff;
    border-top: 20px solid #ffffff; /*0px solid #3c3c3c; #8c8c8c*/
}

.efs-promo {
    min-height: 200px;
}

    .efs-promo a {
        display: block;
        min-height: 200px;
        font: 0/0 a;
        color: transparent;
        background-position: top center;
    }
/*
:lang(en_en) .efs-promo .promo-android { background-size: 500px 200px; background-image: url("../Images/en/promo_android.png"); }
:lang(en_en) .efs-promo .promo-backoffice { background-size: 500px 200px; background-image: url("../Images/en/promo_backoffice.png"); }
*/
:lang(en_en) .efs-promo .promo-android {
    background-size: 500px 200px;
    background-image: url("../Images/fr/promo_android.jpg");
}

:lang(en_en) .efs-promo .promo-backoffice {
    background-size: 500px 200px;
    background-image: url("../Images/fr/promo_backoffice.jpg");
}

:lang(en_en) .efs-promo .promo-shopping {
    background-size: 500px 200px;
    background-image: url("../Images/promo-shopping.jpg");
}

:lang(en_en) .efs-promo .promo-croissance {
    background-size: 500px 200px;
    background-image: url("../Images/promo-croissance.png");
}

:lang(fr_fr) .efs-promo .promo-android {
    background-size: 500px 200px;
    background-image: url("../Images/fr/promo_android.jpg");
}

:lang(fr_fr) .efs-promo .promo-backoffice {
    background-size: 500px 200px;
    background-image: url("../Images/fr/promo_backoffice.jpg");
}

:lang(fr_fr) .efs-promo .promo-shopping {
    background-size: 500px 200px;
    background-image: url("../Images/promo-shopping.jpg");
}

:lang(fr_fr) .efs-promo .promo-croissance {
    background-size: 500px 200px;
    background-image: url("../Images/promo-croissance.png");
}

/* ********************** */
/*       footer           */
/* ********************** */

#form1 {
    height: 100%
}

.footer {
    background-color: #15191e;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1001;
    bottom: 0;
    width: 100%;
}

footer .footerHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: .7rem;
}

footer .footerContent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 1.6rem;
}

    footer .footerContent .customsItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
    }

        footer .footerContent .customsItem img {
            height: 2.4rem;
            border-radius: 2px;
        }

@media (max-width:1200px) and (min-width:690px) {
    footer .footerContent {
        flex-direction: column;
    }

        footer .footerContent .customsItem,
        footer .footerContent .communInfos {
            display: flex;
            align-items: center;
            flex-direction: row;
            gap: 1.2rem;
        }
}

@media (min-width:1201px) {
    footer .footerContent {
        flex-direction: row;
        gap: 1.2rem;
    }

        footer .footerContent .customsItem,
        footer .footerContent .communInfos {
            display: flex;
            align-items: center;
            flex-direction: row;
            gap: 1.2rem;
        }
}

@media (max-width:992px) {
    footer .footerContent {
        font-size: 1.4rem;
    }
}

    .footer {
        position: absolute;
        z-index: 1001;
        bottom: 0;
        width: 100%;
    }

    footer span {
        color: #FFF;
    }

    footer a {
        color: #FFF;
        text-decoration: underline;
    }

        footer a:hover {
            color: #FFF;
        }

    .footerLink {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    a.choose {
        width: 22px;
        height: 22px;
        display: inline-block;
        position: relative;
    }

    /* ********************** */
    /*     modal Country      */
    /* ********************** */
    .language .row {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .language .row a {
            margin-left: 150px;
            margin-top: 10px;
            height: 40px;
        }

            .language .row a img {
                margin-right: 20px;
            }
    /* ********************** */
    /*    modal Processing    */
    /* ********************** */
    /* .modal-static { position: fixed; top: 50% !important;  left: 50% !important;  /*margin-top: -100px;  margin-left: -100px;  overflow: visible !important; */

    /* ********************** */
    /*    Bootstrp Override   */
    /* ********************** */

    .dropdown-menu > li > a {
        padding: 3px 15px;
    }
    /* ********************** */
    /*        Common          */
    /* ********************** */
    a {
        text-decoration: none;
        color: rgb(112,112,112);
    }

        a:hover {
            text-decoration: underline;
            color: #2da75e;
        }

        a.pdfFile {
            color: #1f1f1f;
            background-image: url("../../../Common/Images/pdf.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 18px;
            padding-top: 2px;
            padding-right: 20px;
        }

        a.pdfFile-history {
            background-image: url(../../../Common/Images/pdf.png);
            background-size: contain;
            display: inline-block;
            width: 19px;
            height: 20px;
        }

        a.pdfFileThermal {
            color: #1f1f1f;
            background-image: url("../../../Common/Images/gv.printed.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: right center;
            line-height: 18px;
            padding-top: 2px;
            padding-right: 20px;
        }

    label {
        font-weight: normal;
        margin-bottom: 0;
    }

    a img {
        border: 0px;
    }

    .green {
        color: #84BD00;
    }

    .title {
        color: rgb(109,113,116);
        font-weight: bold;
    }

    .floatleft {
        float: left;
    }

    .floatright {
        float: right;
    }

    .efs-icon {
        font-family: none !important;
        top: 0px;
        width: 22px;
        height: 22px;
        float: left;
        margin-right: 10px;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .efs-icon-cb {
        background-image: url("../Images/refund_cb@22px.png");
    }

    .efs-icon-check {
        background-image: url("../Images/refund_check@22px.png");
    }

    .efs-icon-transfer {
        background-image: url("../Images/refund_transfer@22px.png");
    }

    .efs-icon-da {
        background-image: url("../Images/refund_shop@22px.png");
    }

    .efs-icon-danobk {
        background-image: url("../Images/refund_shopnoauto@22px.png");
    }

    .efs-icon-airport {
        background-image: url("../Images/refund_airport@22px.png");
    }

    .efs-icon-airport {
        background-image: url("../Images/refund_airport@22px.png");
    }

    .efs-icon-cash {
        background-image: url("../Images/refund_cash@22px.png");
    }

    .efs-icon-shopcash {
        background-image: url("../Images/shop_cash@22px.png");
    }

    .efs-icon-airportda {
        background-image: url("../Images/refund_airportda@22px.png");
    }

    .efs-icon-cashda {
        background-image: url("../Images/refund_cashda@22px.png");
    }

    .efs-icon-alipay {
        background-image: url("../Images/refund_alipay@22.png");
    }

    .efs-icon-ro {
        float: left;
        height: 22px;
        display: inline-block;
        background-repeat: no-repeat;
        margin-top: 3px;
    }

    .efs-icon-ro-amex {
        background-image: url("../Images/ro_globalexchange@22.jpg");
        width: 47px;
        margin-right: 2px;
    }

    .efs-icon-ro-travelex {
        background-image: url("../Images/ro_travelex@22.jpg");
        width: 75px;
        margin-right: 2px;
    }

    .efs-icon-ro-ige {
        background-image: url("../Images/ro_interchange@22.jpg");
        width: 42px;
        margin-right: 2px;
    }

    .efs-icon-ro-master {
        background-image: url("../Images/ro_master@22.jpg");
        width: 46px;
        margin-right: 0px;
    }

    .efs-icon-ro-smp {
        background-image: url("../Images/ro_SMP@22.jpg");
        width: 65px;
        display: none;
        margin-right: 0px;
    }

    .efs-icon-ro-amex_old {
        background-image: url("../Images/ro_amex@22.jpg");
        width: 47px;
        margin-right: 2px;
    }

    .efs-icon-ro-ige_old {
        background-image: url("../Images/ro_IGE@22.jpg");
        width: 42px;
        margin-right: 2px;
    }

    .payment-cb {
        float: left;
        background-image: url("../Images/logo-cartebancaire@32.png");
        width: 35px;
        height: 28px;
        margin-top: -4px;
        display: inline-block;
    }

        .payment-cb.visa {
            background-position: -3px 0px;
        }

        .payment-cb.master {
            background-position: -39px 0px;
        }

        .payment-cb.amex {
            background-position: -75px 0px;
        }

    .ui-icon-grey {
        background-image: url("../../../Common/Plugins/jquery/images/ui-icons_1f1f1f_256x240.png") !important;
    }

    .ui-icon-circle-plus {
        background-position: 0 -192px;
    }

    .iradio_square-green, .iradio_square-grey, .icheckbox_square-green {
        float: left;
        margin-top: 8px;
    }

    .has-error {
        color: #a94442 !important;
    }

    .none {
        display: none;
    }

    .btn-xlarge {
        padding: 18px 28px;
        font-size: 22px;
        line-height: normal;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .adminForm {
        background-color: #E6FBDD;
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .marginBottom {
        margin-bottom: 10px;
    }

    #idGoodsPanel .rpr {
        max-width: 370px;
        margin: 0 auto;
        margin-top: 2rem;
    }

    .rpl {
        padding-left: 0px !important;
    }
    /* ********************** */
    /*         Login          */
    /* ********************** */
    .loginError {
        min-height: 24px;
    }
    /* ********************** */
    /* left menu & historique */
    /* ********************** */
    #wrapper {
        display: flex;
        justify-content: center;
        min-height: 100vh;
    }

    #divMainContent {
        padding-bottom: 160px;
        padding-top: 130px;
        margin-top: 0 !important;
        width: 100%;
        height: fit-content;
        min-height: 100%;
    }

    #leftMenu {
        margin-top: 0 !important;
        max-width: 322px;
        min-width: 270px;
        padding: 11.4rem 2.4rem;
        background: rgb(238, 238,238);
    }

    .itemMenu {
        float: left;
        text-align: left;
        margin-top: 5px;
        width: 100%;
    }

        .itemMenu .title {
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 300;
            font-size: 22px;
            color: #333;
            border-bottom: 1px solid #d3d6d7;
            padding-bottom: 3px;
        }

        .itemMenu .contact {
            font-weight: bold;
            font-size: 17px;
            font-family: 'Roboto Condensed', sans-serif;
        }

            .itemMenu .contact a {
                color: #15191e;
                font-weight: 400;
            }

                .itemMenu .contact a:hover {
                    text-decoration: none;
                }

        .itemMenu .title span {
            width: auto;
            height: auto;
            float: left;
        }

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

            .itemMenu .content .contact {
                margin-top: 10px;
            }

    .itemMenuSeparator {
        font-size: 0px;
        line-height: 0px;
        height: 1px;
        background-image: url("../Images/submenu.separator.png");
        background-repeat: no-repeat;
        background-position: left center;
        float: left;
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .leftLogo {
        float: left;
    }

    :lang(en_en) .leftLogo .imgLogo {
        width: 150px;
        height: 140px;
        background-image: url("../Images/en/synergy_logo.png");
    }

    :lang(fr_fr) .leftLogo .imgLogo {
        width: 226px;
        height: 124px;
        background-image: url("../Images/fr/pablo.jpg");
    }

    .itemMenu .content .historique {
        margin-top: 16px;
    }

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

        ul.histoList li {
            margin-top: 10px
        }

            ul.histoList li a {
                font-family: 'Roboto Condensed', sans-serif;
                background-position: left center;
                background-size: contain;
                padding-left: 30px;
                line-height: 15px;
                padding-top: 2px;
                font-size: 13px;
            }


                ul.histoList li a:hover {
                    text-decoration: none;
                    color: #2DA75E;
                }

            ul.histoList li span.ttc {
                width: 100px;
                text-align: right;
            }

            ul.histoList li span.newSheet {
                background-image: url("../../../Common/Images/new.png");
                background-repeat: no-repeat;
                background-position: left center;
                display: inline-block;
                width: 30px;
                margin-left: 3px;
            }

        ul.histoList .tooltip-inner {
            max-width: 500px;
            width: 500px;
        }
    /* ********* */
    /* main part */


    #divMainContent.partnerManagement {
        margin-left: 0px;
    }

    #divMainContent.commercial {
        margin-left: 0px;
        width: 100%;
    }

    .divBusiness {
        min-height: 293px;
    }

    .warning span.glyphicon {
        display: none;
    }

    .info {
        margin-bottom: 15px;
    }

        .info p {
            line-height: 20px;
            padding-top: 2px;
        }

        .info a.pdfFile:hover {
            text-decoration: underline;
            color: #2DA75E;
        }

    leftMenu input, select { /*text-align:right;*/
    }

    input.mandatory {
        background-color: #BCFFBC;
    }

    select.mandatory {
        background-color: #BCFFBC;
    }

    select.dateMonth {
        width: 133px;
        text-align: right;
    }

    div.dateSeparator {
        float: left;
        font-size: 18px;
        padding-top: 4px;
        margin: 0px 4px;
    }

    select.dateYear {
        width: 60px;
    }

    input:disabled {
        background: #ccc;
    }

    input[readonly] { /* font-weight:bold; color:#1f1f1f; */
    }
    /* detax page */

    .conditionBar .conditionList {
        display: flex;
        align-items: baseline;
    }

        .conditionBar .conditionList > li {
            width: 100%;
        }

            .conditionBar .conditionList > li > a {
                border-bottom: 1px solid #ddd;
                border-radius: 4px 4px 0 0;
                color: rgb(112,112,112);
            }

        .conditionBar .conditionList > .active > a {
            border-bottom-color: #fff;
            color: #84BD00;
        }



    .sheetBordereau {
        margin-top: 20px;
    }

    .conditionBar {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 15px;
    }

        .conditionBar .nav-tabs li.active a {
            font-weight: bold;
            color: #84BD00;
        }

    .logoCustomer {
        float: right;
        width: 225px;
        border: 1px solid #1f1f1f;
        text-align: center;
    }

    .newBordereau .largeContentBox h2 {
        float: none;
        display: block;
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
        color: #666666;
    }

    .nbArticle {
        float: right;
        margin-right: 50px;
        color: #1f1f1f;
        font-style: italic;
    }

.idReceiptInvoice {
    margin-bottom: 6rem;
}

.idNumFac h4 {
    width: 200px;
    float: left;
}

    .idNumFac input {
        width: 100%;
        margin-top: 2.4rem;
    }

    .containerTabs {
        display: flex;
        flex-direction: column;
        gap: 6rem;
    }

        .containerTabs h4 {
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            margin: 0;
        }

        .containerTabs h3 {
            font-size: 18px;
            font-weight: bold;
            margin: 24px 0;
        }

    .has-success .form-control {
        border-color: #ccc;
    }

    .has-success .control-label {
        color: #333;
    }
    /* detax marchandises */
    .marchandises {
        padding: 0 2px;
        margin-bottom: 15px;
        width: 100%;
    }

    .greenSpinner {
        width: 22px;
        height: 22px;
        border: 2px solid #DFDFDF;
        border-bottom-color: #85C446;
        border-radius: 50%;
        display: inline-flex;
        box-sizing: border-box;
        animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .is-hidden {
        display: none !important;
    }

    .salesButtonContainer {
        display: flex;
        align-items: center;
        padding-bottom: 6rem;
    }

        .salesButtonContainer :is(button, a, input[type="submit"], input[type="button"]) {
            text-decoration: none;
        }

            .salesButtonContainer :is(button, a, input[type="submit"], input[type="button"]):hover,
            .salesButtonContainer :is(button, a, input[type="submit"], input[type="button"]):focus {
                color: #84BD00;
            }

    .italicGrey {
        text-align: justify;
        font-style: italic;
        color: rgb(109,113,116);
    }

    .marchandises #total-ivat-panel {
        text-align: right;
        padding-bottom: 2rem;
    }

    #total-ivat {
        border: none;
        width: 5.5em;
    }


    .DetaxCustomerInfoContainer {
        padding: 0 2px;
        width: 100%;
    }

        .DetaxCustomerInfoContainer .buttonBar {
            display: flex;
            justify-content: end;
        }


    .submitBtnDetax {
        max-width: 220px;
        margin-right: 2px;
    }

    .emailNote {
        padding-bottom: 6px;
        padding-top: 2px;
        font-size: 1.2rem;
        font-style: italic;
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .detax .idCegidReceiptNum {
        width: 100%;
        flex-wrap: nowrap;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4.6rem;
    }

    .idCegidReceiptNum > div {
        display: flex;
        width: 100%;
    }

    .idCegidReceiptNum label {
        white-space: nowrap;
        margin: 0;
    }


    #ctl37_ctl00_ctl00_CegidReceiptNum {
        margin: 0 1rem;
    }

    @media (min-width:992px) {
        /*portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones*/
        .containerTabs {
            flex-direction: row;
        }
    }

    .marchandises .inside {
        padding-top: 10px;
    }

    .marchandises .line {
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
    }

    .MarchandisePanelContainer {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .DescriptionPanel {
        margin-bottom: 1.5rem;
    }

    .marchandises .vat {
        width: 55px;
        display: inline-block;
        float: left;
    }

        .marchandises .vat .bootstrap-select.btn-group .btn .caret {
            right: 5px !important;
        }
        /* override */
        .marchandises .vat .bootstrap-select > .btn {
            padding-right: 16px !important;
        }
        /* override */
        .marchandises .vat .dropdown-menu > li > a {
            padding: 3px 12px !important;
        }
    /* override */
    .marchandises .montantTTC {
        width: 20%;
        display: inline-block;
    }

    .marchandises .quantity {
        width: 15%;
        display: inline-block;
    }

    .marchandises .serialNumber {
        width: 122px;
        display: inline-block;
    }

    .marchandises .designation {
        display: inline-block;
        width: 63%;
    }

        .marchandises .designation .dropdown-menu > li > a {
            padding: 3px 20px 3px 5px;
        }

        .marchandises .designation .bootstrap-select {
            top: -1px;
            position: relative;
            width: 212px;
        }

        .marchandises .designation .btn-group.bootstrap-select.form-control {
        }

        .marchandises .designation .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 212px;
            font-size: 13px;
        }

        .marchandises .designation .bootstrap-select.btn-group .dropdown-menu li a {
            font-size: 13px;
        }

    .marchandises .vat p {
        font-weight: bold; /*padding-left:5px;*/
    }

    .marchandises .designation p {
        font-weight: bold;
        padding-left: 5px;
    }

    .marchandises .novat .vat {
        display: none;
    }

    .marchandises .nodesignation .designation {
        display: none;
    }

    .marchandises .noquantity .quantity {
        display: none;
    }

    .marchandises .noserialnumber .serialnumber {
        display: none;
    }

    .plusMarchandises {
        margin-top: 3px;
        margin-bottom: 15px;
        text-decoration: underline;
        color: #1f1f1f;
        cursor: pointer;
    }

        .plusMarchandises:hover {
            color: #84BD00;
        }

        .plusMarchandises span {
            width: 16px;
            height: 16px;
            margin-right: 4px;
            display: inline-block;
            top: 4px;
            position: relative;
        }
    /* only ttc + nb articles */
    .marchandises .marchandisesContainer.minimum .montantTTC {
        width: 150px;
        padding-left: 5px;
        display: inline-block;
    }

    .marchandises .marchandisesContainer.minimum .quantity {
        width: 150px;
        padding-left: 5px;
        display: inline-block;
    }

    .marchandises .marchandisesContainer.minimum .moreInformation {
        margin-top: 20px;
        color: #585858;
    }

        .marchandises .marchandisesContainer.minimum .moreInformation p {
            margin: 0 0 5px;
        }

    .marchandises .marchandisesContainer .marchandisePanel .sn {
        padding: 0 !important;
        width: 100%;
    }

        .marchandises .marchandisesContainer .marchandisePanel .sn > input {
            width: 70% !important;
            margin-right: 0 !important;
        }
    /* commercial center */
    .subPartner {
        margin-bottom: 20px !important;
    }

        .subPartner h4 {
            width: 200px;
        }

        .subPartner .bootstrap-select {
            width: 220px !important;
        }

    .boutique {
        max-width: 390px;
        padding-right: 10px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    a.trashInvoice {
        font-size: 16px;
        color: #333;
    }

        a.trashInvoice:hover {
            text-decoration: none;
            color: #333;
        }

    .boutique:hover {
    }

    .boutique .montantTTCmulti {
        float: right;
        width: 100px;
        text-align: right;
    }

    .boutique .TVAmulti {
    }

    .boutique .brandName {
        width: 100%;
        font-weight: bold;
    }

        .boutique .brandName a {
            margin-right: 10px;
            color: #333;
        }

            .boutique .brandName a:hover {
                text-decoration: none;
                color: #333;
            }

    .boutique .detals {
        width: 100%;
        padding-left: 25px;
        margin-bottom: 3px;
    }

        .boutique .detals .article {
            max-width: 248px;
            display: inline-block;
            font-style: italic;
        }

    .invoiceModal.modal {
    }

        .invoiceModal.modal .modal-body {
            overflow: visible;
        }
    /* customer info */
    .scanContainer {
        display: flex;
        gap: 1.2rem;
        width: 100%;
        flex-wrap: wrap;
        line-height: normal;
        margin: 24px 0;
    }

        .scanContainer .btnBorder--grey {
            border-color: #1D252D;
        }

    .inputBtn-flex {
        display: flex;
        width: 100%
    }

    .refundContainer.uk, .refundContainer.empty {
        min-height: 250px;
    }

    .refundContainer #refundContainerSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 280px;
    }

    .refundContainer #refundContainerSelect .btn-default {
        border: 0px;
        background-color: transparent;
        background-image: none;
        font-size: 18px;
        padding-left: 0px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    }

    .refundContainer #refundContainerSelect .selectpicker .mode {
        font-size: 14px;
        color: #777;
    }


    .refundContainer .subtitle {
        font-weight: bold;
        margin-bottom: 15px;
    }

    .refundContainer .field {
        width: 100%;
        margin-bottom: 6px;
        display: flex;
        gap: 6px;
        justify-content: space-between;
    }

        .refundContainer .field.idPaymentMode {
            padding-top: 0px;
        }

        .refundContainer .field.idRefundMode {
            padding-top: 0px;
        }

        .refundContainer .field label .star {
            display: none;
        }

        .refundContainer .field label.notMandatory span {
            display: none;
        }

    .searchpersondiv_wrapper {
        display: block;
        text-align: right;
    }

    .searchpersondiv_wrapper {
        padding-top: 6px;
    }

    .consenttosharedata_wrapper {
        width: 100% !important;
        margin-bottom: 5px;
        justify-content: flex-end;
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .consenttosharedata_wrapper input,
        .consenttosharedata_wrapper label {
            cursor: pointer;
        }

        .consenttosharedata_wrapper label {
            user-select: none;
        }

    .refundContainer .consent_label {
        width: 100% !important;
    }

    .inputBtn-flex .refundContainer input, .twitter-typeahead {
        width: 100%;
    }

    .idNationality > .twitter-typeahead, .idCountry > .twitter-typeahead {
        width: 100%;
    }


    @media (min-width:1201px) {
        .refundContainer .field label {
            width: 160px;
            float: left;
        }

        .refundContainer input, .inputBtn-flex, textarea {
            max-width: 220px;
        }

        .emailBox {
            flex-direction: column;
            display: flex;
            width: 220px;
        }

            .emailBox > span {
                width: 100%;
            }

        .twitter-typeahead, .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 220px;
        }
    }

    .refundContainer select {
        width: 206px;
        text-align: right;
    }

    .refundContainer textarea {
        width: 100%;
        resize: none;
        display: inherit;
    }

    .refundContainer .ui-button .ui-icon-cb {
        background-image: url("../Images/refund_cb@22px.png");
        width: 22px;
        height: 16px;
        margin-right: 4px;
    }

    .refundInfo label .star {
        display: initial !important;
    }

    .emailBox {
        text-align: right;
        color: rgb(109,113,116);
    }

    .refundContainer .idDADate .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: inherit !important;
    }

    .refundContainer .idDADate .dateFields {
        display: inline-block;
    }


    .refundContainer .field.stfforced {
        display: none;
    }

    .field.stfnone {
        display: none;
    }

    .cbType {
        float: left;
        margin-right: 4px;
        width: 10px !important;
    }

    .cb {
        display: inline-block;
        height: 30px;
        width: 220px;
        padding: 3px 3px 3px 0px;
    }

        .cb .visa {
            margin-right: 0px;
        }

        .cb .master {
            margin-right: 0px;
        }

        .cb .iradio_square-green, .cb .iradio_square-grey {
            display: none;
        }

    .serialNumberModal .field {
        width: 100%;
        padding-top: 3px;
        display: inline-block;
    }

        .serialNumberModal .field span {
            width: 150px !important;
            float: left;
            padding-top: 6px;
            padding-left: 5px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

        .serialNumberModal .field input {
            width: 200px !important;
        }

            .serialNumberModal .field input[type=button] {
                margin-left: 15px;
            }

    .serialNumberModal textarea {
        white-space: nowrap;
        white-space: pre;
        word-wrap: normal;
    }

    .rolist {
        display: inline-block;
        height: 30px;
        width: 220px;
        padding: 3px 3px 3px 0px;
    }
    /* refundOffice page */
    .refundOffice input {
        width: 220px;
    }

    .refundOffice select {
        width: 210px;
        text-align: right;
    }

    .refundOffice textarea {
        width: 220px;
        resize: none;
    }

    .refundOffice .ui-button .ui-icon-cb {
        background-image: url("../Images/refund_cb@22px.png");
        width: 22px;
        height: 16px;
        margin-right: 4px;
    }
    /*.refundOffice .step1 .content { padding-left:15px; }*/
    .refundOffice .step1 .needInformation {
        font-weight: bold;
        padding-top: 10px;
        margin-bottom: 6px;
    }

    .refundOffice .step1 .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .refundOffice .step1 .field label {
            width: 200px;
            float: left;
            padding-top: 6px;
        }

            .refundOffice .step1 .field label.mandatory {
                color: #84BD00; /*font-weight:bold;*/
                padding-left: 0px;
            }

        .refundOffice .step1 .field.has-error label.mandatory {
            color: #a94442 !important;
        }

    .refundOffice .step1 .input-group.date {
        width: 199px !important;
    }

    .refundOffice .step1 input {
        width: 200px !important;
    }

        .refundOffice .step1 input.date {
            width: 160px !important;
        }

    .refundOffice .step1 .referenceSheetFixed {
        float: left;
        font-weight: bold;
        height: 20px;
        padding-top: 5px;
        text-align: right;
        width: 200px;
    }

    .refundOffice .step1 .refundAmountSheet {
        float: left;
        font-weight: bold;
        height: 20px;
        padding-top: 5px;
        text-align: right;
        width: 200px;
    }

    .refundOffice .step1 .refundBordereau {
        float: left;
        font-weight: bold;
        height: 20px;
        padding-top: 5px;
        text-align: right;
        width: 200px;
    }

    .refundOffice .step1 .hasDateDouaneResp {
        width: 50px !important;
        padding-left: 5px;
        font-weight: bold;
    }

    .refundOffice .glyphicon-info-sign {
        margin-right: 10px;
    }

    .refundOffice .step2 .infoContainer.case1 { /*max-width: 450px;*/
        margin-top: 15px;
    }

    .refundOffice .step2 .infoContainer.case3 { /*max-width: 450px;*/
    }

    .refundOffice .step2 .field {
        width: 100%;
        margin-top: 5px; /* height:20px; height:25px; */
        display: inline-block;
        height: 34px;
    }

        .refundOffice .step2 .field label {
            padding-top: 6px;
            width: 200px;
        }

            .refundOffice .step2 .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
                float: left;
            }

        .refundOffice .step2 .field.has-error label.mandatory {
            color: #a94442 !important;
        }

    .refundOffice .step2 .case3 .field label.mandatoryCase3 {
        color: #84BD00;
        font-weight: bold;
        padding-left: 0px;
        float: left;
    }

    .refundOffice .step2 .case3 .field.has-error label.mandatoryCase3 {
        color: #a94442 !important;
    }

    .refundOffice .step2 .data {
        float: right;
        text-align: right;
        /*margin-right: 15px;*/
        width: initial;
    }

    .refundOffice .step2 .infoContainer input {
        text-align: left;
        display: inline-block;
        width: 170px;
        float: right;
    }

    .refundOffice .step2 .infoContainer .idCountry input {
        text-align: left !important;
    }

    .refundOffice .step2 .infoContainer .twitter-typeahead {
        float: right;
    }

    .refundOffice .step2 .daContainer input {
        text-align: right;
        display: inline-block;
        width: 185px;
    }

    .refundOffice .step2 .daContainer .field label {
        padding-top: 6px;
        width: 145px;
    }

    .refundOffice .step2 .idDADate .btn {
        padding: 6px 4px !important;
    }

    .refundOffice .step2 .idDADate .bootstrap-select.btn-group .btn .caret {
        right: 7px;
    }

    .refundOffice .step2 .idDADate .bootstrap-select > .btn {
        width: initial;
        padding-right: 18px !important;
    }

    .refundOffice .step2 .idDADate .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: inherit !important;
    }

    .refundOffice .step2 .idDADate .dateFields {
        display: inline-block;
        width: 185px;
    }

        .refundOffice .step2 .idDADate .dateFields .month {
            width: 119px;
        }

    .refundOffice .step2 .idDADate .dateSeparator {
        display: none;
    }

    .refundOffice .step3 .content {
        /*max-width: 480px;*/
        padding-top: 30px;
    }

    .refundOffice .step3 h4, .refundOffice .step3 h4 span {
        /*max-width: 480px;*/
        color: #000;
    }

    .refundOffice .step3 .field label {
        padding-top: 6px;
        width: 270px;
    }

        .refundOffice .step3 .field label.mandatory {
            color: #84BD00;
            font-weight: bold;
            padding-left: 0px;
        }

    .refundOffice .step3 .data {
        margin-right: 15px;
        width: initial;
        float: none;
    }

    .refundOffice .step3 .buttonBar {
        padding-top: 80px;
    }

        .refundOffice .step3 .buttonBar .submitButton {
            max-width: 200px;
            /*margin-right: 80px;*/
        }

        .refundOffice .step3 .buttonBar .backButton {
            max-width: 200px;
            /*margin-left: 80px;*/
        }

    .roCheckList ul {
        margin: 0px;
        padding: 0px;
    }

    .roCheckList li {
        list-style-type: none;
        margin-top: 5px;
    }

        .roCheckList li span {
            margin-right: 8px;
            margin-bottom: 3px;
        }

    .roCheckList .modal-footer p {
        float: left;
        color: #84BD00;
        font-weight: bold;
    }

    .cancellationRefundModal .reasonline {
        width: 100%;
        min-height: 28px;
    }

        .cancellationRefundModal .reasonline label {
            padding-left: 5px;
            font-weight: bold;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

        .cancellationRefundModal .reasonline .cancelreasonother {
            float: left;
            width: 250px;
            margin-left: 15px;
        }
    /******************************************************************************************************/
    .event-louis-doncarli {
        color: #800080;
    }

    .event-matheo-covain {
        color: #419641;
    }

    .event-charles-roux {
        color: #1e90ff;
    }

    .event-gregory-briand {
        color: #e3bc08;
    }

    .event-adrien-manry {
        color: #DEB887;
    }

    .event-pierre-afota {
        color: #eb9316;
    }

    .event-jonathan-defendi {
        color: #006400;
    }

    .event-benjamin-bocquin {
        color: #01B0F0;
    }

    .event-laura-jimenez {
        color: #1b1b1b;
    }

    .event-sandy-cassese {
        color: #d20073;
    }

    .event-corinne-mermet {
        color: #FF6200;
    }

    .event-kalyssa-baudot {
        color: #B22222;
    }

    .event-julien-balazun {
        color: #00ADAB;
    }

    .event-valerie-cornu {
        color: #000000;
    }

    .event-benjamin-cornu {
        color: #000000;
    }

    .event-rodolphe-bertolini {
        color: #000000;
    }
    /* panel */
    .panel-title .btn {
        top: -18px;
        right: -5px;
        position: relative;
        color: #84BD00;
    }
    /******************************************************************************************************/
    /* admin page */
    .nav-pills > li.active > a, .admin .nav-pills > li.active > a:focus {
        color: white;
        background-color: #84BD00;
    }

        .nav-pills > li.active > a:hover {
            background-color: #c3c3c3;
            color: white;
        }

    .admin-menu-tab {
        padding-bottom: 5px;
        border-bottom: 1px solid #c3c3c3;
    }

        .admin-menu-tab li {
            width: 24%;
            min-width: 150px;
            margin-left: 0px;
        }

    .admin .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .admin .panel .panel-heading {
        padding: 5px 10px;
    }

    .admin .panel .panel-title {
        font-size: 13px;
        font-weight: bold;
    }

    .admin .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .admin .field input {
        font-size: 13px;
    }

    .admin .field label {
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

        .admin .field label.mandatory {
            color: #84BD00;
            font-weight: bold;
            padding-left: 0px;
        }

    .admin .bootstrap-select {
        float: left;
        margin-right: 15px;
    }

    .admin .table-hover > tbody > tr:hover {
        background-color: #AAAAAA;
    }

    .historique .histoSheet .test * {
        color: #aaaaaa;
    }
    /* Tables */
    .panel-table-sheets {
        margin-bottom: 0px;
    }

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

        .table-sheets tr td {
            padding: 2px !important;
        }

        .table-sheets .columnRef a.edit {
            margin-left: 10px;
            font-size: 9px;
            color: #333333;
        }

        .table-sheets .columnRef .test {
            font-size: 9px;
            font-weight: bold;
            margin-left: 5px;
        }

        .table-sheets .columnRef span.info {
            margin-left: 5px;
        }

        .table-sheets .columnRef span.glyphicon-info-sign {
            width: 17px;
            text-align: center;
        }

    .panel-table-sheet-event td {
        margin-bottom: 0px;
    }

    .table-sheet-event tr.cancelled td {
        background-color: #f2dede;
    }

    .table-sheet-event td {
        padding: 2px !important;
    }

        .table-sheet-event td.data_value span.value {
            float: right;
            font-weight: bold;
        }

        .table-sheet-event td.temp_amount {
            text-align: right;
            width: 70px;
        }

        .table-sheet-event td.virtual_amount {
            text-align: right;
            width: 70px;
        }

        .table-sheet-event td.business_amount {
            text-align: right;
            width: 70px;
        }

        .table-sheet-event td.bank_amount {
            text-align: right;
            width: 70px;
        }

    .panel-table-account {
        margin-bottom: 0px;
    }

    .table-account tr td {
        padding: 2px !important;
    }

        .table-account tr td.account_virtual, .panel-account tr td.account_business, .panel-account tr td.account_bank {
            width: 80px;
            text-align: right;
        }

    .table-account tr.owner td {
        font-weight: bold;
    }

    .table-account tr.owner.vat_sold, .panel-account tr.owner.vat_fees, .panel-account tr.owner.commission, .panel-account tr.owner.delegated, .panel-account tr.owner.profit {
        background-color: #f7f7f9;
    }

    .table-account tr.owner.vat_comm, .panel-account tr.owner.customer, .panel-account tr.owner.fees, .panel-account tr.owner.debit {
        background-color: #ffffff;
    }

    .table-account tr.owner.total {
        background-color: #E6FBDD;
    }

    .table-account tr.sub {
        background-color: #fcf8e3;
    }

        .table-account tr.sub td.account_title {
            padding-left: 30px !important;
        }

    .table-account tr.subdetails {
        background-color: #FBF8EB;
    }

        .table-account tr.subdetails td.account_title {
            padding-left: 60px !important;
        }

    .table-account tr td.more0 {
        color: #006633; /* #84BD00; */
    }

    .table-account tr td.less0 {
        color: #c75151;
    }

    .table-account tr td.account_virtual {
        width: 100px;
    }

    .table-account tr td.account_business {
        width: 100px;
    }

    .table-account tr td.account_bank {
        width: 100px;
    }

    .panel-table-partner-events {
        margin-bottom: 0px;
    }

    .table-partner-events {
        font-size: 12px;
    }

        .table-partner-events tr.std .shop {
            display: none;
        }

        .table-partner-events tr.day-today {
            background-color: #e8fde7 !important;
        }

        .table-partner-events tr td {
            padding: 2px !important;
        }

        .table-partner-events .date {
            max-width: 60px;
            width: 60px;
        }

            .table-partner-events .date.withComment {
                text-decoration: underline;
            }

            .table-partner-events .date .hour {
                text-align: center;
                padding-left: 10px;
            }

        .table-partner-events .shop {
            max-width: 110px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
        }

        .table-partner-events .standard {
            max-width: 60px;
            text-overflow: ellipsis;
            overflow-x: hidden;
        }

        .table-partner-events .shop span {
            display: none; /* font-style:italic; font-size:12px; */
        }

        .table-partner-events .categoryType {
            width: 80px;
        }

        .table-partner-events .wayType {
            width: 80px;
        }

        .table-partner-events .goalType {
            width: 80px;
        }

        .table-partner-events .more {
            width: 45px;
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-events .action {
            width: 45px;
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-events .com {
        }

        .table-partner-events .commercial {
        }

        .table-partner-events .commercial-list {
            position: relative;
            float: left;
            bottom: 0;
            left: 0;
            overflow: hidden;
            max-height: 47px;
            padding-left: 5px;
            margin-right: 5px;
        }

            .table-partner-events .commercial-list a {
                cursor: default;
                background-color: transparent;
            }

    .calendar-legend {
        display: inline-block;
        padding-top: 5px;
    }

    .calendar-legend-item {
        display: inline-block;
        width: 110px;
    }

        .calendar-legend-item .partner-event-legend {
            display: inline-block;
            overflow: hidden;
            padding-left: 5px;
        }

    .efs-calendar a.event, .efs-calendar span.event {
        cursor: default;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none; /* .glyphicon */
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .efs-calendar a.event:hover, .efs-calendar span.event:hover {
            cursor: default;
            color: inherit;
            text-decoration: none;
        }

    .efs-calendar a.planning-reminder:before, .efs-calendar span.planning-reminder:before {
        content: "\e142"; /* paperclip */
    }

    .efs-calendar a.planning-appointement:before, .efs-calendar span.planning-appointement:before {
        content: "\e139"; /* briefcase */
    }

    .efs-calendar a.interaction-crm:before, .efs-calendar span.interaction-crm:before {
        content: "\e008"; /* user */
    }

    .efs-calendar a.interaction-support:before, .efs-calendar span.interaction-support:before {
        content: "\e105"; /* eye-open */
    }

    span.event-valerie-cornu {
        color: #ffffff;
    }

    span.event-benjamin-cornu {
        color: #ffffff;
    }

    span.event-rodolphe-bertolini {
        color: #ffffff;
    }

    .table-pe-aggregate-synthesis {
        font-size: 13px;
    }

        .table-pe-aggregate-synthesis tr td {
            font-size: 12px;
            padding: 3px !important;
        }

        .table-pe-aggregate-synthesis .columnName {
            overflow: hidden;
        }

        .table-pe-aggregate-synthesis .columnCat {
            overflow: hidden;
            text-align: center;
            max-width: 50px;
            min-width: 50px;
            text-overflow: ellipsis;
        }

        .table-pe-aggregate-synthesis .columnCategory {
            overflow: hidden;
            text-align: center;
            max-width: 50px;
            min-width: 50px;
        }

    .table-pe-aggregate {
        table-layout: fixed;
        overflow: hidden;
        font-size: 13px;
    }

        .table-pe-aggregate tr td {
            font-size: 12px;
            padding: 3px !important;
        }

        .table-pe-aggregate .columnCategory {
            width: 25%;
            max-width: 25%;
            overflow: hidden;
        }

        .table-pe-aggregate .columnWayType {
            width: 25%;
            max-width: 25%;
            overflow: hidden;
        }

        .table-pe-aggregate .columnGoalType {
            width: 25%;
            max-width: 25%;
            overflow: hidden;
        }

        .table-pe-aggregate .columnNb {
            width: 25%;
            max-width: 25%;
            overflow: hidden;
            text-align: center;
        }

    .table-pe-aggregate-bypartners {
        overflow: hidden;
        font-size: 13px;
    }

        .table-pe-aggregate-bypartners tr td {
            padding: 2px !important;
            font-size: 12px;
        }

        .table-pe-aggregate-bypartners .columnName { /* white-space: nowrap; */
        }

        .table-pe-aggregate-bypartners .columnCat {
            max-width: 50px;
            min-width: 50px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
        }

        .table-pe-aggregate-bypartners td.columnSELLING {
            position: relative;
            vertical-align: middle;
        }

        .table-pe-aggregate-bypartners td.columnREVIVAL {
            position: relative;
            vertical-align: middle;
        }

        .table-pe-aggregate-bypartners td.columnSUPPORT {
            position: relative;
            vertical-align: middle;
        }

        .table-pe-aggregate-bypartners td.columnFOLLOWED {
            position: relative;
            vertical-align: middle;
        }

    .panel-table-shops {
        margin-bottom: 0px;
    }

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

        .table-shops tr th {
            cursor: pointer;
        }

        .table-shops tr td {
            font-size: 12px;
            padding: 3px !important;
        }

            .table-shops tr td .dataproposal {
                color: #DE202B;
                animation: blink-animation 1s steps(5, start) infinite;
            }

        .table-shops tr.cov-received td {
            background-color: #E6FBDD;
        }

        .table-shops tr.cov-declined td {
            background-color: #f2dede;
        }

        .table-shops .columnName { /* color:#2da75e; */
            font-weight: bold;
            vertical-align: middle;
        }

            .table-shops .columnName a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

            .table-shops .columnName span.address {
                display: none; /*font-size:11px; font-style:italic; color:#333333; font-weight:normal;*/
            }

        .table-shops .columnTVAIntra {
            text-align: center;
            vertical-align: middle;
            width: 100px;
        }

        .table-shops .columnBusinessType {
            text-align: center;
            vertical-align: middle;
        }

        .table-shops .columnCovenantSent {
            text-align: center;
            vertical-align: middle;
            width: 70px;
        }

        .table-shops .columnLastRevival {
            text-align: center;
            vertical-align: middle;
            width: 70px;
        }

        .table-shops .columnCovenantReceived {
            text-align: center;
            vertical-align: middle;
            width: 70px;
        }

        .table-shops .columnCovenantDeclined {
            text-align: center;
            vertical-align: middle;
            width: 70px;
        }

        .table-shops .columnMaximumAmount {
            text-align: center;
            vertical-align: middle;
            width: 55px;
        }

            .table-shops .columnMaximumAmount .res {
                display: none;
            }

        .table-shops .columnLogo {
            text-align: center;
            vertical-align: middle;
            width: 55px;
        }

            .table-shops .columnLogo .res {
                display: none;
            }

        .table-shops .columnVATRates {
            text-align: center;
            vertical-align: middle;
            width: 55px;
        }

        .table-shops .columnArticles {
            text-align: center;
            vertical-align: middle;
            width: 55px;
        }

        .table-shops .columnIsActive {
            text-align: center;
            vertical-align: middle;
            width: 55px;
        }

            .table-shops .columnIsActive .res {
                display: none;
            }

        .table-shops .addInteractionCC {
            text-align: center;
            vertical-align: middle;
            width: 35px;
        }

        .table-shops .more {
            color: #006633;
        }

        .table-shops .less {
            color: #c75151;
        }

        .table-shops .btn-group-xs > .btn, .btn-xs {
            padding: 1px 2px;
        }

    .panel-table-sarl-subshops {
        margin-bottom: 0px;
    }

    .table-sarl-subshops {
        font-size: 12px;
    }

        .table-sarl-subshops tr th {
            cursor: pointer;
        }

        .table-sarl-subshops tr td {
            font-size: 12px;
            padding: 3px !important;
        }

    .panel-table-contacts {
        margin-bottom: 0px;
    }

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

        .table-contacts tr th {
            cursor: pointer;
        }

        .table-contacts tr td {
            font-size: 12px;
            padding: 3px !important;
        }

            .table-contacts tr td.columnLastname {
                vertical-align: middle;
            }

            .table-contacts tr td.columnFirstname {
                vertical-align: middle;
            }

            .table-contacts tr td.columnFunction {
                vertical-align: middle;
            }

            .table-contacts tr td.columnInformationTel {
                vertical-align: middle;
            }

            .table-contacts tr td.columnInformationMail {
                vertical-align: middle;
            }

            .table-contacts tr td.columnAllInOne {
            }

            .table-contacts tr td.columnAction {
                width: 60px;
                text-align: center;
                vertical-align: middle;
            }

                .table-contacts tr td.columnAction button {
                    margin-right: 2px;
                }

        .table-contacts tr .columnAllInOne {
            display: none;
        }

        .table-contacts tr li.greenArrow {
            margin-left: 15px;
        }

    .panel-partner-access {
    }

        .panel-partner-access .greenArrow a {
            font-weight: bold;
        }

        .panel-partner-access .greenArrow.active {
            color: #006633;
        }

        .panel-partner-access .greenArrow.notactive {
            color: #c75151;
        }

            .panel-partner-access .greenArrow.notactive a {
                color: #c75151;
            }

        .panel-partner-access .second .notactive {
            color: #c75151 !important;
        }

            .panel-partner-access .second .notactive a {
                color: #c75151 !important;
            }

        .panel-partner-access .greenArrow .infos {
            font-weight: normal !important;
            font-style: italic;
            margin-left: 5px;
        }

    .panel-table-partner-list {
        margin-bottom: 0px;
    }

    .table-partner-list {
        font-size: 12px;
    }

        .table-partner-list tr th {
            cursor: pointer;
        }

        .table-partner-list tr td {
            font-size: 12px;
            padding: 3px !important;
        }

        .table-partner-list .columnName { /* color:#2da75e; */
            font-weight: bold;
        }

            .table-partner-list .columnName a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

            .table-partner-list .columnName span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
            }

        .table-partner-list .columnNb {
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-list .columnAction {
            text-align: center;
            vertical-align: middle;
        }

            .table-partner-list .columnAction button {
                font-size: 11px;
                color: #333333;
            }

    .table-commercial-stats-crm {
        font-size: 12px;
    }

        .table-commercial-stats-crm tr td {
            padding: 3px !important;
        }

        .table-commercial-stats-crm span.Value, .table-commercial-stats-crm li.Value {
            text-align: center;
        }

        .table-commercial-stats-crm span.new, .table-commercial-stats-crm li.new {
            font-weight: bold;
            color: #84BD00;
        }

        .table-commercial-stats-crm .date {
            max-width: 60px;
            width: 60px;
        }

        .table-commercial-stats-crm .shop {
            overflow: hidden;
            max-width: 110px; /* white-space: nowrap; */
        }

            .table-commercial-stats-crm .shop span {
                font-style: italic;
                font-size: 12px;
            }

        .table-commercial-stats-crm .com {
            text-align: center;
        }

        .table-commercial-stats-crm .commercial {
            text-align: center;
            width: 100px;
        }

        .table-commercial-stats-crm .categoryType {
            text-align: center;
            width: 120px;
        }

        .table-commercial-stats-crm .concurrent {
            text-align: center;
            width: 120px;
        }

        .table-commercial-stats-crm .proposition {
            text-align: center;
            max-width: 110px;
        }

        .table-commercial-stats-crm .contact_interest {
            text-align: center;
            width: 90px;
        }

        .table-commercial-stats-crm .potentialShop {
            text-align: center;
            width: 65px;
        }

        .table-commercial-stats-crm ul {
            margin-top: 0;
            margin-bottom: 0px;
            margin-left: 0px;
            padding-left: 0px;
        }

        .table-commercial-stats-crm li {
            list-style: none;
            display: inline-block;
            padding-right: 10px;
        }

        .table-commercial-stats-crm .details {
            min-height: 50px;
            border: 15px solid #eeeeee;
            padding: 5px; /* background-color:#fcf8e3; */
        }

            .table-commercial-stats-crm .details .field {
                width: 100%;
            }

                .table-commercial-stats-crm .details .field label {
                    width: 50%;
                    float: left;
                    padding-top: 6px;
                    position: relative;
                    margin-bottom: 0 !important;
                    margin-right: 0px !important;
                }

                .table-commercial-stats-crm .details .field span {
                    padding-top: 6px;
                    font-weight: bold;
                    display: inherit;
                }

            .table-commercial-stats-crm .details li .glyphicon {
                display: inline-block;
                margin-right: 5px;
            }

            .table-commercial-stats-crm .details .field.comment {
                width: 100% !important;
            }

                .table-commercial-stats-crm .details .field.comment label {
                    width: 140px !important;
                }

    .table-stats-evolution-ca-global {
        table-layout: fixed;
    }

        .table-stats-evolution-ca-global th span {
            display: inline-block;
        }

            .table-stats-evolution-ca-global th span.title {
                width: 100%;
                white-space: nowrap;
                color: #000000;
                clear: left;
            }

            .table-stats-evolution-ca-global th span.subtitle {
                font-size: 9px;
                width: 100%;
                white-space: nowrap;
            }

        .table-stats-evolution-ca-global tr td {
            font-size: 13px;
            padding: 2px 3px !important;
        }

        .table-stats-evolution-ca-global td.columnName {
            overflow: hidden;
        }

            .table-stats-evolution-ca-global td.columnName div.tooltip {
                white-space: pre-wrap;
            }

        .table-stats-evolution-ca-global td.evolution {
            width: 20%;
        }

            .table-stats-evolution-ca-global td.evolution .statEvoContainer {
                display: inline-block;
                width: 100%;
            }

            .table-stats-evolution-ca-global td.evolution .evo {
                font-size: 10px;
                float: left;
            }

                .table-stats-evolution-ca-global td.evolution .evo .glyphicon {
                    float: left;
                }

            .table-stats-evolution-ca-global td.evolution.up .evo {
                color: #006633;
            }

            .table-stats-evolution-ca-global td.evolution.down .evo {
                color: #c75151;
            }

            .table-stats-evolution-ca-global td.evolution.no .evo {
                display: none;
            }

            .table-stats-evolution-ca-global td.evolution .detail {
                font-size: 10px;
                float: right;
                text-align: right;
            }

                .table-stats-evolution-ca-global td.evolution .detail .current {
                    font-weight: bold;
                }

                .table-stats-evolution-ca-global td.evolution .detail .last {
                    color: #999999;
                }

        .table-stats-evolution-ca-global tr.total td {
            background-color: #EEEEEE;
        }

            .table-stats-evolution-ca-global tr.total td.columnName {
                font-weight: bold;
            }

    .table-stats-ca-global tr td {
        font-size: 13px;
        padding: 2px 3px !important;
    }

    .table-stats-ca-global td.columnName {
    }

        .table-stats-ca-global td.columnName div.tooltip {
            white-space: pre-wrap;
        }

    .table-stats-ca-global td.columnNbSheetTotal {
        text-align: right;
    }

    .table-stats-ca-global td.columnNbSheetValidated {
        text-align: right;
    }

    .table-stats-ca-global td.columnPercentageValidated {
        text-align: center;
    }

    .table-stats-ca-global td.columnCA {
        white-space: nowrap;
        text-align: right;
    }

    .table-stats-ca-global td.columnCAValidated {
        text-align: right;
    }

    .table-stats-ca-global td.columnVAT {
        text-align: right;
    }

    .table-stats-ca-global td.columnVATValidated {
        text-align: right;
    }

    .table-stats-ca-global td.columnNbShopActiveOnPeriod {
        text-align: right;
    }

    .table-stats-ca-commercial tr td {
        font-size: 12px;
        padding: 2px 3px !important;
    }

    .table-stats-ca-commercial td.columnName {
        font-weight: bold;
        text-overflow: ellipsis;
    }

        .table-stats-ca-commercial td.columnName span {
            font-size: 11px;
            font-style: italic;
            padding-left: 5px;
            font-weight: normal;
        }

        .table-stats-ca-commercial td.columnName div.tooltip {
            white-space: pre-wrap;
        }

    .table-stats-ca-commercial td.columnNbSheetTotal {
        text-align: center;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.columnCA {
        white-space: nowrap;
        text-align: right;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.columnCAValidated {
        text-align: right;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.installBoxes {
        text-align: center;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.installOnline {
        text-align: center;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.installSafe {
        text-align: center;
        vertical-align: middle;
    }

    .table-stats-ca-commercial td.installAll {
        text-align: center;
        vertical-align: middle;
    }

    .table-commercial-partner-info {
        font-size: 12px;
    }

        .table-commercial-partner-info tr th {
            text-align: left !important;
        }

        .table-commercial-partner-info tr td {
            padding: 2px !important;
        }

        .table-commercial-partner-info tr th.columnComCB .efs-icon {
            margin-right: 0px !important;
        }

        .table-commercial-partner-info tr th.columnComCASH .efs-icon {
            margin-right: 0px !important;
        }

        .table-commercial-partner-info .efs-icon.efs-icon-transfer {
            margin-right: 0px;
        }

        .table-commercial-partner-info .efs-icon.efs-icon-cash {
            margin-right: 0px;
        }

        .table-commercial-partner-info .efs-icon.efs-icon-da {
            margin-right: 0px;
        }

        .table-commercial-partner-info .efs-icon.efs-icon-danobk {
            margin-right: 0px;
        }

        .table-commercial-partner-info .efs-icon.efs-icon-shopcash {
            margin-right: 0px;
        }

        .table-commercial-partner-info tr td.columnTitle {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnInfo {
        }

            .table-commercial-partner-info tr td.columnInfo .time {
                white-space: nowrap;
            }

            .table-commercial-partner-info tr td.columnInfo .clipboard {
                margin-left: 15px;
            }

        .table-commercial-partner-info tr td.columnVat {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnCbTransferCheque {
            width: 105px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnAirportCash {
            width: 75px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnShop {
            width: 40px;
            text-align: center;
            white-space: nowrap;
        }

        .table-commercial-partner-info tr td.columnShopNoAuto {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnShopCash {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnComCB {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info tr td.columnComCASH {
            width: 40px;
            text-align: center;
        }

        .table-commercial-partner-info .columnRefundAll {
            width: 170px;
            text-align: center;
        }

        .table-commercial-partner-info .columnCommission {
            width: 100px;
            text-align: center;
        }

    .table-partner-conditions {
    }

        .table-partner-conditions tr th {
            text-align: left !important;
        }

        .table-partner-conditions tr td {
            padding: 2px !important;
        }

        .table-partner-conditions.tabel-simplify .columnRefundMode {
            text-align: left;
            vertical-align: middle;
        }

        .table-partner-conditions.tabel-simplify .columnVAT {
            text-align: right;
            vertical-align: middle;
            width: 50px;
        }

        .table-partner-conditions.tabel-simplify .columnRefund {
            text-align: right;
            vertical-align: middle;
            width: 80px;
        }

        .table-partner-conditions.tabel-simplify .columnLower {
            text-align: right;
            vertical-align: middle;
            width: 70px;
        }

        .table-partner-conditions.tabel-simplify .columnUpper {
            text-align: right;
            vertical-align: middle;
            width: 70px;
        }

        .table-partner-conditions.tabel-simplify .columnFix {
            text-align: right;
            vertical-align: middle;
            width: 50px;
        }

        .table-partner-conditions.tabel-simplify .columnCommission {
            text-align: right;
            vertical-align: middle;
            width: 80px;
        }

    .panel-table-vat {
        margin-bottom: 0px;
    }

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

        .table-vat tr th {
            text-align: center !important;
        }

            .table-vat tr th.columnRef {
                text-align: left !important;
            }

        .table-vat tr td {
            padding: 2px !important;
        }

        .table-vat .columnPartner { /* background-color: #E6FBDD; */
            font-weight: bold;
        }

            .table-vat .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-vat .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-vat .columnRef {
            width: 130px;
        }

            .table-vat .columnRef a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
            }

            .table-vat .columnRef .test {
                font-size: 9px;
                font-weight: bold;
                margin-left: 5px;
            }

            .table-vat .columnRef span.info {
                margin-left: 5px;
            }

            .table-vat .columnRef span.glyphicon-info-sign {
                width: 17px;
                text-align: center;
            }

        .table-vat td.columnRef {
            padding-left: 10px !important;
        }

        .table-vat .columnBuyDate {
            width: 70px;
            text-align: center;
        }

        .table-vat .columnCustomsDate {
            width: 95px;
            text-align: center;
        }

        .table-vat .columnRefundDate {
            width: 85px;
            text-align: center;
        }

        .table-vat .columnIvat {
            text-align: right;
        }

        .table-vat .columnRefund {
            text-align: right;
            width: 80px;
        }

        .table-vat .columnRefundMode {
            width: 90px;
            text-align: center;
        }

        .table-vat .columnCountry {
            width: 60px;
            text-align: center;
        }

        .table-vat .columnVatToProcess {
            text-align: right;
        }

        .table-vat .columnVatOnSaleToProcess {
            text-align: right;
        }

        .table-vat .columnVatOnShopCommissionToProcess {
            text-align: right;
        }

        .table-vat .columnVatOnThirdFeesToProcess {
            text-align: right;
        }

        .table-vat .columnVatToClaim {
            text-align: right;
        }

        .table-vat .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 40px;
        }

            .table-vat .columnAction .icheckbox_square-green {
                float: none;
                text-align: center;
                margin-top: 0px;
            }

        .table-vat .line-subtotal td {
            background-color: #fcf8e3;
            font-weight: bold;
        }

        .table-vat .line-subtotal .total {
            text-align: right;
        }

        .table-vat .line-total td {
            background-color: #E6FBDD;
            font-weight: bold;
        }

        .table-vat .line-total .total {
            text-align: right;
        }

        .table-vat .more0 {
            color: #006633;
        }

        .table-vat .less0 {
            color: #c75151;
        }

    .panel-table-sheetlisting-vat {
        margin-bottom: 0px;
    }

    .table-sheetlisting-vat {
        font-size: 12px;
    }

        .table-sheetlisting-vat tr td {
            padding: 2px !important;
        }

        .table-sheetlisting-vat tr.vat-declaration-row-details {
            background-color: #fcf8e3 !important;
        }

        .table-sheetlisting-vat .columnCreationDate {
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-sheetlisting-vat .columnNbSheets {
            text-align: right;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-sheetlisting-vat .columnAmount {
            text-align: right;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-sheetlisting-vat .columnEmittedDate {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-sheetlisting-vat .columnEmittedDate input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

            .table-sheetlisting-vat .columnEmittedDate .input-group-addon {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-sheetlisting-vat .columnAction {
            vertical-align: middle;
            width: 60px;
        }

            .table-sheetlisting-vat .columnAction .viewSheetListing {
                float: left;
            }

            .table-sheetlisting-vat .columnAction .emitSheetListing {
                float: right;
            }

    .panel-table-customer-refund-to-process {
        margin-bottom: 0px;
    }

    .table-customer-refund-to-process {
        font-size: 12px;
    }

        .table-customer-refund-to-process tr td {
            padding: 2px !important;
        }

        .table-customer-refund-to-process .columnPartner {
            background-color: #E6FBDD;
        }

            .table-customer-refund-to-process .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-customer-refund-to-process .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-customer-refund-to-process .columnRef {
            width: 120px;
        }

            .table-customer-refund-to-process .columnRef a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
            }

            .table-customer-refund-to-process .columnRef .test {
                font-size: 9px;
                font-weight: bold;
                margin-left: 5px;
            }

            .table-customer-refund-to-process .columnRef span.info {
                margin-left: 5px;
            }

            .table-customer-refund-to-process .columnRef span.glyphicon-info-sign {
                width: 17px;
                text-align: center;
            }

        .table-customer-refund-to-process td.columnRef {
            padding-left: 10px !important;
        }

        .table-customer-refund-to-process .columnBuyDate {
            width: 70px;
            text-align: center;
        }

        .table-customer-refund-to-process .columnCustomsDate {
            width: 70px;
            text-align: center;
        }

        .table-customer-refund-to-process .columnIvat {
            text-align: right;
        }

        .table-customer-refund-to-process .columnRefund {
            text-align: right;
            width: 80px;
        }

        .table-customer-refund-to-process .columnRefundMode {
            width: 80px;
            text-align: center;
        }

        .table-customer-refund-to-process .columnCC {
            width: 80px;
            text-align: center;
        }

            .table-customer-refund-to-process .columnCC.nb15 {
                font-weight: bold;
            }

            .table-customer-refund-to-process .columnCC.nb16 {
                color: #006633;
            }

        .table-customer-refund-to-process .columnCountry {
            width: 30px;
            text-align: center;
        }

        .table-customer-refund-to-process .columnVat {
            text-align: right;
        }

        .table-customer-refund-to-process .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 40px;
        }

            .table-customer-refund-to-process .columnAction .icheckbox_square-green {
                float: none;
                text-align: center;
                margin-top: 0px;
            }

        .table-customer-refund-to-process .line-total td {
            background-color: #E6FBDD;
            font-weight: bold;
        }

        .table-customer-refund-to-process .line-total .total {
            text-align: right;
        }

        .table-customer-refund-to-process .more0 {
            color: #006633;
        }

        .table-customer-refund-to-process .less0 {
            color: #c75151;
        }

    .panel-table-customer-refund-to-pay {
        margin-bottom: 0px;
    }

    .table-customer-refund-to-pay {
        font-size: 12px;
    }

        .table-customer-refund-to-pay tr td {
            padding: 2px !important;
        }

        .table-customer-refund-to-pay .columnPartner {
            background-color: #E6FBDD;
        }

            .table-customer-refund-to-pay .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-customer-refund-to-pay .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-customer-refund-to-pay .columnRef {
            width: 160px;
        }

            .table-customer-refund-to-pay .columnRef a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
            }

            .table-customer-refund-to-pay .columnRef .test {
                font-size: 9px;
                font-weight: bold;
                margin-left: 5px;
            }

            .table-customer-refund-to-pay .columnRef span.info {
                margin-left: 5px;
            }

            .table-customer-refund-to-pay .columnRef span.glyphicon-info-sign {
                width: 17px;
                text-align: center;
            }

        .table-customer-refund-to-pay td.columnRef {
            padding-left: 20px !important;
        }

        .table-customer-refund-to-pay .columnBuyDate {
            width: 70px;
            text-align: center;
        }

        .table-customer-refund-to-pay .columnCustomsDate {
            width: 95px;
            text-align: center;
        }

        .table-customer-refund-to-pay .columnIvat {
            text-align: right;
        }

        .table-customer-refund-to-pay .columnRefund {
            text-align: right;
            width: 80px;
        }

        .table-customer-refund-to-pay .columnRefundMode {
            width: 90px;
            text-align: center;
        }

        .table-customer-refund-to-pay .columnCountry {
            width: 60px;
        }

        .table-customer-refund-to-pay .columnVat {
            text-align: right;
        }

        .table-customer-refund-to-pay .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 60px;
        }

            .table-customer-refund-to-pay .columnAction .icheckbox_square-green {
                float: none;
                text-align: center;
                margin-top: 0px;
            }

        .table-customer-refund-to-pay .line-total td {
            background-color: #E6FBDD;
            font-weight: bold;
        }

        .table-customer-refund-to-pay .line-total .total {
            text-align: right;
        }

        .table-customer-refund-to-pay .more0 {
            color: #006633;
        }

        .table-customer-refund-to-pay .less0 {
            color: #c75151;
        }

    .panel-table-third-fees {
        margin-bottom: 0px;
    }

    .table-third-fees {
        font-size: 12px;
    }

        .table-third-fees tr td {
            padding: 2px !important;
        }

        .table-third-fees .columnPartner {
            background-color: #E6FBDD;
        }

            .table-third-fees .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-third-fees .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-third-fees .columnRef {
            width: 120px;
        }

            .table-third-fees .columnRef a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
            }

            .table-third-fees .columnRef .test {
                font-size: 9px;
                font-weight: bold;
                margin-left: 5px;
            }

            .table-third-fees .columnRef span.info {
                margin-left: 5px;
            }

            .table-third-fees .columnRef span.glyphicon-info-sign {
                width: 17px;
                text-align: center;
            }

        .table-third-fees td.columnRef {
            padding-left: 10px !important;
        }

        .table-third-fees .columnBuyDate {
            width: 70px;
            text-align: center;
        }

        .table-third-fees .columnCustomsDate {
            width: 70px;
            text-align: center;
        }

        .table-third-fees .columnIvat {
            text-align: right;
        }

        .table-third-fees .columnVat {
            text-align: right;
        }

        .table-third-fees .columnRefund {
            text-align: right;
            width: 60px;
        }

        .table-third-fees .columnRefundMode {
            width: 90px;
            text-align: center;
        }

        .table-third-fees .columnCountry {
            width: 30px;
        }

        .table-third-fees .columnVatToProcess {
            text-align: right;
        }

        .table-third-fees .columnVatOnSaleToProcess {
            text-align: right;
        }

        .table-third-fees .columnVatOnShopCommissionToProcess {
            text-align: right;
        }

        .table-third-fees .columnVatOnThirdFeesToProcess {
            text-align: right;
        }

        .table-third-fees .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 60px;
        }

            .table-third-fees .columnAction .icheckbox_square-green {
                float: none;
                text-align: center;
                margin-top: 0px;
            }

        .table-third-fees .columnThirdFees {
            text-align: center;
            vertical-align: middle;
        }

            .table-third-fees .columnThirdFees input {
                width: 40px;
                font-size: 12px;
                padding: 0px;
                margin: 0px;
                border: 1px solid #ddd;
            }

        .table-third-fees .line-total td {
            background-color: #E6FBDD;
            font-weight: bold;
        }

        .table-third-fees .line-total .total {
            text-align: right;
        }

        .table-third-fees .more0 {
            color: #006633;
        }

        .table-third-fees .less0 {
            color: #c75151;
        }

    .panel-table-refund-platform-transmissions {
        margin-bottom: 0px;
    }

    .table-refund-platform-transmissions {
        font-size: 12px;
    }

        .table-refund-platform-transmissions tr td {
            padding: 2px !important;
        }

        .table-refund-platform-transmissions tr.vat-declaration-row-details {
            background-color: #fcf8e3 !important;
        }

        .table-refund-platform-transmissions .columnCreationDate {
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-refund-platform-transmissions .columnNbSheets {
            text-align: right;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-refund-platform-transmissions .columnAmount {
            text-align: right;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-refund-platform-transmissions .columnEmittedDate {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-refund-platform-transmissions .columnEmittedDate input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

            .table-refund-platform-transmissions .columnEmittedDate .input-group-addon {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-refund-platform-transmissions .columnAction {
            vertical-align: middle;
            width: 60px;
        }

            .table-refund-platform-transmissions .columnAction .viewSheetListing {
                float: left;
            }

            .table-refund-platform-transmissions .columnAction .emitSheetListing {
                float: right;
            }

    .panel-table-partner-sheets-commission-to-process {
        margin-bottom: 0px;
    }

    .table-partner-sheets-commission-to-process {
        font-size: 12px;
    }

        .table-partner-sheets-commission-to-process tr th {
            text-align: center !important;
        }

        .table-partner-sheets-commission-to-process tr td {
            padding: 2px !important;
        }

        .table-partner-sheets-commission-to-process .columnPartner { /* background-color: #E6FBDD; */
            font-weight: bold;
        }

            .table-partner-sheets-commission-to-process .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-partner-sheets-commission-to-process .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-partner-sheets-commission-to-process td.columnIvat {
            text-align: right;
            vertical-align: middle;
        }

        .table-partner-sheets-commission-to-process td.columnRefund {
            text-align: right;
            vertical-align: middle;
        }

        .table-partner-sheets-commission-to-process td.columnNbSheets {
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-sheets-commission-to-process td.columnCommissionToProcess {
            text-align: right;
            font-weight: bold;
            vertical-align: middle;
        }

            .table-partner-sheets-commission-to-process td.columnCommissionToProcess.more0 {
                color: #006633;
            }

            .table-partner-sheets-commission-to-process td.columnCommissionToProcess.less0 {
                color: #c75151;
            }

        .table-partner-sheets-commission-to-process td.columnAction {
            text-align: center;
            vertical-align: middle;
        }

    .panel-table-sheets-commission-to-process {
        margin-bottom: 0px;
    }

    .table-sheets-commission-to-process {
        font-size: 12px;
    }

        .table-sheets-commission-to-process tr th {
            text-align: center !important;
        }

            .table-sheets-commission-to-process tr th.columnRef {
                text-align: left !important;
            }

        .table-sheets-commission-to-process tr td {
            padding: 2px !important;
        }

        .table-sheets-commission-to-process .columnPartner { /* background-color: #E6FBDD; */
            font-weight: bold;
        }

            .table-sheets-commission-to-process .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
                margin-left: 15px;
            }

            .table-sheets-commission-to-process .columnPartner a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
            }

        .table-sheets-commission-to-process .columnRef {
            width: 130px;
        }

            .table-sheets-commission-to-process .columnRef a.edit {
                margin-left: 10px;
                font-size: 9px;
                color: #333333;
            }

            .table-sheets-commission-to-process .columnRef .test {
                font-size: 9px;
                font-weight: bold;
                margin-left: 5px;
            }

            .table-sheets-commission-to-process .columnRef span.info {
                margin-left: 5px;
            }

            .table-sheets-commission-to-process .columnRef span.glyphicon-info-sign {
                width: 17px;
                text-align: center;
            }

        .table-sheets-commission-to-process td.columnRef {
            padding-left: 10px !important;
        }

        .table-sheets-commission-to-process .columnBuyDate {
            width: 70px;
            text-align: center;
        }

        .table-sheets-commission-to-process .columnCustomsDate {
            width: 95px;
            text-align: center;
        }

        .table-sheets-commission-to-process .columnRefundDate {
            width: 85px;
            text-align: center;
        }

        .table-sheets-commission-to-process .columnIvat {
            text-align: right;
        }

        .table-sheets-commission-to-process .columnRefund {
            text-align: right;
            width: 80px;
        }

        .table-sheets-commission-to-process .columnRefundMode {
            width: 90px;
            text-align: center;
        }

        .table-sheets-commission-to-process .columnCountry {
            width: 60px;
            text-align: center;
        }

        .table-sheets-commission-to-process .columnCommissionToProcess {
            font-weight: bold;
            text-align: right;
        }

            .table-sheets-commission-to-process .columnCommissionToProcess.more0 {
                color: #006633;
            }

            .table-sheets-commission-to-process .columnCommissionToProcess.less0 {
                color: #c75151;
            }

        .table-sheets-commission-to-process .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 80px;
        }

            .table-sheets-commission-to-process .columnAction .icheckbox_square-green {
                float: none;
                text-align: center;
                margin-top: 0px;
            }

    .panel-table-partner-commissions {
        margin-bottom: 0px;
    }

    .table-partner-commissions {
        font-size: 12px;
    }

        .table-partner-commissions tr th {
            text-align: center !important;
        }

        .table-partner-commissions tr td {
            padding: 2px !important;
        }

        .table-partner-commissions .columnPartner {
            vertical-align: middle;
        }

            .table-partner-commissions .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
            }

            .table-partner-commissions .columnPartner a.edit {
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
                margin-left: 10px;
            }

        .table-partner-commissions .columnCommissionMode {
            width: 125px;
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-commissions .columnCommissionReference {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-partner-commissions .columnCommissionReference input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-partner-commissions .columnCommissionPeriod {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-partner-commissions .columnReference {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

        .table-partner-commissions .columnDate {
            width: 70px;
            text-align: center;
        }

        .table-partner-commissions .columnCommission {
            width: 120px;
        }

        .table-partner-commissions td.columnCommission {
            color: #006633;
            text-align: right;
            vertical-align: middle;
            font-weight: bold;
            padding-right: 5px !important;
        }

        .table-partner-commissions .columnComment {
            text-align: center;
            vertical-align: middle;
        }

        .table-partner-commissions .columnFile {
            text-align: center;
            vertical-align: middle;
            width: 80px;
        }

    .panel-table-sheetlisting-commission {
        margin-bottom: 0px;
    }

    .table-sheetlisting-commission {
        font-size: 12px;
    }

        .table-sheetlisting-commission tr th {
            text-align: center !important;
        }

        .table-sheetlisting-commission tr td {
            padding: 2px !important;
        }

        .table-sheetlisting-commission .columnPartner {
            vertical-align: middle;
        }

            .table-sheetlisting-commission .columnPartner span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
            }

            .table-sheetlisting-commission .columnPartner a.edit {
                font-size: 9px;
                color: #333333;
                padding: 0px 3px;
                margin-left: 10px;
            }

        .table-sheetlisting-commission .columnCommissionMode {
            width: 125px;
            text-align: center;
            vertical-align: middle;
        }

        .table-sheetlisting-commission .columnCommissionReference {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-sheetlisting-commission .columnCommissionReference input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-sheetlisting-commission .columnCommissionPeriod {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-sheetlisting-commission .columnCommissionPeriod input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-sheetlisting-commission .columnCommissionDocumentDate {
            width: 130px;
            text-align: center;
            vertical-align: middle;
            padding: 0px 5px !important;
        }

            .table-sheetlisting-commission .columnCommissionDocumentDate input {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

            .table-sheetlisting-commission .columnCommissionDocumentDate .input-group-addon {
                font-size: 12px !important;
                padding: 2px 4px !important;
                font-weight: normal;
            }

        .table-sheetlisting-commission .columnCommissionNbSheet {
            text-align: center;
            vertical-align: middle;
            width: 70px;
        }

        .table-sheetlisting-commission .columnCommission {
            width: 120px;
        }

        .table-sheetlisting-commission td.columnCommission {
            color: #006633;
            text-align: right;
            vertical-align: middle;
            font-weight: bold;
            padding-right: 5px !important;
        }

        .table-sheetlisting-commission .columnAction {
            text-align: center;
            vertical-align: middle;
            width: 80px;
        }

            .table-sheetlisting-commission .columnAction .viewSheetListing {
                float: left;
            }

            .table-sheetlisting-commission .columnAction .emitSheetListing {
                float: right;
            }

        .table-sheetlisting-commission .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 120px;
            margin-right: 0px;
        }

        .table-sheetlisting-commission .btn-group > .btn:first-child {
            padding: 2px 4px;
            font-size: 12px;
        }

        .table-sheetlisting-commission .dropdown-menu > li > a {
            font-size: 12px;
        }

    .panel-table-data-entry-request {
        margin-bottom: 0px;
    }

    .table-data-entry-request {
        font-size: 12px;
    }

        .table-data-entry-request tr td {
            font-size: 11px;
            padding: 2px !important;
            vertical-align: middle !important;
        }

        .table-data-entry-request .sheetref {
            width: 112px;
        }

        .table-data-entry-request .file {
            width: 38px;
            text-align: center;
        }

        .table-data-entry-request div.date {
            float: left;
            width: 150px;
        }

        .table-data-entry-request input.date {
            float: left;
            width: 110px !important;
        }

        .table-data-entry-request .textbox {
            float: left;
            width: 190px;
            margin: 5px 10px;
        }

        .table-data-entry-request .bootstrap-select.dataEntryRequest {
            margin-right: 5px !important;
        }

        .table-data-entry-request .dataEntryRequest {
            margin: 5px 10px;
        }

        .table-data-entry-request .der-submit {
            margin: 5px 10px;
        }

        .table-data-entry-request .input-group.date.dataEntryRequest {
            padding: 1px 1px !important;
            width: 100px;
        }

        .table-data-entry-request .dataEntryRequest input.date {
            width: 80px !important;
        }

        .table-data-entry-request .dataEntryRequest .input-group-addon {
            padding: 0px 2px
        }


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

        .table-files tr td {
            padding: 2px !important;
        }

    .panel-table-partner-listing {
        margin-bottom: 0px;
    }

    .table-partner-listing {
        font-size: 12px;
    }

        .table-partner-listing tr th {
            cursor: pointer;
        }

        .table-partner-listing tr td {
            padding: 2px !important;
        }

            .table-partner-listing tr td.columnName {
                width: 150px;
                max-width: 150px;
                overflow: hidden;
            }

                .table-partner-listing tr td.columnName span {
                    display: none;
                }

            .table-partner-listing tr td.columnAddress {
                width: 150px;
                max-width: 150px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

            .table-partner-listing tr td.columnPostCode {
                width: 50px;
                text-align: center;
                white-space: nowrap;
            }

            .table-partner-listing tr td.columnCity {
                width: 85px;
                max-width: 85px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                text-align: center;
            }

            .table-partner-listing tr td.columnLastCrmDate {
                width: 85px;
                text-align: center;
            }

            .table-partner-listing tr td.columnNextPlanDate {
                width: 85px;
                text-align: center;
            }

                .table-partner-listing tr td.columnNextPlanDate.ok {
                    background-color: #E6FBDD;
                }

                .table-partner-listing tr td.columnNextPlanDate.ko {
                    background-color: #f2dede;
                }

                .table-partner-listing tr td.columnNextPlanDate span {
                    visibility: hidden;
                }

                .table-partner-listing tr td.columnNextPlanDate.ok span {
                    visibility: initial;
                }

                .table-partner-listing tr td.columnNextPlanDate.ko span {
                    visibility: initial;
                }

            .table-partner-listing tr td.columnContractDate {
                width: 85px;
                text-align: center;
            }

        .table-partner-listing tr .columnLastSheetBuyDate {
            width: 85px;
            text-align: center;
        }

        .table-partner-listing tr td.columnYearCount {
            text-align: right;
        }

        .table-partner-listing tr td.columnYearIVAT {
            text-align: right;
            white-space: nowrap;
        }

        .table-partner-listing tr td.columnCommercial {
            width: 105px;
            text-align: center;
        }

    .panel-partner-details .field {
        min-height: 23px;
    }

        .panel-partner-details .field label {
            width: 80px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

    .panel-partner-details .firstColumn .field label {
        width: 100px !important;
    }

    .panel-partner-details .field span {
        padding-top: 6px;
        font-weight: bold;
        display: inherit;
    }

        .panel-partner-details .field span.address {
            padding-top: 6px;
            font-weight: bold;
            display: inline;
        }

    .panel-partner-details ul {
        display: inline-block;
        padding-left: 0px;
        padding-top: 6px;
    }

        .panel-partner-details ul li {
            list-style: none;
            font-weight: bold;
        }

            .panel-partner-details ul li .glyphicon {
                display: inline-block;
                margin-right: 5px;
            }

    .panel-partner-infoV1 {
    }

        .panel-partner-infoV1 .field label {
            width: 120px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

        .panel-partner-infoV1 .field span {
            padding-top: 6px;
            font-weight: bold;
            display: inherit;
        }

        .panel-partner-infoV1 .field .divspan {
            padding-top: 6px;
            font-weight: bold;
            display: inherit;
        }

    .table-partner-group {
        margin-top: 15px;
    }

        .table-partner-group .columnType {
            width: 150px;
            padding-top: 14px;
        }

        .table-partner-group .columnName {
            padding-top: 14px;
        }

        .table-partner-group .columnAddress {
            width: 50%;
        }

            .table-partner-group .columnAddress li.greenArrow {
                padding-top: 2px;
            }

        .table-partner-group .columnAct {
            width: 20px;
        }

    .panel-partner-value .field label {
        width: 140px !important;
    }

    .panel-partner-value .field span {
        padding-top: 6px;
        font-weight: bold;
        display: inherit;
        min-height: 23px;
    }

    .panel-partner-stats .field label {
        width: 170px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

    .panel-partner-stats .field span {
        padding-top: 6px;
        font-weight: bold;
        display: inherit;
    }

    .panel-partner-stats ul {
        display: inline-block;
        padding-left: 0px;
        padding-top: 6px;
    }

        .panel-partner-stats ul li {
            list-style: none;
            font-weight: bold;
        }

            .panel-partner-stats ul li .glyphicon {
                display: inline-block;
                margin-right: 5px;
            }
    /* ***** */
    /* modal */
    .modal .field label {
        padding-top: 6px;
    }


    .modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .modal .bootstrap-select {
        width: 150px !important;
    }

    .modal-vertical-centered {
        transform: translate(0, 15%) !important;
        -ms-transform: translate(0, 15%) !important; /* IE 9 */
        -webkit-transform: translate(0, 15%) !important; /* Safari and Chrome */
    }

    .partner-contact-modal .field label {
        width: 80px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
        width: 160px;
    }

    .partner-contact-modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-contact-modal .bootstrap-select {
        width: 150px !important;
    }

    .partner-contact-modal {
        font-size: 14px;
    }

        .partner-contact-modal .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
            margin-top: 0px;
        }

        .partner-contact-modal .field {
            height: 30px;
            margin-bottom: 5px;
        }

    .partner-details-modal .modal-body .field {
        width: 100%;
        min-height: 37px;
    }

        .partner-details-modal .modal-body .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

        .partner-details-modal .modal-body .field input {
            width: 100% !important;
            max-width: 400px;
        }

            .partner-details-modal .modal-body .field input.numeric {
                width: 150px !important;
            }

        .partner-details-modal .modal-body .field textarea {
            width: 100% !important;
            max-width: 400px;
            min-height: 70px;
        }

    .partner-details-modal .modal-body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-details-modal .modal-body .bootstrap-select {
        max-width: 400px;
        width: 100% !important;
    }

    .partner-details-modal .modal-body {
        font-size: 14px;
    }

        .partner-details-modal .modal-body .listCheckbox {
            padding-top: 6px;
            margin-left: 15px;
        }

        .partner-details-modal .modal-body .aspCheckbox label {
            display: none;
        }

        .partner-details-modal .modal-body .field .date {
            width: 150px;
        }

            .partner-details-modal .modal-body .field .date input {
                width: 111px !important;
            }

        .partner-details-modal .modal-body .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
            margin-top: 1px;
        }

    .partner-creation-modal .modal-body .field {
        width: 100%;
        min-height: 37px;
    }

        .partner-creation-modal .modal-body .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

        .partner-creation-modal .modal-body .field input {
            width: 100% !important;
            max-width: 400px;
        }

            .partner-creation-modal .modal-body .field input.numeric {
                width: 150px !important;
            }

        .partner-creation-modal .modal-body .field textarea {
            width: 100% !important;
            max-width: 400px;
            min-height: 70px;
        }

    .partner-creation-modal .modal-body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-creation-modal .modal-body .bootstrap-select {
        max-width: 400px;
        width: 100% !important;
    }

    .partner-creation-modal .modal-body {
        font-size: 14px;
    }

        .partner-creation-modal .modal-body .listCheckbox {
            padding-top: 6px;
            margin-left: 15px;
        }

        .partner-creation-modal .modal-body .aspCheckbox label {
            display: none;
        }

        .partner-creation-modal .modal-body .field .date {
            width: 150px;
        }

            .partner-creation-modal .modal-body .field .date input {
                width: 109px !important;
            }

        .partner-creation-modal .modal-body .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
            margin-top: 1px;
        }

    .partner-contract-modal .modal-body .field {
        width: 100%;
        min-height: 37px;
    }

        .partner-contract-modal .modal-body .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

        .partner-contract-modal .modal-body .field input {
            width: 100% !important;
            max-width: 400px;
        }

    .partner-contract-modal .modal-body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-contract-modal .modal-body .bootstrap-select {
        max-width: 400px;
        width: 100% !important;
    }

    .partner-contract-modal .modal-body {
        font-size: 14px;
    }

        .partner-contract-modal .modal-body .field .date {
            width: 150px;
        }

            .partner-contract-modal .modal-body .field .date input {
                width: 111px !important;
            }

    .partner-group-modal .modal-body .field {
        line-height: 30px;
        display: inline-block;
        width: 100%;
    }

        .partner-group-modal .modal-body .field label {
            width: 150px !important;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

    .partner-address-modal .field label {
        width: 80px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

    .partner-address-modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-address-modal .bootstrap-select {
        width: 150px !important;
    }

    .partner-address-modal {
        font-size: 14px;
    }

        .partner-address-modal .listCheckbox {
            padding-top: 6px;
            margin-left: 15px;
        }

        .partner-address-modal .aspCheckbox label {
            display: none;
        }

    .partner-information-modal .field label {
        width: 80px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

    .partner-information-modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partner-information-modal .bootstrap-select {
        width: 150px !important;
    }

    .partner-information-modal {
        font-size: 14px;
    }

    .partner-interaction-cc-modal .field label {
        width: 150px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
        margin-top: 0px !important;
    }

    .partner-interaction-cc-modal .field .radio {
        width: 60px !important;
        padding-left: 5px;
        font-weight: bold;
    }

    .partner-interaction-cc-modal .field .checkbox {
        padding-left: 5px;
        font-weight: bold;
    }

    .partner-interaction-cc-modal .modal-body {
        max-width: 360px;
    }

    .partner-interaction-cc-modal .idInteraction {
        min-height: 30px;
    }

    .partner-interaction-cc-modal .idPlanning {
        min-height: 30px;
    }

    .partner-dataproposalresponse-approval-modal {
        font-size: 14px;
    }

        .partner-dataproposalresponse-approval-modal .field {
            min-height: 40px;
        }

            .partner-dataproposalresponse-approval-modal .field label {
                width: 100px !important;
            }

        .partner-dataproposalresponse-approval-modal .modal-footer {
            text-align: center;
        }

            .partner-dataproposalresponse-approval-modal .modal-footer .btn-success {
                float: right;
                margin-right: 30px;
            }

            .partner-dataproposalresponse-approval-modal .modal-footer .btn-danger {
                float: left;
                margin-left: 30px;
            }

    .modal .modalPartner ul.greenArrow li.greenArrow {
        padding-bottom: 0px;
    }

    .modal .modalPartner a.glyphicon-remove {
        float: left;
        padding-top: 8px;
        margin-right: 10px;
    }

        .modal .modalPartner a.glyphicon-remove:hover {
            text-decoration: none;
        }

        .modal .modalPartner a.glyphicon-remove:-webkit-any-link {
            text-decoration: none;
        }

    .partner-access-modal .modalPartner .accessTitle {
        padding-top: 7px;
        margin-right: 10px;
        color: #84BD00;
        font-weight: bold;
    }

    .partner-access-modal .modalPartner .btn {
        padding: 2px 5px;
    }

    .partner-access-modal .modalPartner .form-control {
        padding: 2px 5px;
    }

    .partner-access-modal .modalPartner .control-label {
        width: 150px;
    }

    .partner-access-modal .modalPartner input {
        width: 220px !important;
    }

    .partner-access-modal .modalPartner .bootstrap-select {
        margin-right: 10px;
        margin-bottom: 5px;
        display: inline-block;
    }

        .partner-access-modal .modalPartner .bootstrap-select a {
            width: 100%;
        }

    .partner-access-modal .modalPartner .form-inline {
        padding-left: 30px;
    }

        .partner-access-modal .modalPartner .form-inline.tags {
            margin-top: 15px;
        }

        .partner-access-modal .modalPartner .form-inline div {
            min-height: 30px;
        }

    .partner-access-modal .modalPartner .aspCheckbox {
        margin-bottom: 5px;
        margin-left: 10px;
    }

        .partner-access-modal .modalPartner .aspCheckbox label {
            display: none;
        }

        .partner-access-modal .modalPartner .aspCheckbox .icheckbox_square-green {
            float: none;
            margin-top: 0px;
            top: 6px;
        }

        .partner-access-modal .modalPartner .aspCheckbox input {
            width: 20px;
            margin-left: 10px;
            margin-bottom: 5px;
        }

    .partner-access-modal .modalPartner label.subTitle {
        padding-top: 7px;
        margin-right: 10px;
        color: #84BD00;
    }

    .partner-access-modal .activeWeb .field {
        display: none;
        margin-bottom: 5px;
    }

    .partner-access-modal .activeWeb .web {
        display: block !important;
    }

    .partner-access-modal .activeDevice .field {
        display: none;
    }

    .partner-access-modal .activeDevice .device {
        display: block !important;
    }

    .partner-access-modal .activeUser .field {
        display: none;
    }

    .partner-access-modal .activeUser .user {
        display: block !important;
    }

    .partner-access-modal .activeSystem .field {
        display: none;
    }

    .partner-access-modal .activeSystem .system {
        display: block !important;
    }

    .partner-access-modal .activeSafeBook .field {
        display: none;
    }

    .partner-access-modal .activeSafeBook .safeBook {
        display: block !important;
    }

    .partner-access-modal .modalPartner .access_conditionName {
        text-decoration: underline;
        min-width: 117px;
    }

    .partner-access-modal .modalPartner .access_prefix {
    }

    .partner-access-modal .modalPartner .access_activate {
    }

    .partner-access-modal .modalPartner .rights li.greenArrow {
        background-position-y: 13px;
    }

    .partner-access-modal .modalPartner .rights .access_rightName {
        width: 270px;
    }

    .partner-access-modal .modalPartner .rights .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100px;
    }

    .partner-articles-modal .good .checkbox {
        margin-left: 19px;
    }

    .partner-articles-modal .good {
        height: 22px;
        display: inline-block;
    }

        .partner-articles-modal .good label {
            font-size: 12px;
            width: 170px;
            font-weight: bold;
        }

    .partner-articles-modal .eraseEditPartnerArticlesModal {
        float: left;
    }

    .partner-articles-copy-modal .field {
        height: 30px;
        margin-bottom: 5px;
    }

    .partner-add-subshop-modal {
    }

        .partner-add-subshop-modal .field {
            min-height: 35px;
        }

            .partner-add-subshop-modal .field label {
                width: 150px;
            }

                .partner-add-subshop-modal .field label.radio {
                    width: 50px;
                    padding-top: 0px;
                    margin-top: 7px;
                }

            .partner-add-subshop-modal .field .twitter-typeahead {
                margin-right: 5px;
            }

        .partner-add-subshop-modal .vatrates {
            width: 50px;
            float: left;
            padding-left: 5px;
            margin-top: 8px;
        }

            .partner-add-subshop-modal .vatrates .icheckbox_square-green {
                margin-top: 0px !important;
                margin-right: 5px;
            }

    .partner-creation-modal .field {
        min-height: 37px;
    }

        .partner-creation-modal .field input {
            width: 220px !important;
            margin-bottom: 3px;
        }

        .partner-creation-modal .field label {
            width: 190px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
        }

            .partner-creation-modal .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

    .partner-creation-modal .bootstrap-select {
        margin-right: 15px;
        width: 220px !important;
    }
    /***********************/
    /* admin page - System */
    .admin .systemPanel .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .admin .systemPanel .field label {
            width: 300px;
            float: left;
            padding-top: 6px;
        }
    /**************************/
    /* admin page - dashboard */
    .admin .dashboard {
    }

        .admin .dashboard .dashboard-simple-item {
            padding: 4px;
            height: 300px;
        }

            .admin .dashboard .dashboard-simple-item .panel {
                height: 100%;
            }

            .admin .dashboard .dashboard-simple-item span.address {
                font-size: 11px;
                font-style: italic;
                color: #333333;
                font-weight: normal;
            }

            .admin .dashboard .dashboard-simple-item .panel-heading .badge {
                margin-right: 5px;
            }

            .admin .dashboard .dashboard-simple-item .panel-body-item {
                margin-bottom: 5px;
            }

            .admin .dashboard .dashboard-simple-item .panel-body-title {
                font-weight: bold;
            }

            .admin .dashboard .dashboard-simple-item .panel-body-content {
                padding-left: 15px;
            }

        .admin .dashboard #idDataEntryRequest label {
            width: 200px;
        }

        .admin .dashboard #idVat label {
            width: 200px;
        }

        .admin .dashboard #idVat .todeclare {
            background-color: #d9534f;
        }

        .admin .dashboard #idVat .toclaim {
            background-color: #5bc0de;
        }

        .admin .dashboard #idVat #idVatToDeclare .panel-body-title {
            color: #d9534f;
        }

        .admin .dashboard #idVat #idVatToClaim .panel-body-title {
            color: #5bc0de;
        }

        .admin .dashboard #idRefundCustomer label {
            width: 200px;
        }

        .admin .dashboard #idRefundCustomer .toprocess {
            background-color: #d9534f;
        }

        .admin .dashboard #idRefundCustomer .topay {
            background-color: #5bc0de;
        }

        .admin .dashboard #idRefundCustomer #idRefundCustomerToProcess .panel-body-title {
            color: #d9534f;
        }

        .admin .dashboard #idRefundCustomer #idRefundCustomerToPay .panel-body-title {
            color: #5bc0de;
        }

        .admin .dashboard #idRefundThird label {
            width: 200px;
        }

        .admin .dashboard #idRefundThird .todelegate {
            background-color: #d9534f;
        }

        .admin .dashboard #idRefundThird .toprocess {
            background-color: #5bc0de;
        }

        .admin .dashboard #idRefundThird #idRefundthirdToDelegate .panel-body-title {
            color: #d9534f;
        }

        .admin .dashboard #idRefundThird #idRefundThirdToProcess .panel-body-title {
            color: #5bc0de;
        }

        .admin .dashboard #idShopCommission label {
            width: 200px;
        }

        .admin .dashboard #idShopCommission .toprocess {
            background-color: #d9534f;
        }

        .admin .dashboard #idShopCommission .topay {
            background-color: #5bc0de;
        }

        .admin .dashboard #idShopCommission #idShopcommissionToProcess .panel-body-title {
            color: #d9534f;
        }

        .admin .dashboard #idShopCommission #idShopCommissionToPay .panel-body-title {
            color: #5bc0de;
        }
    /*****************************/
    /* admin page - Localization */
    .admin .localizationPanel .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .admin .localizationPanel .field label {
            width: 300px;
            float: left;
            padding-top: 6px;
        }

        .admin .localizationPanel .field .language label {
            width: 150px;
            left: -15px;
            position: relative;
        }

        .admin .localizationPanel .field .language .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 120px;
            font-size: 13px;
        }

    .admin .localizationPanel .mGrid td {
        width: 50%;
    }
    /****************************/
    /* admin page - file-upload */
    .admin .file-upload .adminForm {
        padding: 5px;
    }

    .admin .file-upload .field label {
        width: 150px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
        margin-top: 0px !important;
    }

    .admin .file-upload .submitButton {
        max-width: 150px;
        margin-left: 150px !important;
        margin-top: 5px;
    }

    .admin .file-upload .tagListPanel {
        display: inline-block;
        font-size: 12px;
        width: 170px;
    }

        .admin .file-upload .tagListPanel .cbox-label {
            padding-top: 8px;
        }

    .admin .file-upload .idBinded {
        margin-bottom: 5px;
    }

    .admin .file-upload .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .admin .file-upload .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        margin-right: initial;
    }

    .admin .file-upload .bootstrap-select span {
        font-size: 12px;
    }

    .admin .file-upload .bootstrap-select .selectpicker {
        padding: 2px 5px;
        font-size: 13px;
        line-height: 1.5;
        border-radius: 3px;
    }
    /***********************************/
    /* admin page - data-entry-request */
    .admin .data-entry-request .adminForm {
        padding: 5px;
    }

    .admin .data-entry-request .field label {
        width: 125px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
        margin-top: 0px !important;
    }

    .admin .data-entry-request input {
        width: 100px;
    }

    .admin .data-entry-request .adminForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .admin .data-entry-request .adminForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        margin-right: initial;
    }

    .admin .data-entry-request .adminForm .bootstrap-select span {
        font-size: 12px;
    }

    .admin .data-entry-request .adminForm .bootstrap-select .selectpicker {
        padding: 2px 5px;
        font-size: 13px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .admin .data-entry-request .adminForm .submitButton {
        max-width: 150px;
        margin-left: 150px !important;
        margin-top: 5px;
    }

    .admin .data-entry-request .stateListPanel {
        display: inline-block;
        font-size: 12px;
        width: 150px;
    }

        .admin .data-entry-request .stateListPanel .cbox-label {
            padding-top: 8px;
            padding-left: 25px;
        }

    .admin .data-entry-request .dataEntryTypeListPanel .cbox-label {
        padding-top: 8px;
        padding-left: 25px;
    }

    .admin .data-entry-request .dataEntryTypeListPanel {
        display: inline-block;
        font-size: 12px;
        width: 170px;
    }

    .admin .data-entry-request .panel-table-data-entry-request .input-group.date {
        padding: 5px 10px;
    }

    .admin .data-entry-request .panel-table-data-entry-request .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }
    /**************************/
    /* admin page - affiliate */
    .affiliatePanel .parameterItem {
        margin-bottom: 5px;
        min-height: 40px;
    }

    .affiliatePanel .field label {
        width: 50%;
        padding-bottom: 8px;
        border-bottom: 1px solid #ccc;
    }

    .affiliatePanel label {
        width: 30%;
    }

    .affiliatePanel .bootstrap-select .btn {
        padding: 3px 6px;
    }

        .affiliatePanel .bootstrap-select .btn span {
            font-size: 13px;
        }
    /********************/
    /* admin page - vat */
    .adminVat span.checkAll {
        text-align: center;
        vertical-align: middle;
        width: 60px;
        position: relative;
        left: 4px;
    }

        .adminVat span.checkAll .icheckbox_square-green {
            float: none;
            text-align: center;
            margin-top: 0px;
            border: 1px solid #000;
        }

    .adminVat .adminForm {
        min-height: 40px;
    }

    .adminVat .field {
        padding-top: 3px;
        float: left;
    }

        .adminVat .field label {
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

            .adminVat .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .adminVat .field label.category {
                width: 100%;
            }

        .adminVat .field .btn {
            font-size: 12px;
        }

        .adminVat .field .dropdown-menu {
            font-size: 12px;
        }

        .adminVat .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 170px;
        }

    .adminVat .idBeginDate {
        margin-right: 15px;
    }

    .adminVat .field .date {
        width: 109px;
    }

    .adminVat .vatTitle {
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
    }

    .adminVat .columnShop span {
        display: none;
    }

    .adminVat .buttonbar input {
        width: 150px;
    }

    .adminVat tr th {
        cursor: pointer;
    }

    .adminVat .idComment {
        margin-right: 15px;
    }

    .adminVat .idPeriod {
        margin-right: 15px;
    }
    /* admin page - vat - to process */
    .adminVatToProcess #table-vat-on-sale-to-process-hightlight {
    }

        .adminVatToProcess #table-vat-on-sale-to-process-hightlight .columnVatToProcess {
            display: none;
        }

        .adminVatToProcess #table-vat-on-sale-to-process-hightlight .columnVatOnSaleToProcess {
        }

        .adminVatToProcess #table-vat-on-sale-to-process-hightlight .columnVatOnShopCommissionToProcess {
            display: none;
        }

        .adminVatToProcess #table-vat-on-sale-to-process-hightlight .columnVatOnThirdFeesToProcess {
            display: none;
        }

    .adminVatToProcess #not-hightlight-onSale {
    }

        .adminVatToProcess #not-hightlight-onSale .columnShop {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onSale .columnVatToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onSale .columnVatOnSaleToProcess {
        }

        .adminVatToProcess #not-hightlight-onSale .columnVatOnShopCommissionToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onSale .columnVatOnThirdFeesToProcess {
            display: none;
        }

    .adminVatToProcess #not-hightlight-onShopCommission {
    }

        .adminVatToProcess #not-hightlight-onShopCommission .columnShop {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onShopCommission .columnVatToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onShopCommission .columnVatOnSaleToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onShopCommission .columnVatOnShopCommissionToProcess {
        }

        .adminVatToProcess #not-hightlight-onShopCommission .columnVatOnThirdFeesToProcess {
            display: none;
        }

    .adminVatToProcess #not-hightlight-onThirdFees {
    }

        .adminVatToProcess #not-hightlight-onThirdFees .columnShop {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onThirdFees .columnVatToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onThirdFees .columnVatOnSaleToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onThirdFees .columnVatOnShopCommissionToProcess {
            display: none;
        }

        .adminVatToProcess #not-hightlight-onThirdFees .columnVatOnThirdFeesToProcess {
        }
    /* admin page - vat - to declare */
    .adminVatToDeclare #onSale {
    }

        .adminVatToDeclare #onSale .columnShop {
            display: none;
        }

        .adminVatToDeclare #onSale .columnVatToProcess {
            display: none;
        }

        .adminVatToDeclare #onSale .columnVatOnSaleToProcess {
        }

        .adminVatToDeclare #onSale .columnVatOnShopCommissionToProcess {
            display: none;
        }

        .adminVatToDeclare #onSale .columnVatOnThirdFeesToProcess {
            display: none;
        }

    .adminVatToDeclare #onShopCommission {
    }

        .adminVatToDeclare #onShopCommission .columnShop {
            display: none;
        }

        .adminVatToDeclare #onShopCommission .columnVatToProcess {
            display: none;
        }

        .adminVatToDeclare #onShopCommission .columnVatOnSaleToProcess {
            display: none;
        }

        .adminVatToDeclare #onShopCommission .columnVatOnShopCommissionToProcess {
        }

        .adminVatToDeclare #onShopCommission .columnVatOnThirdFeesToProcess {
            display: none;
        }

    .adminVatToDeclare #onThirdFees {
    }

        .adminVatToDeclare #onThirdFees .columnShop {
            display: none;
        }

        .adminVatToDeclare #onThirdFees .columnVatToProcess {
            display: none;
        }

        .adminVatToDeclare #onThirdFees .columnVatOnSaleToProcess {
            display: none;
        }

        .adminVatToDeclare #onThirdFees .columnVatOnShopCommissionToProcess {
            display: none;
        }

        .adminVatToDeclare #onThirdFees .columnVatOnThirdFeesToProcess {
        }
    /* admin page - vat - to claim */
    .adminVatToClaim {
    }

        .adminVatToClaim .columnShop {
            display: none;
        }
    /**************************************/
    /* admin page - commission to process */
    .adminCommissionToProcess span.checkAll {
        text-align: center;
        vertical-align: middle;
        width: 60px;
        position: relative;
        left: 4px;
    }

        .adminCommissionToProcess span.checkAll .icheckbox_square-green {
            float: none;
            text-align: center;
            margin-top: 0px;
            border: 1px solid #000;
        }

    .adminCommissionToProcess .buttonbar input {
        width: 150px;
        margin-left: 15px;
    }
    /********************************/
    /* admin page - customer refund */
    .adminCustomerRefund span.checkAll {
        text-align: center;
        vertical-align: middle;
        width: 60px;
        position: relative;
        left: 4px;
    }

        .adminCustomerRefund span.checkAll .icheckbox_square-green {
            float: none;
            text-align: center;
            margin-top: 0px;
            border: 1px solid #000;
        }

    .adminCustomerRefund .adminForm {
        min-height: 40px;
    }

    .adminCustomerRefund .field {
        padding-top: 3px;
        float: left;
    }

        .adminCustomerRefund .field label {
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

            .adminCustomerRefund .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .adminCustomerRefund .field label.category {
                width: 100%;
            }

        .adminCustomerRefund .field .btn {
            font-size: 12px;
        }

        .adminCustomerRefund .field .dropdown-menu {
            font-size: 12px;
        }

        .adminCustomerRefund .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 170px;
        }

    .adminCustomerRefund .idBeginDate {
        margin-right: 15px;
    }

    .adminCustomerRefund .field .date {
        width: 109px;
    }

    .adminCustomerRefund .columnShop span {
        display: none;
    }

    .adminCustomerRefund .buttonbar input {
        width: 150px;
    }

    .adminCustomerRefund .idComment {
        margin-right: 15px;
    }

    .adminCustomerRefund .idPeriod {
        margin-right: 15px;
    }

    .adminCustomerRefund tr th {
        cursor: pointer;
    }
    /* admin page - customer refund - to process */
    .adminCustomerRefundToProcess {
    }
    /* admin page - customer refund - to pay */
    .adminCustomerRefundToPay {
    }
    /*******************/
    /* admin - Third   */
    .adminThird span.checkAll {
        text-align: center;
        vertical-align: middle;
        width: 60px;
        position: relative;
        left: 4px;
    }

        .adminThird span.checkAll .icheckbox_square-green {
            float: none;
            text-align: center;
            margin-top: 0px;
            border: 1px solid #000;
        }

    .adminThird .adminForm {
        min-height: 40px;
    }

    .adminThird .field {
        padding-top: 3px;
        float: left;
    }

        .adminThird .field label {
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

            .adminThird .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .adminThird .field label.category {
                width: 100%;
            }

        .adminThird .field .btn {
            font-size: 12px;
        }

        .adminThird .field .dropdown-menu {
            font-size: 12px;
        }

        .adminThird .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 170px;
        }

    .adminThird .idBeginDate {
        margin-right: 15px;
    }

    .adminThird .field .date {
        width: 109px;
    }

    .adminThird .columnShop span {
        display: none;
    }

    .adminThird .buttonbar input {
        width: 150px;
    }

    .adminThird .idComment {
        margin-right: 15px;
    }

    .adminThird .idPeriod {
        margin-right: 15px;
    }

    .adminThird tr th {
        cursor: pointer;
    }
    /* admin page - third to delegate */
    .adminThirdToDelegate {
    }

        .adminThirdToDelegate .columnThirdFees {
            display: none;
        }
    /* admin page - third to process */
    .adminThirdToProcess {
    }
    /* admin page - third to pay */
    .adminThirdToPay {
    }

        .adminThirdToPay .columnThirdFees {
            display: none;
        }
    /***************************/
    /* admin - Shop Commission */
    .adminShopCommission span.checkAll {
        text-align: center;
        vertical-align: middle;
        width: 60px;
        position: relative;
        left: 4px;
    }

        .adminShopCommission span.checkAll .icheckbox_square-green {
            float: none;
            text-align: center;
            margin-top: 0px;
            border: 1px solid #000;
        }

    .adminShopCommission .adminForm {
        min-height: 40px;
    }

    .adminShopCommission .field {
        padding-top: 3px;
        float: left;
    }

        .adminShopCommission .field label {
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

            .adminShopCommission .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .adminShopCommission .field label.category {
                width: 100%;
            }

        .adminShopCommission .field .btn {
            font-size: 12px;
        }

        .adminShopCommission .field .dropdown-menu {
            font-size: 12px;
        }

        .adminShopCommission .field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 170px;
        }

    .adminShopCommission .idBeginDate {
        margin-right: 15px;
    }

    .adminShopCommission .field .date {
        width: 109px;
    }

    .adminShopCommission .columnShop span {
        display: none;
    }

    .adminShopCommission .buttonbar input {
        width: 150px;
    }

    .adminShopCommission .idComment {
        margin-right: 15px;
    }

    .adminShopCommission .idPeriod {
        margin-right: 15px;
    }

    .adminShopCommission tr th {
        cursor: pointer;
    }
    /* admin - Shop Commission To Process */
    .adminShopCommissionToProcess .table-partner-commissions .columnPartner {
        display: none;
    }

    .adminShopCommissionToProcess .table-partner-commissions .columnReference {
        display: none;
    }

    .adminShopCommissionToProcess .table-sheetlisting-commission .columnPartner {
        display: none;
    }
    /* admin - Shop Commission To Pay */
    .adminShopCommissionToPay .columnPartner a.edit {
        display: none;
    }

    .adminShopCommissionToPay .columnPartner span {
        display: none;
    }

    .adminShopCommissionToPay .table-sheetlisting-commission .columnPartner {
        display: none;
    }
    /**************************/
    /* admin - sheet Overview */
    .sheetOverview .idSheet input {
        width: 160px !important;
        margin-bottom: 3px;
        font-size: 13px;
    }

    .sheetOverview .idSheet label {
        width: 160px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

        .sheetOverview .idSheet label.mandatory {
            color: #84BD00;
            font-weight: bold;
            padding-left: 0px;
        }

    .sheetOverview .panel .field {
        margin-bottom: 3px;
        display: inline-block;
        width: 100%;
    }

    .sheetOverview .panel-infos .field label {
        width: 170px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
    }

    .sheetOverview .panel-infos .field span {
        padding-top: 6px;
        font-weight: bold;
        display: inherit;
    }

    .sheetOverview .panel-infos ul {
        display: inline-block;
        padding-left: 0px;
        padding-top: 6px;
    }

        .sheetOverview .panel-infos ul li {
            list-style: none;
            font-weight: bold;
        }

            .sheetOverview .panel-infos ul li .glyphicon {
                display: inline-block;
                margin-right: 5px;
            }

    .sheetOverview .panel-files .field label {
        width: 35%;
    }

    .sheetOverview .panel-files .field span {
        width: 65%;
        padding-top: 6px;
        display: inline-block;
    }

    .sheetOverview .panel-saisie .field .input-group.date {
        width: 190px !important;
    }

    .sheetOverview .panel-actions .field input {
        width: 150px !important;
    }

    .sheetOverview .panel-actions .bootstrap-select {
        width: 150px !important;
        margin-right: 0px !important;
    }

    .sheetOverview .panel-actions .selectpicker { /* padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;*/
    }

    .sheetOverview .panel-actions .field {
        display: inline-block;
        width: auto;
    }

        .sheetOverview .panel-actions .field.aligne {
            float: left;
            width: auto;
            margin-right: 5px;
        }

    .sheetOverview .panel-states {
        padding: 0px !important;
        font-size: 14px;
    }

        .sheetOverview .panel-states .state {
            min-height: 50px;
            padding: 5px 10px;
        }

            .sheetOverview .panel-states .state.eligibility, .adminPartner .sheetOverview .panel-states .state.customs {
                min-height: 60px;
            }

            .sheetOverview .panel-states .state.vat, .adminPartner .sheetOverview .panel-states .state.shopcommission {
                min-height: 150px;
            }

            .sheetOverview .panel-states .state.customertopay, .adminPartner .sheetOverview .panel-states .state.customertogetback {
                min-height: 135px;
            }

            .sheetOverview .panel-states .state.refunddelegated, .adminPartner .sheetOverview .panel-states .state.third {
                min-height: 135px;
            }

            .sheetOverview .panel-states .state .title {
                font-size: 13px;
                font-weight: bold;
                color: #333333;
                display: inline-block;
                width: 50%;
            }

            .sheetOverview .panel-states .state .flag {
                font-size: 20px;
                top: 4px;
                position: relative;
            }

            .sheetOverview .panel-states .state.ok {
                background-color: #E6FBDD;
                border: 1px solid #d6e9c6;
            }

                .sheetOverview .panel-states .state.ok .flag .glyphicon-ok-circle {
                    display: inline-block;
                }

                .sheetOverview .panel-states .state.ok .flag .glyphicon-remove-circle {
                    display: none;
                }

                .sheetOverview .panel-states .state.ok .reason {
                    display: none;
                }

                .sheetOverview .panel-states .state.ok .information {
                    display: inline-block;
                }

            .sheetOverview .panel-states .state.ko {
                background-color: #f2dede;
                border: 1px solid #ebccd1;
            }

                .sheetOverview .panel-states .state.ko .flag .glyphicon-ok-circle {
                    display: none;
                }

                .sheetOverview .panel-states .state.ko .flag .glyphicon-remove-circle {
                    display: inline-block;
                }

                .sheetOverview .panel-states .state.ko .reason {
                    display: none;
                }

                .sheetOverview .panel-states .state.ko .information {
                    display: none;
                }

            .sheetOverview .panel-states .state.info {
                background-color: #d9edf7;
                border: 1px solid #bce8f1;
                margin-bottom: 0px !important;
            }

            .sheetOverview .panel-states .state.empty {
                background-color: #f7f7f9;
                border: 1px solid #e1e1e8;
                margin-bottom: 0px !important;
            }

        .sheetOverview .panel-states ul {
            margin-bottom: 01px !important;
        }

            .sheetOverview .panel-states ul li .st_title {
                width: 60%;
                display: inline-block;
            }

            .sheetOverview .panel-states ul li.active .st_title {
                font-weight: bold;
            }

            .sheetOverview .panel-states ul li.notactive .st_title {
                color: #AAAAAA;
            }

    .sheetOverview .panel-table-sheet-event .eventForm {
        background-color: #E6FBDD;
        padding-left: 5px;
        padding-bottom: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-bottom: 5px;
    }

        .sheetOverview .panel-table-sheet-event .eventForm div.box {
            display: inline-block;
            margin-right: 30px;
        }

            .sheetOverview .panel-table-sheet-event .eventForm div.box label {
                margin-top: 8px;
            }

            .sheetOverview .panel-table-sheet-event .eventForm div.box .icheckbox_square-green {
                margin-right: 5px;
            }

    .sheetOverview .panel-table-data-entry-request .sheetref {
        display: none;
    }
    /*******************/
    /* admin - partner */
    .adminPartner .field input {
        width: 150px !important;
        font-size: 13px;
    }

    .adminPartner #PartnerGuidSelected {
        display: inline-block;
        margin-right: 15px;
    }

    .adminPartner #SubmitButtonGetPartner {
        display: inline-block;
        margin-right: 15px;
    }

    .adminPartner #Prefix {
        display: inline-block;
        margin-right: 15px;
    }

    .adminPartner #PartnerCreationButton {
        width: 50px !important;
    }

    .adminPartner .field label { /* width: 190px; float: left; padding-top: 6px; position: relative; margin-bottom: 0 !important; */
    }

        .adminPartner .field label.mandatory {
            color: #84BD00;
            font-weight: bold;
            padding-left: 0px;
        }

    .adminPartner .bootstrap-select {
        float: left;
        margin-right: 15px;
    }

    .adminPartner .fieldPartner {
        margin-bottom: 20px;
    }

        .adminPartner .fieldPartner label {
            width: 170px;
        }

    .adminPartner .twitter-typeahead {
        float: left;
        margin-right: 15px;
    }

    .adminPartner .tt-menu {
        width: 380px;
        max-height: 300px;
        margin: 6px 0;
        padding: 8px 0;
        background-color: #fff;
        overflow-y: auto;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .adminPartner .tt-suggestion {
        padding: 3px 10px;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    /* admin - partner remove */
    /* admin - partner fusion */
    .adminFusionPartner .twitter-typeahead {
        float: none;
    }

    .adminFusionPartner .field {
        text-align: center;
    }

        .adminFusionPartner .field label {
            float: none;
        }

    .adminFusionPartner .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 60px;
        margin-right: initial;
    }

    .adminFusionPartner .bootstrap-select span {
        font-size: 11px;
    }

    .adminFusionPartner .bootstrap-select .selectpicker {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .adminFusionPartner .bootstrap-select.btn-group .btn .caret {
        right: 6px;
    }

    .adminFusionPartner .middleAction {
        text-align: center;
        padding: 2px 0;
    }
    /* admin - partner activity */
    .adminPartnerActivity .table-partner-events .shop {
    }

    .adminPartnerActivity .table-partner-events .categoryType {
        width: 150px;
    }

    .adminPartnerActivity .table-partner-events .wayType {
        width: 150px;
    }

    .adminPartnerActivity .table-partner-events .goalType {
        width: 150px;
    }

    .adminPartnerActivity .table-partner-events .more {
        width: 60px;
    }

    .adminPartnerActivity .calendar-buttonbar h4 {
        font-size: 12px;
        font-weight: bold;
        padding-top: 5px;
    }

    .adminPartnerActivity .calendar-buttonbar .btn-group {
        float: right;
        margin-left: 15px;
    }

    .adminPartnerActivity .cal-month-box [class*=cal-cell] {
        min-height: 40px;
    }

    .adminPartnerActivity .cal-month-day {
        height: 40px;
    }

    .adminPartnerActivity span[data-cal-date] {
        margin-top: 0px;
        margin-right: 5px;
    }

    .adminPartnerActivity .efs-calendar a {
        color: #000000;
    }

    .adminPartnerActivity .table-partner-commissions .columnPartner {
        display: none;
    }

    .adminPartnerActivity .table-partner-commissions .columnReference {
        display: none;
    }

    .adminPartnerActivity .table-sheetlisting-commission .columnPartner {
        display: none;
    }
    /******************************************************************************************************/
    /* commercial */
    .commercial .field {
        width: 240px;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .commercial .field label {
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

            .commercial .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .commercial .field label.category {
                width: 100%;
            }

        .commercial .field .date {
            width: 111px;
        }

    .commercial #idSubmitForm.field {
    }

    .commercial .calendar-buttonbar {
        display: inline-block;
        width: 100%;
    }

        .commercial .calendar-buttonbar h4 {
            font-size: 12px;
            font-weight: bold;
            float: left;
        }

        .commercial .calendar-buttonbar .btn-group {
            float: right;
            margin-left: 15px;
        }

    .commercial #calendar {
        font-size: 12px;
    }

    .commercial .cal-month-box [class*=cal-cell] {
        min-height: 40px;
    }

    .commercial .cal-month-day {
        height: 40px;
    }

    .commercial span[data-cal-date] {
        margin-top: 0px;
        margin-right: 5px;
    }
    /* commercial - planning */
    .commercial .planning .table-partner-events {
        font-size: 12px;
    }

        .commercial .planning .table-partner-events .shop {
            max-width: 100%;
        }

        .commercial .planning .table-partner-events .commercial {
            max-width: 80px;
        }

        .commercial .planning .table-partner-events .planning {
            max-width: 80px;
        }

        .commercial .planning .table-partner-events .contact {
            max-width: 150px;
        }

            .commercial .planning .table-partner-events .contact ul {
                padding-left: 10px;
            }

                .commercial .planning .table-partner-events .contact ul li {
                    list-style: none;
                }

                    .commercial .planning .table-partner-events .contact ul li span {
                        display: none;
                    }

        .commercial .planning .table-partner-events .more .openModal {
            display: none;
        }

    .commercial .planning .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .commercial .planning .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            margin-right: 15px;
        }

    .commercial .planning .submitButton {
        max-width: 150px;
        margin-left: 150px;
        margin-top: 10px;
    }

    .commercial .planning .bootstrap-select > .btn {
        width: 150px;
    }
    /* commercial - stats crm */
    .commercial .calendarCommercial {
        padding: 0 15px;
    }

    .commercial .stats-crm .adminForm .bootstrap-select {
        width: 150px;
    }

    .commercial .stats-crm .field {
        width: 100%;
        padding-top: 3px;
        display: inline-block;
    }

        .commercial .stats-crm .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .stats-crm .submitButton {
        max-width: 150px;
        margin-top: 1px;
        margin-left: 0px;
    }

    .commercial .stats-crm .bootstrap-select > .btn {
        width: 150px;
    }

    .commercial .stats-crm .adminForm .idShopCP input {
        width: 150px;
    }

    .commercial .stats-crm .submitButton {
        max-width: 150px;
        margin-left: 150px;
    }
    /* commercial - stats suivi */
    .commercial .stats-suivi .columnName span {
        font-style: italic;
        font-size: 12px;
    }

    .commercial .stats-suivi .adminForm .bootstrap-select {
        width: 150px;
    }

    .commercial .stats-suivi .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .commercial .stats-suivi .field label {
            width: 135px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .stats-suivi .adminForm .idShopCP input {
        width: 150px;
    }

    .commercial .stats-suivi .submitButton {
        max-width: 150px;
        margin-left: 150px;
    }
    /* commercial - stats ca */
    .commercial .stats-ca .commercialForm {
        min-height: 131px
    }

        .commercial .stats-ca .commercialForm .bootstrap-select {
            width: 150px;
        }

        .commercial .stats-ca .commercialForm .bootstrap-select {
            width: 150px;
        }

    .commercial .stats-ca .field {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    #idSelectedDate {
        display: flex;
        justify-content: space-between;
    }

    .commercial .stats-ca .field label {
        width: 135px;
        float: left;
        padding-top: 6px;
        position: relative;
        margin-bottom: 0 !important;
        margin-top: 15px;
    }

    .overflowScroll {
        overflow: scroll;
    }

    .commercial .stats-ca .table-stats-ca-global .columnNbSheetValidated {
        display: none;
    }

    .commercial .stats-ca .table-stats-ca-global .columnCAValidated {
        display: none;
    }

    .commercial .stats-ca .table-stats-ca-global .columnVATValidated {
        display: none;
    }

    .commercial .stats-ca .table-stats-ca-commercial .columnCAValidated {
        display: none;
    }

    .commercial .stats-ca .table-stats-ca-commercial .installAll {
        display: none;
    }

    .commercial .stats-ca .submitButton {
        max-width: 150px;
    }
    /* commercial - partner info */
    .commercial .partnerInfo .commercialForm {
        min-height: 131px
    }

        .commercial .partnerInfo .commercialForm .bootstrap-select {
            width: 150px;
        }

    .commercial .partnerInfo .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .commercial .partnerInfo .field label {
            width: 80px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .partnerInfo .partnerInfoPanelGlobal {
        font-size: 12px;
    }

        .commercial .partnerInfo .partnerInfoPanelGlobal .field label {
            width: 120px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .partnerInfo input {
        width: 150px;
    }

    .commercial .partnerInfo .tt-suggestion {
        padding: 3px 10px;
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        ;
        overflow: hidden;
    }
    /*.commercial .partnerInfo .submitButton {
    max-width: 150px;
    margin-left: 95px;
}*/

    .commercial .partnerInfo .partnerInfoPanel {
    }

    .commercial .partnerInfo .table-partner-conditions {
        font-size: 12px;
    }

    .commercial .partnerInfo ul.greenArrow {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .commercial .partnerInfo .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .commercial .partnerInfo .panel .panel-heading {
        padding: 5px 10px;
    }

    .commercial .partnerInfo .panel .panel-title {
        font-size: 12px;
        font-weight: bold;
    }

    .commercial .partnerInfo .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .commercial .partnerInfo .panel .partnerGuid {
        display: none;
    }

    .commercial .partnerInfo .table-partner-events .action {
        display: none;
    }
    /* commercial - partner search */
    .commercial .partnerSearch .bootstrap-select {
        width: 140px !important;
    }

    .commercial .partnerSearch .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .commercial .partnerSearch .field label {
            width: 90px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .partnerSearch .partnerInfoPanelGlobal {
        font-size: 12px;
    }

        .commercial .partnerSearch .partnerInfoPanelGlobal .field label {
            width: 120px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 15px;
        }

    .commercial .partnerSearch input {
        width: 140px;
    }

    .commercial .partnerSearch .date input {
        width: 101px;
    }

    .commercial .partnerSearch .submitButton {
        max-width: 140px;
        margin-left: 105px;
    }

    .commercial .partnerSearch ul.greenArrow {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .commercial .partnerSearch .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .commercial .partnerSearch .panel .panel-heading {
        padding: 5px 10px;
    }

    .commercial .partnerSearch .panel .panel-title {
        font-size: 12px;
        font-weight: bold;
    }

    .commercial .partnerSearch .panel .panel-body {
        padding: 5px;
        font-size: 12px;
    }

    .commercial .partnerSearch .panel .partnerGuid {
        display: none;
    }
    /******************************************************************************************************/
    /* crm-form */
    .crm-form .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .crm-form .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

            .crm-form .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .crm-form .field label.category {
                width: 100%;
            }

        .crm-form .field.has-error label.mandatory {
            color: #a94442 !important;
        }

        .crm-form .field label.category {
            color: #000000;
            font-weight: bold;
            padding-left: 0px;
            font-style: italic;
        }

        .crm-form .field label.recap {
            color: #000000;
            font-weight: bold;
            padding-left: 0px;
        }

        .crm-form .field label.res {
            color: #000000;
        }

        .crm-form .field .good label.checkbox {
            color: #000000 !important;
        }

        .crm-form .field .input-group.date {
            width: 200px !important;
        }

        .crm-form .field input[type=button] {
            margin-left: 15px;
        }

        .crm-form .field input.date {
            width: 111px !important;
        }

        .crm-form .field .input-group.date {
            width: 150px !important;
        }

        .crm-form .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
        }

        .crm-form .field .checkbox {
            padding-left: 5px;
            font-weight: bold;
        }

    .crm-form .vatrates {
        width: 50px;
        float: left;
        padding-left: 5px;
        margin-top: 8px;
    }

        .crm-form .vatrates .icheckbox_square-green {
            margin-top: 0px !important;
            margin-right: 5px;
        }

    .crm-form input {
        width: 150px;
    }

        .crm-form input[type=radio] {
            width: 80px;
        }

    .crm-form select {
        width: 136px;
        text-align: right;
    }

    .crm-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .crm-form textarea {
        width: 150px;
        resize: none;
    }
    /* planning container */
    /* interaction cc container */
    /******************************************************************************************************/
    /* partner management */
    .partnerManagement .field {
        width: 100%;
        padding-top: 3px; /* height:20px; height:25px; */
        display: inline-block;
    }

        .partnerManagement .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

            .partnerManagement .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .partnerManagement .field label.category {
                width: 100%;
            }

        .partnerManagement .field.has-error label.mandatory {
            color: #a94442 !important;
        }

        .partnerManagement .field label.category {
            color: #000000;
            font-weight: bold;
            padding-left: 0px;
            font-style: italic;
        }

        .partnerManagement .field label.recap {
            color: #000000;
            font-weight: bold;
            padding-left: 0px;
        }

        .partnerManagement .field label.res {
            color: #000000;
        }

        .partnerManagement .field .good label {
            width: 190px;
        }

            .partnerManagement .field .good label.checkbox {
                color: #000000 !important;
            }

        .partnerManagement .field .input-group.date {
            width: 200px !important;
        }

        .partnerManagement .field input[type=button] {
            margin-left: 15px;
        }

        .partnerManagement .field input.date {
            width: 111px !important;
        }

        .partnerManagement .field .input-group.date {
            width: 150px !important;
        }

        .partnerManagement .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
        }

        .partnerManagement .field .checkbox {
            padding-left: 5px;
            font-weight: bold;
        }

    .partnerManagement input {
        width: 150px;
    }

        .partnerManagement input[type=radio] {
            width: 80px;
        }

    .partnerManagement select {
        width: 136px;
        text-align: right;
    }

    .partnerManagement .field .shopSarlList {
        margin-left: 150px;
        margin-top: 3px;
    }

    .partnerManagement .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partnerManagement textarea {
        width: 150px;
        resize: none;
    }

    .partnerManagement .multirate {
        width: 50px;
        float: left;
        padding-left: 17px;
    }

        .partnerManagement .multirate input {
            width: 50px;
        }

    .partnerManagement .vatrates {
        width: 50px;
        float: left;
        padding-left: 5px;
        margin-top: 8px;
    }

        .partnerManagement .vatrates .icheckbox_square-green {
            margin-top: 0px !important;
            margin-right: 5px;
        }

    .partnerManagement .goodsTypesTitle label {
        width: 220px !important;
    }

    .partnerManagement .good {
        height: 22px;
        float: left;
    }

        .partnerManagement .good label {
            line-height: 10px;
            padding-top: 10px;
        }

    .partnerManagement .goodsList { /* width: 420px; */
        font-size: 11px;
        padding-top: 5px;
    }
    /*#idGoodsPanel .col-md-4 {
    overflow-x: overlay;
}
*/
    /*.pretty .state label:after {
    top: 0;
}

.pretty {
    white-space: pre-line;
}*/

    .partnerManagement input.numeric {
        width: 48px;
        float: left;
        margin-right: 3px;
        padding: 6px 8px;
    }

    .partnerManagement .submitButton {
        max-width: 150px;
        margin-left: 150px !important;
    }

    .partnerManagement .tt-menu {
        width: 220px;
        max-height: 300px;
        margin: 6px 0;
        padding: 8px 0;
        background-color: #fff;
        overflow-y: auto;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .partnerManagement .tt-suggestion {
        padding: 3px 10px;
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .partnerManagement #idGoodsPanel .panel-body {
        overflow: hidden;
        min-height: inherit;
    }

        .partnerManagement #idGoodsPanel .panel-body.collapse[aria-expanded=false] {
            display: none;
        }
    /* partner condition form */
    .partnerConditionForm .field {
        width: 100%; /* height:20px; height:25px; */
        display: inline-block;
    }

        .partnerConditionForm .field label {
            width: 140px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

            .partnerConditionForm .field label.mandatory {
                color: #84BD00;
                font-weight: bold;
                padding-left: 0px;
            }

            .partnerConditionForm .field label.category {
                width: 100%;
            }

        .partnerConditionForm .field .radio {
            width: 60px !important;
            padding-left: 5px;
            font-weight: bold;
        }

        .partnerConditionForm .field .checkbox {
            padding-left: 5px;
            font-weight: bold;
        }

    .partnerConditionForm input {
        width: 150px;
    }

        .partnerConditionForm input[type=radio] {
            width: 80px;
        }

    .partnerConditionForm select {
        width: 136px;
        text-align: right;
    }

    .partnerConditionForm .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .partnerConditionForm textarea {
        width: 150px;
        resize: none;
    }

    .partnerConditionForm .multirate {
        width: 50px;
        float: left;
        padding-left: 17px;
    }

        .partnerConditionForm .multirate input {
            width: 50px;
        }

    .partnerConditionForm input.numeric {
        width: 48px;
        float: left;
        margin-right: 3px;
        padding: 6px 4px;
    }

    .partnerConditionForm .conditionPartner {
        margin-top: 10px;
        padding-top: 15px;
        background-image: url("../Images/submenu.pub.top.png");
        background-position-y: top;
        background-repeat: no-repeat;
    }

    .partnerConditionForm .bootstrap-filestyle label {
        width: 150px !important;
    }

        .partnerConditionForm .bootstrap-filestyle label span.glyphicon {
            margin-right: 10px;
        }

    .partnerConditionForm input.column1 {
        background-color: #e5e4b7;
    }

    .partnerConditionForm input.column2 {
        background-color: #cad9f1;
    }

    .partnerConditionForm input.column3 {
        background-color: #fadefb;
    }
    /* uk nobr fees to display */
    .partnerConditionForm .field input.date {
        width: 109px !important;
    }

    .partnerConditionForm .field .input-group.date {
        width: 150px !important;
    }

    .partnerConditionForm .conditionPartner.form .idTabelleLevel input.numeric {
        text-align: center;
        padding: 6px 6px;
        width: 50px;
    }

    .partnerConditionForm .conditionPartner.form .idTabelleLevel .col1 {
        padding: 8px 6px 8px 5px;
    }

    .partnerConditionForm .conditionPartner.form .idTabelleLevel .col2 {
        padding: 8px 6px 8px 5px;
    }

    .partnerConditionForm .conditionPartner.form .formActive {
    }

    .partnerConditionForm .conditionPartner.form .recapActive {
        display: none;
    }

    .partnerConditionForm .conditionPartner.recap .formActive {
        display: none;
    }

    .partnerConditionForm .conditionPartner.recap .recapActive {
        display: table-row !important;
    }

    .partnerConditionForm .conditionPartner.recap .idMultiRate {
        display: none;
    }

    .addConditionModal .partnerConditionForm .conditionPartner {
        width: 350px;
        margin: 0 auto;
        float: none;
        background-image: none;
        display: block !important;
    }

    .addMoreIMEI {
        margin-top: 3px;
        margin-bottom: 15px;
        text-decoration: underline;
        color: #1f1f1f;
        cursor: pointer;
    }

        .addMoreIMEI:hover {
            color: #84BD00;
        }

        .addMoreIMEI span {
            width: 16px;
            height: 16px;
            margin-right: 4px;
            display: inline-block;
            top: 4px;
            position: relative;
        }

    .data {
        width: 160px;
        text-align: left;
        display: inline-block;
        font-weight: bold;
        color: #1f1f1f;
        float: left;
        padding-top: 6px;
    }

        .data.shopName {
        }

        .data.refSheetName {
        }
    /* partnerRelationship */
    .partnerRelationship .field label {
    }

    .partnerRelationship .idProposedCity ul {
        display: inline-block;
        padding-left: 25px;
    }

    .partnerRelationship .table-partner-events tr td {
        font-size: 13px;
    }

    .partnerRelationship .table-partner-events .commercial {
        display: none;
    }

    .partnerRelationship .openModal {
        margin-right: 3px;
    }

    .modalPartnerInformation .field {
        display: table;
        width: 100%;
    }

        .modalPartnerInformation .field label {
            width: 150px;
            float: left;
            padding-top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
        }

        .modalPartnerInformation .field div {
            font-weight: bold;
            padding-top: 6px;
            margin-left: 150px;
        }

            .modalPartnerInformation .field div ul {
                margin-left: 0px;
                font-weight: normal;
                padding: 0px;
            }

            .modalPartnerInformation .field div li {
                list-style: none;
            }

                .modalPartnerInformation .field div li span {
                    margin-right: 10px;
                    position: relative;
                    top: 3px;
                }

        .modalPartnerInformation .field span {
            top: 6px;
            position: relative;
            margin-bottom: 0 !important;
            margin-top: 0px !important;
            font-weight: bold;
        }
    /* partner Stats Following */
    .modalPartnerEventFocus .modal-title span.subtitle {
        font-style: italic;
        font-size: 15px;
        font-weight: normal;
    }

    .modalPartnerEventFocus .table-partner-events tr td {
        font-size: 13px;
    }

    .modalPartnerEventFocus .table-partner-events .shop {
        display: none;
    }

    .modalPartnerEventFocus .table-partner-events .categoryType {
    }

    .modalPartnerEventFocus .table-partner-events .wayType {
    }

    .modalPartnerEventFocus .table-partner-events .goalType {
    }

    .modalPartnerEventFocus .table-partner-events .more {
    }

        .modalPartnerEventFocus .table-partner-events .more .openModal {
            display: none;
        }

    .modalPartnerEventFocus .table-partner-events .action {
        display: none;
    }
    /* detaxHistory */
    .detaxHistory .field {
        width: 100%;
        padding-top: 3px;
        display: inline-block;
    }

        .detaxHistory .field label {
            width: 200px;
            float: left;
            padding-top: 6px;
        }


    .detaxHistory .tableBox {
        overflow: scroll;
    }


    .historyHeaderContainer {
        background-color: #eee;
        padding: 15px;
    }

    .historyContentContainer {
        display: flex;
        flex-direction: column;
    }

    .historyHeaderContainer hr {
        border-top: 2px solid rgb(212,212,212);
        overflow: visible;
        text-align: center;
        height: 5px;
        margin-top: 30px;
    }

        .historyHeaderContainer hr:after {
            background: #eee;
            content: 'ou';
            padding: 0 4px;
            position: relative;
            top: -12px;
            color: rgb(212,212,212);
            font-weight: bold;
        }

    .historyHeaderContainer > h3 {
        margin: 0;
        padding-bottom: 1rem;
    }

    .historyHeaderContainer .inputBox, .dateBox {
        margin-bottom: 2rem;
    }

    .inputBox--alipay {
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem;
    }

    #startDatetimePicker {
        padding-bottom: 1.5rem;
    }

    .historyHeaderContainer .input-group {
        width: 100%;
    }

    .alipay--subtitle {
        color: #333333;
        font-size: 16px;
    }

    .filterBox input[type=checkbox] {
        height: 19px;
        width: 19px;
    }

    .filterBox input[type=checkbox] {
        accent-color: #6A973E;
        margin: 0;
    }

    .filterBox .checkboxBox {
        display: flex;
        align-items: center;
        padding: .5rem;
    }

        .filterBox .checkboxBox span {
            padding-left: 1rem;
            line-height: 0;
        }

    .searchBox {
        display: flex;
        justify-content: center;
    }

    .actions-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 0 15px;
    }

    .actions-icon {
        flex: 1;
        text-align: center
    }

    @media (min-width: 480px) {
        .searchBox--alipay .searchBox2 {
            max-width: 211px;
            margin: 0 auto;
            text-align: center;
        }

        .btnMaxWidthSubmit, #idGoodsPanel .rpr {
            max-width: 211px;
        }

        .inputBox--alipay {
            justify-content: space-between;
            flex-direction: row;
        }

        .filterBox {
            width: 45%;
        }
    }

    @media only screen and (min-width: 641px) {
        .purchaseBox, .referenceBox {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }

        .inputBox, .searchBox {
            width: 45%;
        }
    }

    @media only screen and (min-width: 992px) {
        .historyContentContainer {
            flex-direction: row;
            justify-content: space-between;
        }

        .historyHeaderContainer hr {
            border: none;
            border-left: 2px solid rgb(212,212,212);
            height: 168px;
            width: 2px;
            margin: 0 40px;
        }

            .historyHeaderContainer hr:after {
                top: 78px;
                left: -12px;
            }

        .inputBox--alipay {
            width: 70%;
            margin-bottom: 0;
        }

        .searchBox--alipay {
            width: 25%;
            align-self: center;
        }
    }

    @media only screen and (min-width: 1201px) {
        .detaxHistory .tableBox {
            height: fit-content;
            margin-bottom: 5rem;
        }
    }

    #PartnerManagementUpdatePanel .step1 {
        margin: 0;
    }

    #PartnerManagementUpdatePanel, .AccessConfigContainer .step1, .idExistingShopName > .twitter-typeahead, .idSarlName > .twitter-typeahead {
        width: auto;
    }

    @media only screen and (min-width: 1201px) {
        .detaxHistory {
            margin-top: -130px;
        }

        .detaxHistory, .detax {
            padding-left: 3.6rem;
            padding-right: 2.4rem;
        }
    }

    @media only screen and (max-width: 1200px) {
        .detaxHistory, .detax {
            padding: 0 3.6rem;
        }
    }

    @media only screen and (max-width: 991px) {
        .detaxHistory, .detax {
            padding: 0 2.4rem;
        }
    }

    @media only screen and (max-width: 1300.5px) {
        #divFullContent.commercial, .Anomaly {
            margin: 100px 0;
            padding: 0 15px;
        }
    }

    .Anomaly {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .Anomaly .anomaly-search {
            width: 100%;
        }

    .anomaly-search input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
        width: 200px;
    }

    .Anomaly .idAnomalyType {
        display: flex;
        align-items: center;
    }


    .Anomaly .anomaly-search .adminForm > div {
        padding: 10px;
    }

    .idAnomalyType > label {
        padding-right: 10px;
        text-wrap: nowrap;
        margin: 0;
    }

    .idAnomalyType > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    .btnContainerRight {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .printTableBox {
        display: flex;
        justify-content: end;
    }

        .printTableBox > .btnDefault--svg {
            width: fit-content;
            margin: 0;
        }

            .printTableBox > .btnDefault--svg .btnText--mobile {
                margin: 0;
            }
    /* refundHistory */
    .refundHistory .field {
        width: 100%;
        padding-top: 3px;
        display: inline-block;
    }

        .refundHistory .field label {
            width: 250px;
            float: left;
            padding-top: 6px;
        }

    .refundHistory .input-group.date {
        width: 200px !important;
    }

    .refundHistory input.date {
        width: 160px !important;
    }

    .refundHistory .searchPanel {
        margin-bottom: 30px;
    }
    /* button bar */

    .buttonBar .backButton {
        max-width: 220px;
        margin-left: 30px;
    }

    .refundOffice .buttonBar .submitButton, .partnerManagement .buttonBar .submitButton {
        max-width: 140px;
        float: right;
    }

    .refundOffice .buttonBar .backButton, .partnerManagement .buttonBar .backButton {
        max-width: 140px;
    }

    .adminButton {
        max-width: 200px;
    }
    /* ************ */
    /*  Contact Us  */

    .contactUs {
        padding: 0 2rem;
    }

    .contactUsBox {
        display: flex;
        flex-direction: column;
    }

    .contactUs .contactInfos {
        padding: 2rem 0;
    }

    .contactUs h4 {
        font-weight: bold;
        margin-top: 0;
    }

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

    .contactUs .nophone .phone {
        display: none;
    }

    .contactUs .nofax .fax {
        display: none;
    }

    .contactUsForm .field div {
        margin-bottom: 5px;
    }

    .contactUsForm .field .btnContactContainer {
        margin: 1.5rem 0;
        margin: 1.5rem 0;
        display: flex;
        justify-content: center;
    }

    .contactUsForm .buttonBar .submitButton {
        margin-right: 0px;
        max-width: 220px;
        float: right;
        margin-top: 10px;
        text-align: center;
    }


    @media only screen and (min-width: 1201px) {
        #divMainContent.contactUs, #divMainContent.config {
            padding: 0;
        }

        #divMainContent.partnerManagement, #divMainContent.commercial, #divMainContent.incidents {
            padding: 0;
        }
    }

    @media only screen and (min-width: 992px) {
        .contactUsForm .field .btnContactContainer {
            float: right;
            max-width: 100%;
        }

        .contactUsBox {
            flex-direction: row;
            justify-content: space-between;
            padding: 4rem 0;
        }

        .contactUs .contactInfos {
            padding: 0;
            margin-left: -50px;
        }

        contactUsBox {
            width: 30%;
        }

        .contactUsFormContainer {
            width: 60%;
        }
    }
    /* ************************** */
    /*  Countries Typeahead Tool  */
    .tt-query, .tt-hint, .tt-input {
        max-height: 200px;
        height: 30px;
        padding: 6px 12px;
        font-size: 14px;
        outline: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .typeahead {
        background-color: #fff;
    }

        .typeahead:focus {
            border: 1px solid #66afe9;
        }

    .tt-query {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
        color: #999
    }

    .tt-menu {
        width: 100%;
        max-height: 200px;
        margin: 12px 0;
        padding: 8px 0;
        background-color: #fff;
        overflow-y: auto;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .manualDropdown {
        position: relative;
        display: inline;
    }


        .manualDropdown .caretDown {
            position: absolute;
            top: 50%;
            right: 12px;
            margin-top: -2px;
            transform: translateY(-50%);
        }

    .tt-suggestion {
        padding: 3px 20px;
        font-size: 14px;
        line-height: 20px;
    }

        .tt-suggestion:hover {
            cursor: pointer;
            color: #fff;
            background-color: #84BD00;
        }

        .tt-suggestion.tt-cursor {
            color: #fff;
            background-color: #84BD00;
        }

        .tt-suggestion p {
            margin: 0;
        }

    .gist {
        font-size: 14px;
    }

    .loading {
        background-color: #f2dede;
        background-size: contain;
    }

    .sortableTable th {
        cursor: pointer;
    }

    .sortableTable td {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .statsSheetBtnContainer {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 70px;
        align-items: center;
    }

        .statsSheetBtnContainer > span {
            width: 150px;
        }


    .efs-logo-signin img {
        margin-top: 18px;
        padding-right: 70px;
        padding-top: 10px;
    }

    #loginForm {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url("../Images/login_bg.jpg");
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    .vcenter {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .container-login {
        height: 100%;
        position: relative;
    }

    .jumbotron {
        padding: 0 2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        transform: translate(-50%,-50%);
        background-color: transparent;
    }



    @media only screen and (min-width: 1301px) {
        .container.theme-showcase {
            padding-top: 100px;
        }
    }


    @media screen and (min-width: 768px) {
        .jumbotron {
            width: 675px;
        }
    }

    #login-form-left-logo, #login-form-right-form {
        float: left;
        width: 50%;
    }

    @media (max-width: 767px) {

        #login-form-left-logo, #login-form-right-form {
            width: 100%;
        }

        .footer:hover {
            bottom: 0;
        }

        .jumbotron {
            width: 100%;
        }

        .efs-logo-signin {
            text-align: center;
        }

            .efs-logo-signin img {
                display: inline;
                width: 200px;
            }

            .efs-logo-signin img {
                margin-top: 0;
                padding-right: 0;
                padding-top: 0;
            }

        .form-signin input[type="submit"] {
            width: 100%;
        }

        .efs-logo-signin img {
            display: inline;
            width: 135px;
        }

        .form-signin h2 {
            font-size: 30px;
            text-align: center;
        }
    }

    .btn-success {
        border-radius: 2px;
        background-color: #84BD00;
        color: #fff;
        background-image: none;
        border: 0;
    }

        .btn-success:hover, .btn-success:active, .btn-success:visited, .btn-success:focus {
            background-color: #84BD00 !important;
            color: #fff;
            background-image: none;
            border: 0;
        }

    .btn-default {
        border-radius: 2px;
        background-color: #eee;
        background-image: none;
        border: 0;
    }

        .btn-default:hover, .btn-default:active, .btn-default:visited {
            background-color: #eee !important;
            background-image: none;
            border: 0;
        }

    #login-form-right-form input[type=submit] {
        padding-left: 30px;
        padding-right: 30px;
    }


    .stepwizard-step p {
        margin-top: 0px;
        color: #666;
    }

    .stepwizard-row {
        display: table-row;
    }

    .stepwizard {
        display: table;
        width: 100%;
        position: relative;
    }


        .stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
            opacity: 1 !important;
            color: #bbb;
        }

    .stepwizard-row:before {
        top: 14px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
        z-index: 0;
        display: block;
    }

    .stepwizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

    .btn-circle {
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
    }

    .step1 .content, .step2 .content, .step3 .content {
        padding: 20px;
        margin-top: 15px;
        border: 1px solid #ccc;
        background-color: #eee;
    }


    .step1 h4, .step1 h4 span {
        color: #000;
    }

    .infoErrorContainer {
        margin-bottom: 29px;
    }

    #ErrorPanelContainer .warning {
        list-style: none;
        margin-bottom: 0;
    }

    #ErrorPanelContainer ul.warning li:before {
        content: "\e083";
        font-family: 'Glyphicons Halflings';
        font-size: 12px;
        float: left;
        margin-top: 2px;
        margin-left: -17px;
        color: #DE202B;
    }

    .alert {
        border-radius: 0px;
    }

    .alert-content {
        display: flex;
        align-items: center;
    }

        .alert-content img {
            margin-right: 6px;
        }

        .alert-content span {
            cursor: default;
        }

    .anomaly {
        font-size: .8em;
        color: white;
        display: inline;
        float: left;
        margin-right: 5em;
        background-image: linear-gradient(#d9524e, #c2302c);
        padding: .1em .5em;
        border-radius: 7px;
        border: 1px solid #b33733;
        cursor: default;
    }

        .anomaly:hover {
            background-image: none;
            background-color: #d9534f;
        }

    ul[id $= ConditionList] > li > a {
        height: 55px;
        padding: 1.1em 0 0 0;
    }

    .statsContainer {
        margin-top: 2em;
    }

    .statsTile {
        padding: 0.5em;
    }

    .statsDetails {
        padding: 2em;
        background-color: #eee;
        min-height: 210px !important;
    }

        .statsDetails > i {
            color: #84BD00;
            font-size: 3em;
        }

        .statsDetails > span {
            font-size: 1.2em;
        }

        .statsDetails .label {
            color: #333;
            white-space: unset;
            height: 30px;
        }

        .statsDetails .value {
            color: #84BD00;
        }


    .tab-content {
        border-right: 1px solid #ddd;
        padding: 2rem;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 2rem;
        overflow: hidden;
    }

    .tabsContainer > .configList {
        display: flex;
    }

        .tabsContainer > .configList > li {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }

            .tabsContainer > .configList > li.active {
                border-left: 1px solid #ddd;
                border-top: 1px solid #ddd;
                border-right: 1px solid #ddd;
                border-bottom: none;
            }



    .configInfos {
        padding: 20px 0;
    }


    @media only screen and (min-width: 768px) and (max-width: 1300.5px) {
        .configPanelTabInner {
            border-right: 0;
            border-bottom: 0;
        }


        .configInfos {
            display: flex;
        }

            .configInfos > label {
                min-width: 50%;
            }
    }

    .tabsContainer a {
        font-size: 1.2em !important;
        color: #333 !important;
    }

    .tabsContainer .active > a {
        color: #84BD00 !important;
    }

    .noPaddingLeft {
        padding-left: 0;
    }

    .noPaddingRight {
        padding-right: 0;
    }

    .noPadding {
        padding-left: 0;
        padding-right: 0;
    }

    .stats .input-group.date {
        width: 200px !important;
    }

    .stats input.date {
        width: 160px !important;
    }


    textarea {
        resize: none;
    }

    .multiselect-container.dropdown-menu {
        z-index: 9999;
    }

    .qrCodeContainer {
        border: 1px solid #84BD00;
        border-radius: 6px;
        margin-top: 10px;
        position: relative;
        padding: 12px;
    }

        .qrCodeContainer .qrCodeHeader {
            display: flex;
            padding: 10px 14px;
            border-bottom: 1px solid #d3d6d7;
            border-radius: 6px;
            font-size: 20px;
        }

        .qrCodeContainer .qrCodeHeader-badge {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            padding: 3px 6px;
            border-radius: 0px 6px;
            background-color: #1398B0;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
        }


    .qrCodeHeader-info {
        font-size: 16px;
        color: #999;
        margin-left: 4px;
        cursor: help;
    }

    .qrCodeContent-subtitle {
        font-size: 14px;
        color: #15191E;
        font-weight: 700;
        margin: 10px 0;
    }

    .qrCodeSteps {
        margin: 0 0 10px 0;
        color: #15191E;
        padding-left: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        line-height: 1.5;
    }

        .qrCodeSteps strong {
            font-weight: 700;
        }

        .qrCodeSteps li {
            margin-bottom: 4px;
        }

    #online-express-qr-code {
        text-align: center;
        margin: 10px 0;
    }

        #online-express-qr-code img {
            width: 150px;
        }

    .btnRecupererScan {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
        padding: 8px 16px;
        background: #ffffff;
        border: 1px solid #333;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        transition: background-color 0.2s, border-color 0.2s;
    }

        .btnRecupererScan:hover {
            background-color: #f5f5f5;
            border-color: #84BD00;
            color: #84BD00;
        }

    .btnRecupererScan-icon {
        display: flex;
        align-items: center;
    }
    /*----- INFOS UTILES -----*/
    #solpay-ads-mc, .usefulInfoContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .usefulInfo--title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding-bottom: 2rem;
    }

        .usefulInfo--title > h2 {
            margin: 0;
            font-weight: bold;
            font-size: 2.7rem;
            white-space: nowrap;
        }

    .infoPicto > svg {
        height: 4rem;
        padding-right: 1.5rem;
    }

    #solpay-ads-mc {
        justify-content: center;
    }


    .btnUnderline {
        text-decoration: underline;
        color: #333333;
        font-weight: bold;
    }

        .btnUnderline:hover {
            color: #84BD00;
        }

    #solpay-ads-mc .img--infos {
        display: flex;
        justify-content: center;
        max-width: 210px;
        margin: 0 auto;
    }

    .usefulInfoContainer .adsContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        gap: 2rem;
        width: 100%;
    }

        .usefulInfoContainer .adsContainer .data-ads {
            flex: 1;
        }

            .usefulInfoContainer .adsContainer .data-ads .news-title {
                font-weight: 700;
                font-size: 1.6rem;
            }

            .usefulInfoContainer .adsContainer .data-ads .highlight {
                color: #8AB80B;
            }

            .usefulInfoContainer .adsContainer .data-ads .incident {
                color: #d62727;
            }

        .usefulInfoContainer .adsContainer p {
            margin: 0;
        }


    #solpay-ads-mc, .usefulInfoContainer ul {
        margin: 0;
        padding-left: 1.8rem;
    }

    #solpay-ads-mc, .usefulInfoContainer li {
        padding-bottom: .5rem;
    }

        #solpay-ads-mc, .usefulInfoContainer li:last-child {
            padding: 0
        }

    .customsInfoContainer {
        display: flex;
        padding: 2rem 0;
        align-items: flex-start;
    }

    @media only screen and (min-width:1201px) {
        #solpay-ads-mc .usefulInfoContainer {
            flex-direction: row;
            padding: 1.5rem 2.4rem;
            width: 1170px;
            gap: 4rem;
            min-height: 12rem;
        }

        #leftMenu {
            padding-right: 0;
            background: white;
        }

        .usefulInfo--title {
            padding: 0;
        }

        .paddingContainer {
            padding-right: 0;
        }

        #solpay-ads-mc {
            position: absolute;
            top: 0;
            left: 0;
            margin-top: 8rem;
            width: 100%;
            z-index: 1;
            padding: 0;
            background: rgb(238, 238,238);
        }

        .qrCodeContainer {
            border: 1px solid #84BD00;
            padding: 12px;
            border-radius: 6px;
            margin-top: 10px;
            position: relative
        }

        #wrapper {
            max-width: 1170px;
            margin: 0 auto;
            padding: 130px 0 90px 0;
        }


        .Benchmark {
            margin-top: 0;
        }

        .customsInfoContainer {
            padding: 0 0 2rem 0;
        }
    }

    .fontSuccess {
        font-weight: bold;
        color: #84BD00;
    }

    .fontCustoms {
        font-weight: bold;
        color: #10478A;
    }

    .fontAlert {
        font-weight: bold;
        color: #DE202B;
    }

    @media only screen and (min-width: 641px) and (max-width: 1200px) {

        .historyContainer {
            display: none;
        }

        .usefulInfoContainer .adsContainer {
            flex-direction: column;
        }
    }

    .customsInfoContainer > img {
        border-radius: 50px;
        width: 6rem;
        height: 6rem;
    }

    .noPabloModal {
        min-width: initial;
    }

    .noPabloContainer {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 12px;
        font-size: 16px;
    }

        .noPabloContainer img {
            width: 36px;
            height: 36px;
        }

    .btnControlsContainer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

        .btnControlsContainer .btnControls {
            display: flex !important;
        }

    .btnControlsWithBorder {
        flex-direction: column;
        justify-content: space-around;
        width: 100%;
    }
    /* ------ BUTTONS ------ */
    .btnFull--green {
        background-color: #84BD00;
        box-shadow: 0px 3px 6px #00000029;
        font-size: 16px;
        color: #fff;
        padding: 1rem 1.5rem;
        border: none;
        line-height: normal;
        border-radius: 25px;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    .btnFull-green-datagridview {
        background-color: #84BD00;
        box-shadow: 0px 4px 8px #00000029;
        color: #fff;
        border-radius: 100px;
        height: 30px;
        margin: 0.5rem 3rem;
        font-family: 'Roboto', sans-serif;
        line-height: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none !important;
    }

    .btnBorder--green {
        height: 42px;
        background: transparent;
        color: #84BD00;
        border: 2px solid #84BD00;
        border-radius: 25px;
        box-shadow: 0px 3px 6px #00000029;
        padding: .4rem 1.2rem .2rem;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btnBorder--grey {
        height: 42px;
        background: transparent;
        color: #1D252D;
        border: 2px solid #1D252D;
        border-radius: 25px;
        box-shadow: 0px 3px 6px #00000029;
        padding: .4rem 1.2rem .2rem;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btnText--black {
        border: none;
        color: #1D252D;
        background: transparent;
    }

    .btnText--red {
        border: none;
        color: #DD212A;
        background: transparent;
    }

    .btnFull--greenS {
        background-color: #84BD00;
        color: #fff;
        border: none;
    }

    .btnFull--table {
        background-color: #84BD00;
        color: #fff;
        border: none;
        border-radius: 100px;
        padding: 3px 12px;
        margin: 7px 10px;
        cursor: pointer;
    }

    .btnBorder--small {
        height: 34px;
        padding: 0 .8rem;
        border: 2px solid #84BD00;
        color: #84BD00;
        background: transparent;
        border-radius: 4px;
        box-shadow: 0px 3px 6px #00000029;
        line-height: normal;
    }



    .btnDefault--svg {
        padding: 1rem 1.5rem;
        font-size: 16px;
        border-radius: 25px;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        text-transform: uppercase;
        height: 100%;
        line-height: normal;
        max-width: 300px;
        width: 100%;
        margin: 0.5rem auto;
        box-shadow: 0px 3px 6px #00000029;
    }

    .btnDefault--noBorder {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        line-height: normal;
        padding: 1rem 1.4rem;
        height: 42.22px;
        margin-right: 1.2rem;
    }

    .modal-footer .btnShowMail {
        width: fit-content;
        display: flex;
        align-items: center;
    }

    #sheetModal .mailContent {
        border-bottom: none;
    }

    .closeDetaxModal {
        justify-content: center;
    }

    #sheetModal .btnGoBack {
        margin: 0 0 0 .7rem;
        width: fit-content;
    }

.svgBox {
    display: flex;
    margin-right: .7rem;
    width: 1.5rem;
}

        .svgBox > svg {
            height: auto;
            width: 100%;
        }

    @media (max-width: 952px) {
        .btnText--mobile {
            width: 100%;
            margin-left: -20px;
        }
    }

    @media (min-width: 951.5px) {
        #sheetModal_email .modal-body {
            padding: 0 70px;
        }

        .noPabloModal {
            min-width: 90rem;
        }

        .btnDefault--svg {
            justify-content: center;
            margin: 0;
            width: fit-content;
        }

        .btnControlsContainer, .btnControlsWithBorder, .btnControls {
            flex-direction: row;
            align-items: center
        }

        .btnControlsWithBorder {
            height: auto;
            justify-content: flex-end;
        }

            .btnControlsWithBorder button {
                margin-left: 1.2rem;
            }
    }

    #salesFetchModal.in {
        display: flex !important;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    #salesFetchModal .modal-dialog {
        margin: 0 auto;
    }

    #sheetModal .media {
        width: 100% !important;
        height: 50vh;
    }

    #sheetModal .modal-dialog,
    #msgboxModify .modal-dialog {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        justify-content: center;
    }

    #sheetModal_sheet, #sheetModal_email, #msgboxModify .modal-content {
        width: 90vw;
        max-width: 1000px;
    }

        #sheetModal_email i {
            font-weight: lighter;
        }


        #sheetModal_email .modal-body > ul {
            list-style: none;
            font-size: 18px;
            padding: 0;
            margin: 2.5rem 0;
        }

    .modifyModalContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .modifyModalText {
        font-size: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .modifyModalText .strong {
            font-weight: 700;
        }

    .modal-list {
        display: flex;
        align-items: center;
    }

        .modal-list > span {
            height: 20px;
            padding-right: .7rem;
        }

            .modal-list > span > svg {
                height: 100%;
                width: auto;
            }

    .textWarning {
        font-weight: bold;
        font-size: 18px;
        color: #DE202B;
    }

    @media only screen and (min-width: 1301px) {

        .btnResponsive {
            width: fit-content
        }
    }

    #sheetModal .media iframe {
        height: 100%;
        width: 100%;
    }

    .textDocumentNotShown {
        text-align: right;
        padding-bottom: 1rem;
    }

    #clickHerePdfDocument {
        color: #84BD00;
    }


    .burger {
        display: block;
        position: relative;
        height: 8rem;
        width: 2.5rem;
        border: none;
        background: transparent;
        cursor: pointer;
        margin-right: 1rem;
    }

    .bar {
        position: absolute;
        display: block;
        width: 2.5rem;
        height: 2px;
        border-radius: 3px;
        background: white;
        transition: all 0.5s ease-in-out;
    }

        .bar::before,
        .bar::after {
            content: "";
            width: 2.5rem;
            height: 2px;
            position: absolute;
            left: 0;
            background: var(--barBackColor, white);
            border-radius: 3px;
            transition: all 0.5s ease-in-out;
        }

        .bar::before {
            transform: translateY(-7px);
        }

        .bar::after {
            transform: translateY(7px);
        }
    /* Toggle menu */

    button[aria-expanded="true"] .bar {
        background: transparent !important;
    }

        button[aria-expanded="true"] .bar::before {
            transform: rotate(45deg);
        }

        button[aria-expanded="true"] .bar::after {
            transform: rotate(-45deg);
        }

    #processingModal,
    #scanStatusModal {
        top: 125px;
    }
    /* email partner tooltip */

    #tooltip-email-partner {
        background: #EEEEEE 0% 0% no-repeat padding-box;
        border-radius: 10px;
        opacity: 1;
        backdrop-filter: blur(3px);
        padding: 10px;
    }
    /* Info Tooltip */
    .info-icon-container {
        position: relative;
        display: flex;
        gap: 6px;
    }

    .info-icon-trigger {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        vertical-align: middle;
        color: #15191E;
        transition: color 0.1s ease;
    }

        .info-icon-trigger:hover {
            color: #1398B0;
        }

    .info-tooltip {
        display: none;
        visibility: hidden;
        position: absolute;
        left: 0;
        background: #F3FAFB;
        border: 1px solid #1398B0;
        border-radius: 10px;
        padding: 10px 15px;
        width: 100%;
        color: #000000;
        font-weight: 400;
        font-size: 14px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        z-index: 100;
        pointer-events: none;
        z-index: 1;
    }

        .info-tooltip p,
        .info-tooltip ul {
            margin: 0;
        }

    .info-tooltip-content-highlight {
        color: #1398B0;
        font-weight: 700;
    }

    .info-tooltip::after {
        content: "";
        position: absolute;
        top: -8px;
        left: var(--arrow-left, 74px);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 10px solid #F3FAFB;
    }

    .info-tooltip::before {
        content: "";
        position: absolute;
        top: -10px;
        left: var(--arrow-left, 74px);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 10px solid #1398B0;
    }