.form-general {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.form-supplier-clearance-request {
    margin: 0 auto;
    max-width: 300px;
    padding: 15px;
}

.oeko-form-error, .oeko-form-error a {
    color: #ff0000 !important;
    font-weight: bold !important;
    margin-right: 2em;
}

.help-block {
    /* pretent the div from slidung under a label, like:
        [label with line break] [element]
        [2nd label line]        [help-text...
        ...next line of help-text] */
    display: table;
}

.google-recaptcha {
    margin: 1em 0;
}

.section {
    border-bottom: 1px solid #D3D3D3;
    font-size: 21px;
    margin-bottom: 20px;
    padding: 1px;
    font-weight: bold;
}

/* account application and management */
.ui-section {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    color: inherit  !important;
    font-size: 21px;
}

.ui-section small {
    font-size: 17px;
}

.section-icon-r {
    float: right;
    margin: 6px;
}

.required-fields {
    margin: 20px 0px;
}

table.info_search th, table.info_search td {
    padding: 0px 1px;
}

div.info_container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 444px;
    border-top: none !important;
}

table.info_container {
    width: 444px;
}

table.full {
    width: 100%;
}

table.medium-header th {
    max-width: 250px;
    white-space: nowrap;
}

div.info_container .half-border {
    border-top: none;
    border-left: none;
    width: 144px;
}

div.info_container .ui-widget-content {
    border: none;
}

.width300 {
    width:300px;
}

.popup-link {
    margin-top: 5px;
    display: block;
}
.popup-link * {
    cursor: pointer;
}
/* end of account application and management */

/* mystep license application and management */
.mystep-license th {
    background-color: #6f8736;
    color: #FFFFFF;
    padding: 1px 5px 1px 5px;
    white-space: nowrap;
}
.mystep-license .hr th {
    text-align: center;
}
.mystep-license td {
    background-color: #dfedbc; /* lighten(@oeko-tex-green, 30%); */
    padding: 1px 10px 1px 10px;
    text-align: center;
    white-space: nowrap;
}
.mystep-license .bump {
    width: 0px;
    height: 42px;
    float:right;
}
.mystep-license .space, .space {
    width: 2px;
    height: 2px;
    background-color: transparent !important;"
    overflow: hidden;
    line-height: 0px;
}
.mystep-license-selected {
    background-color: #a5ce42 !important;
    color: #FFFFFF !important;
}
.mig_opt, .mig_opt td {
    background-color: #DDDDDD;
    color: #AAAAAA;
}
.mig_empty {
    background-color: transparent !important;
}
.active, .active > th, .active > td {
    background-color: #dfedbc; /* lighten(@oeko-tex-green, 30%); */
}
.inactive, .inactive > th, .inactive > td {
    background-color: #E0E0E0;
}
.rejected, .rejected > th, .rejected > td {
    /* that prinzip-E color setting lookls like ... */
    /*background-color: #e3994a;*/
    /*color: #FFFFFF;*/
    background-color: rgba(227, 153, 74, 0.3); /* #e3994a */
}
.untouched, .untouched > th, .untouched > td {
    background-color: #E0E8F0;
}
.withdrawn, .withdrawn > th, .withdrawn > td {
    background-color: red;
    color: yellow;
    font-weight: bold;
}
/* end mystep license  application and management */

/* mig label status management */
.STATE_WITHDRAWN_B2B {
    font-weight: bold; background: #f09030 none no-repeat !important; color: inherit;
}
.STATE_WITHDRAWN_B2C {
    font-weight: bold; background: #f080c0 none no-repeat !important; color: inherit;
}
.STATE_WITHDRAWN_B2B_B2C {
    font-weight: bold; background: red none no-repeat; color: yellow; text-decoration: blink;
}
.STATE_BUTTON {
    padding: 3px; margin: 0 2px;
}
/* end of mig label status management */