@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) { /* smartphones, iPhone, portrait 480x320 phones */
}

@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;
    }

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

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

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

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

    h4 {
        font-size: 17px;
    }


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

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

    .Benchmark {
    margin-top : 90px;
    }


}

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

    .qrCodeContainer {
        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: 767px) { /* Landscape phones and portrait tablets */

    .form-signin {
        margin: 0 auto;
    }

    .copyright {
        padding-top: 30px;
        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: 30px;
        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;
    padding: 0;
}

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

#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;
}

.collapse.in {
    min-height: 100vh;
    display: block;
}

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

    .navbar a.navbar-brand img {
        padding: 11px 0;
        height: 80px;
    }

/* ********************** */

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

.nav.navbar-nav li {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    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;
    padding-left: 1rem;
    display: flex;
    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: 15px;
        font-weight: 300;
        padding-top: 22px;
    }

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

.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) and (max-width: 1200px) {
    .nav.navbar-nav li {
        font-size: 2rem;
    }

    .navbar-nav,
    .navbar-right {
        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;
        border-width: 0 0 1px;
    }

    .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;
}

.logout:hover .logoutGrey {
    display: none;
}

.logout:hover .logoutGreen {
    display: flex;
}

.logout:hover #ctl37_LogoutLinkButton {
    color: #84BD00;
}

@media (min-width: 1200px) {
    .nav.navbar-nav li {
        font-size: 1.7rem;
    }

    .navbar a.navbar-brand img {
        padding: 0;
        height: 57px;
    }

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

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

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

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

        .navbar-collapse.collapse .navbar-right {
            display: flex;
        }

        .nav.navbar-nav {
            display: flex;
            align-items: center;
        }

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

            .nav.navbar-nav > li {
                height: 90px;
                margin-right: 2rem;
            }


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

/*    .dropdown.open {

        border-bottom: 3px solid transparent;
    }*/

    .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 10px;
            }

        .nav.navbar-nav .last-element-header .partner-text {
            padding-top: .5rem;
            margin-left: 2.4rem;
        }


        .navbar-collapse, .nav.navbar-nav .last-element-header {
            border-top: none;
            box-shadow: none;
            height: 90px;
            display: block;
        }
}

/* ******************************************** */

    .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;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    padding: 0.5rem 0 1.5rem 0;
} 

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;
}

footer .footerHeader .imgContainer {
    display: flex;
    height: 30px;
    width: 100px;
    justify-content: space-between;
    margin-left: 1rem;
}

.footerContent .footerLink::after {
    content: "|";
    cursor:auto;
}



@media (min-width:641px) {
    footer .footerContent {
        flex-direction: row;
    }

        footer .footerContent .copyright {
            padding-right: .7rem;
            margin: 0;
        }
}


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


/*footer {
    margin: 15px 0;
}*/

    footer a, footer span {
        color: #FFF;
    }

        footer a:hover {
            color: #fff;
            text-decoration: none
        }
/*
        footer div, footer p {
            color: #fff;
            font-size: 14px;
        }*/

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

.copyright {
    padding-top: 0px;
    float: right;
}


/* ********************** */
/*     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.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;
}

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: 100px;
    padding-top: 130px;
    margin-top: 0 !important;
    width: 100%;
    height: fit-content;
    min-height: 100%;
}



#leftMenu {
    margin-top: 0 !important;
    max-width: 310px;
    min-width: 200px;
    padding: 130px 2.5rem;
    background: rgb(238, 238,238);
    min-height: 100vh;
}

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

    .itemMenu .title {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 26px;
        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: 16px;
        height: 16px;
        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;
}

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

.idNumFac input {
    width: 220px;
    margin-bottom: 20px;
}

.containerTabs {
    display: flex;
    flex-direction: column;
}

    .containerTabs h4 {
        text-transform: uppercase;
        font-weight: bold;
    }

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

.has-success .control-label {
    color: #333;
}

/* detax marchandises */
.marchandises {
    padding: 0 1rem;
    margin-right: 2rem;
    margin-bottom: 15px;
    width: 100%;
}

.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 1rem;
    width: 100%;
}

    .DetaxCustomerInfoContainer .buttonBar {
        text-align: center;
    }


.submitBtnDetax {
    margin-top: 2rem;
}

.emailNote {
    padding-bottom: 10px;
    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-top: 10px;
    margin-bottom: 3rem;
}

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

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


#ctl37_ctl00_ctl00_CegidReceiptNum {
    margin: 0 1rem;
}

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


    .marchandises, .DetaxCustomerInfoContainer {
        width: 50%;
    }
}

@media (min-width:1201px) {
    .submitBtnDetax {
        max-width: 220px;
        margin-left: 160px;
    }


    .DetaxCustomerInfoContainer .buttonBar {
        text-align: left;
    }
}



.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;
}

.marchandisePanel .line {
    display: inherit;
}

.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: 60%;
}

    .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;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
    line-height: normal;
}

    .scanContainer .btnBorder--green {
        margin-right: 1rem;
    }

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


    .scanContainer > button {
        box-shadow: 0px 3px 6px #00000029;
        padding: .6rem 1.5rem;
        margin-top: 1rem;
        font-size: 16px;
        background-color: #fff;
        border-radius: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.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: 5px;
    display: inline-block;
}

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

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

    .refundContainer .field.address {
        height: 55px;
    }

    .refundContainer .field label {
        padding-top: 6px;
    }

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

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

.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 {
        max-width: 220px;
    }

    .refundContainer .field {
        max-width: 380px;
    }


    .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: 220px;
    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;
}

/* 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;
}

@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;
    }

    .dateBox, .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;
}

/*.sectionPartnerForm, .idExistingPartner {
    display: flex;
}
*/
@media only screen and (max-width: 1300.5px) {
    .detaxHistory, .detax {
        padding: 0 2rem;
    }

    #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: 1301px) {
    #divMainContent.contactUs, #divMainContent.config {
        padding: 0;
    }


    .detaxHistory {
        margin-top: -130px;
    }

    #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%;
    }

    .footer {
        font-size: 12px;
    }


    .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;
}

.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;
}

#online-express-qr-code {
}

    #online-express-qr-code img {
        width: 130px;
    }

.ribbon {
    display: none;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #79A70A;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #79A70A;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #79A70A;
        }



/*----- 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;
}

    .usefulInfoContainer .adsContainer .data-ads {
        flex: 1;
        padding: 1rem;
    }

.usefulInfoContainer .adsContainer .usefulInfo--content {
    font-size: 16px;
}

.usefulInfoContainer .adsContainer p {
    margin: 0;
}


#solpay-ads-mc, .usefulInfoContainer ul {
    margin: 0;
    padding-left: 0;
}



#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:1301px) {
    #solpay-ads-mc .usefulInfoContainer {
        flex-direction: row;
        padding: 1.5rem 0;
        width: 1170px;
    }

    #solpay-ads-mc .usefulInfo--content {
        padding-left: 5rem;
    }

    #leftMenu {
        padding-left: 0;
        background: white;
    }

    .usefulInfo--title {
        padding: 0;
    }

    .paddingContainer {
        padding-right: 0;
    }

    #solpay-ads-mc {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 90px;
        width: 100%;
        z-index: 1;
        padding: 0;
        background: rgb(238, 238,238);
    }

    .qrCodeContainer {
        border: 1px solid #84BD00;
        padding: 10px;
        border-radius: 5px;
        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: 992px) and (max-width: 1300.5px) {

    .historyContainer {
        display: none;
    }

    .usefulInfoContainer .adsContainer {
        flex-direction: column;
    }

    .usefulInfoContainer .adsContainer .data-ads {
        padding: 1rem 0;
    }
}

.customsInfoContainer .imgContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 1.5rem;
}

.customsInfoContainer .imgContainer > img:first-child {
    margin-bottom: 1rem;
}

.customsInfoContainer .imgContainer > img {
    min-height: 51px;
    min-width: 51px;
    border-radius: 50%;
}

.customsInfoContainer > p {
    margin: 0;
    font-size: 14px;
}


.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;
    }

.btnBorder--green {
    border: 2px solid #84BD00;
    color: #84BD00;
    border-radius: 25px;
    background: transparent;
}

.btnBorder--grey {
    border: 2px solid #1D252D;
    color: #1D252D;
    border-radius: 25px;
    background: transparent;
}

.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;
}

.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;
    height: 100%;
    line-height: normal;
    padding: 1rem;
    height: 42.22px;
}

.modal-footer .btnShowMail {
    width: fit-content;
    display: flex;
    align-items: center;
}

.closeDetaxModal {
    justify-content: center;
}

#sheetModal .btnGoBack {
    margin: 0 0 0 .7rem;
    width: fit-content;
}

.svgBox {
    padding-right: .7rem;
    display: flex;
    width: 30px;
}

    .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;
    }

    .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: .7rem;
        }
}


#sheetModal .media {
    width: 100% !important;
    height: 50vh;
}

#sheetModal .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

#sheetModal .modal-footer {
    display: flex;
    justify-content: flex-end;
}

#sheetModal_sheet, #sheetModal_email {
    width: 90vw;
}

    #sheetModal_email i {
        font-weight: lighter;
    }


    #sheetModal_email .modal-body > ul {
        list-style: none;
        font-size: 18px;
        padding: 0;
        margin: 2.5rem 0;
    }

.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_sheet, #sheetModal_email {
        width: 1000px;
    }
}

#sheetModal .media iframe {
    height: 100%;
    width: 100%;
}

.textDocumentNotShown {
    text-align: right;
    padding-bottom: 1rem;
}

#clickHerePdfDocument {
    color: #84BD00;
}


.burger {
    display: block;
    position: relative;
    height: 2.5rem;
    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 {
    top: 125px;
}