.card {
    box-shadow: none !important;
    background-color: var(--background-grey) !important;
    border-radius: 12px;
}

.card .p-card-body {
    padding: 0;
}

.card .p-card-content {
    border: 2px solid var(--borders-primary-color) !important;
    border-radius: 12px;
    padding: 1em;
    background-color: var(--background-grey) !important;
    color: var(--dark-color);
}

.card .p-card-footer {
    padding: 1em;
}

.card.primary {
    background-color: var(--color-active1) !important;
    color: var(--light-color);
}

.card.primary .p-card-content {
    background-color: var(--card-primary-content-color) !important;
    border: 2px solid var(--card-primary-border-color) !important;
}

.card.secondary .p-card-content {
    background-color: var(--card-secondary-color) !important;
    border: 2px solid var(--color-active1) !important;
}

.card.disabled,
.card.disabled-stripes {
    background-color: var(--card-disabled-color) !important;
    color: var(--light-color);
}

.card.disabled .p-card-content,
.card.disabled-stripes .p-card-content {
    background-color: var(--card-disabled-content-color) !important;
    border: 2px solid var(--card-disabled-color) !important;
}

.card.error,
.card.error-stripes {
    background-color: var(--error-card) !important;
    color: var(--light-color);
}

.card.error .p-card-content,
.card.error-stripes .p-card-content{
    background-color: var(--error-card-background) !important;
    border: 2px solid var(--error-color) !important;
}

.card.warning {
    background-color: var(--card-warning-color) !important;
    color: var(--card-warning-footer-text);
}

.card.warning .p-card-content {
    background-color: var(--expiring-content-color) !important;
    border: 2px solid var(--error-color) !important;
}

.card.disabled-warning,
.card.primary-warning {
    background-color: var(--card-advance-expired) !important;
    color: var(--light-color);
}

.card.disabled-warning .advance-date,
.card.primary-warning .advance-date,
.card.warning-stripes .advance-date {
    color: var(--card-warning-footer-text) !important;
}

.card.disabled-warning .p-card-content {
    background-color: var(--card-disabled-content-color) !important;
    border: 2px solid var(--card-disabled-color) !important;
}

.card.primary-light:not(.primary-warning),
.card.stripes-light {
    background-color: var(--card-primary-light-background) !important;
    color: var(--light-color);
}

.card.primary-light .advanceCardFooter .footerInfo,
.card.stripes-light .advanceCardFooter .footerInfo {
    color: var(--light-color);
}

.card.primary-light .p-card-content,
.card.stripes-light .p-card-content {
    border: 2px solid var(--card-primary-light-background) !important;
    background-color: var(--card-primary-background) !important;
}

.card.primary-light .p-card-content .p-button,
.card.stripes-light .p-card-content .p-button {
    background-color: var(--line-color-lightblue);
    border: 0;
}

.card.stripes .advanceCardFooter .footerInfo {
    color: var(--light-color);
}

.card.stripes {
    background: repeating-linear-gradient(
        60deg,
        var(--card-active),
        var(--card-active) 10px,
        var(--card-primary-border-color) 10px,
        var(--card-primary-border-color) 20px
    );
}

.card.stripes .p-card-content {
    border: 2px solid var(--card-primary-border-color) !important;
    background-color: var(--card-primary-background) !important;
}

.card.alternative {
    background-color: var(--card-primary-border-color) !important;
}

.card.alternative .p-card-content {
    border: 2px solid var(--card-primary-border-color) !important;
}

.card.alternative .p-card-content .p-button {
    background-color: var(--card-primary-border-color) !important;
    border: 0;
}

.card.alternative .advanceCardFooter .footerInfo {
    color: var(--light-color);
}

.card.error-alternative {
    background-color: var(--rosy-pink) !important;
}

.card.stripes-light {
    background: repeating-linear-gradient(
        60deg,
        var(--card-primary-light-background),
        var(--card-primary-light-background) 10px,
        var(--line-color-lightblue) 10px,
        var(--line-color-lightblue) 20px
    );
}

.card.error-stripes {
    background: repeating-linear-gradient(
        60deg,
        var(--rosy-pink),
        var(--rosy-pink) 10px,
        var(--card-error-alternative) 10px,
        var(--card-error-alternative) 20px
    );
}

.card.disabled-stripes {
    background: repeating-linear-gradient(
        60deg,
        var(--disabled-stripes-card-1), 
        var(--disabled-stripes-card-1) 10px, 
        var(--disabled-stripes-card-2) 10px, 
        var(--disabled-stripes-card-2) 20px
    );
}

.card.forms-generation {
    background: repeating-linear-gradient( 
        60deg, 
        var(--disabled-stripes-card-1), 
        var(--disabled-stripes-card-1) 10px, 
        var(--disabled-stripes-card-2) 10px, 
        var(--disabled-stripes-card-2) 20px 
    );
}

.card.disabled.red .advanceCardFooter .footerInfo {
    color: var(--card-warning-footer-text);
}

.card.primary-warning .p-card-content,
.card.warning-stripes .p-card-content {
    border: solid 2px var(--card-primary-border-color) !important;
}

.card.extended {
    background-color: var(--card-advance-extended) !important;
}

.card.unsolved {
    background-color: var(--toastr-icon-error) !important;
    color: var(--light-color);
}

.card.unsolved .p-card-content,
.card.unsolved-stripes .p-card-content {
    border: solid 2px var(--toastr-icon-error) !important;
}

.card.requested {
    background: repeating-linear-gradient( 
        60deg, 
        var(--card-primary-light-background), 
        var(--card-primary-light-background) 10px, 
        var(--card-primary-border-color) 10px, 
        var(--card-primary-border-color) 20px 
    );
    color: var(--light-color);
}

.card.requested-expired {
    background: repeating-linear-gradient( 
        60deg, 
        var(--card-advance-expired), 
        var(--card-advance-expired) 10px, 
        var(--card-advance-extended) 10px, 
        var(--card-advance-extended) 20px 
    );
    color: var(--light-color);
}

.card.requested .p-card-content,
.card.requested-expired .p-card-content {
    border: solid 2px var(--card-primary-border-color) !important;
}

.card.warning-stripes {
    background: repeating-linear-gradient( 
        60deg, 
        var(--card-advance-expired), 
        var(--card-advance-expired) 10px, 
        var(--card-advance-extended) 10px, 
        var(--card-advance-extended) 20px 
    );
    color: var(--light-color);
}

.card.unsolved-stripes {
    background: repeating-linear-gradient( 
        60deg, 
        var(--toastr-icon-error), 
        var(--toastr-icon-error) 10px, 
        var(--error-card) 10px, 
        var(--error-card) 20px 
    );
    color: var(--light-color);
}

.customToastrIconSuccess {
    font-size: 36px !important;
    color: var(--toastr-success-icon);
}

.customToastrIconInfo {
    font-size: 36px !important;
    color: var(--toastr-info-icon);
}

.customToastrIconWarning {
    font-size: 36px !important;
    color: var(--toastr-warning-icon);
}

.customToastrIconError {
    font-size: 36px !important;
    color: var(--toastr-icon-error);
}

.page-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding: 2em;
}

.page-header .title-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 100%;
}

.primary-title.red, .actions-container.red .primary-title {
    color: var(--discarded);
}

.page-header .title-row > .primary-title {
    margin-right: auto;
    max-width: 80%;
}

.page-header .subtitle-row {
    flex: 1 1 100%;
    color: var(--label-primary-color);
    padding: 0.5em 0;
}

.page-header.back-container .subtitle-row {
    padding: 0.5em 0 0.5em 4.4em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.page-header .default-button.back-button {
    background-color: transparent !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid rgba(128, 128, 128, 0.15) !important;
    color: var(--border-grey) !important;
    margin-right: 1.3em;
    font-size: 1.2em !important;
}

.page-header .back-button.p-button:enabled:focus {
    box-shadow: none;
}

.actions-container {
    margin-left: auto;
}

.page-header .icon-container {
    border-right: 1px solid rgba(128, 128, 128, 0.15) !important;
    margin-right: 1.3em; 
    margin-top: 4em;
}

.page-header .icon-container img {
    margin-right: 1.3em;
}

.page-header .discarded-message {
    width: 100%; 
    height: 2.8em; 
    background-color: var(--discarded-background);
    color: var(--discarded);
    display: flex;
    align-items: center; 
    margin-top: 2em; 
}

.page-header .discarded-message p {
    margin-left: 2em; 
    font-weight: bold;
    font-size: 15px; 
}

.page-header .right-item {
    padding-top: 2em;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex: 1 1 100%;
}

.page-header .right-item .p-button {
    margin: 0.5em 1.5em 0 0;
}

/* SELLA CUSTOM */
.page-header {
    padding: 0 2em;
}

.page-header.back-container {
    align-items: flex-start;
}

.page-header .primary-title {
    padding-top: 1.4em;
    align-self: flex-start;
}

.page-header .attachmentContainer {
    margin: 1.5em 0 1em 3.4em;
}

.page-header .historicalStatesModal .p-overlaypanel {
    left: unset !important;
    top: 40px !important;
    right: 2px;
}

.page-header .page-header_last-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1em;
}

.page-header .page-header_last-container .page-header_invoiceDueDate {
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 600;
    color: var(--roundBtn-advance-expired);
    margin-right: 1em;
}

.page-header .page-header_last-container .page-header_invoiceDueDate.invoiceExpired {
    padding: 0.5em 2.3em;
    background-color: var(--roundBtn-advance-expired);
    color: var(--light-color);
    border-radius: 6px;
}

.page-header .page-header_last-container.page-header_one-item {
    justify-content: flex-end;
    margin-top: 1em;
}

.page-header .subtitle-row .subtitleLink {
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
    margin-left: 1em;
}

.page-header .subtitle-row .subtitleLink span {
    margin-left: 1em;
    cursor: pointer;
}

.page-header_caption {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--dialog-text-primary-opacity);
    margin-top: 1em;
}

.b-internet-explorer .page-header {
    min-width: 60%;
}

.page-header .linkAssociationContainer .associatedDocument {
    font-size: 1.1em;
}

/* Fix for IE11 */

.b-version-11 .page-header .historicalStatesModal .p-overlaypanel {
    left: -330px !important;
}

.default-button:not(.pi) {
    border: 0px solid transparent !important;
    font-weight: 600;
    border-radius: 0 !important;
    padding: 0.5em 1em;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
}

.default-button *:not(.pi) {
    font-family: var(--secondary-font-family);
}

.default-button.normal {
    background-color: var(--color-active1) !important;
    color: var(--light-color) !important;
}

.default-button.normal-dark {
    background-color: var(--secondary-dark-color) !important;
    color: var(--primary-dark-color) !important;
}

.default-button.accent {
    background-color: var(--color-accent1) !important;
    color: var(--color-livery1) !important;
}

.default-button.accent-dark {
    background-color: var(--color-inactive1) !important;
    color: var(--light-color) !important;
}

.default-button.big {
    min-width: 250px;
    min-height: 50px;
    padding: 0.5em 1em;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
}

.default-button.xl {
    min-width: 350px;
    min-height: 50px;
    padding: 0.5em 1em;
    font-size: 0.92em !important;
    text-transform: uppercase !important;
}

.default-button.transparent {
    background-color: transparent !important;
    border: 2px solid var(--transparent-button-border) !important;
    color: var(--borders-primary-color) !important;
}

.default-button.transparent span {
    color: var(--transparent-button-text);
}

.default-button.disabled {
    background-color: var(--secondary-dark-color) !important;
    color: var(--light-color) !important;
}

.default-button.small {
    padding: 0.1em 1em;
}

.default-button.light {
    background-color: transparent !important;
    border: 2px solid var(--transparent-button-border) !important;
    color: var(--transparent-button-border) !important;
}

.default-button.destructive {
    background-color: var(--light-color) !important;
    border: 2px solid var(--card-error-color) !important;
    color: var(--card-error-color) !important;
}

.default-button.destructive.disabled,
.default-button.disabled {
    background-color: var(--disabled-button-background) !important;
    border: none !important;
    color: var(--disabled-text-opacity) !important;
    opacity: 1 !important;
}

.default-button.destructive.disabled:active .p-button-text {
    opacity: 0.5 !important;
}

.default-button.bright-dark {
    background-color: var(--secondary-dark-color) !important;
    color: var(--primary-dark-color) !important;
}

.default-button.transparent-accent {
    background-color: transparent !important;
    border: 3px solid var(--transparent-button-borders-alternative) !important;
    color: var(--color-active1) !important;
}

.default-button.transparent-destructive {
    background-color: transparent !important;
    border: 3px solid var(--card-error-color) !important;
    color: var(--card-error-color) !important;
}

.default-button.normal-reversed {
    color: var(--color-active1) !important;
    background-color: var(--light-color) !important;
}

.default-button.destructive.disabled,
.default-button.disabled,
.default-button.p-disabled {
    background-color: var(--disabled-button-background) !important;
    border: none !important;
    color: var(--color-inactive1) !important;
    opacity: 1 !important;
}

.default-button.destructive.disabled:active .p-button-text,
.default-button.p-disabled:active .p-button-text{
    opacity: 0.5 !important;
}

.default-button.destructive-alternative {
    background-color: var(--destructiveAlternative) !important;
    color: var(--light-color) !important;
}

.default-button.primary-transparent {
    background-color: transparent !important;
    border: 2px solid var(--color-active1) !important;
    color: var(--color-active1) !important;
}

.default-button.primary-transparent span {
    color: var(--color-active1);
}
.attachmentContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 1em;
}

.attachmentContainer .attachmentLink,
.attachmentContainer .noAttachment {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.attachmentContainer .attachmentLink {
    cursor: pointer;
}

.attachmentContainer .attachmentLink .pi.pi-arrow-circle-down {
    color: var(--borders-primary-color);
    margin-left: 0.25em;
}

.attachmentContainer .attachmentLink .attachmentName {
    color: var(--color-livery1);
    margin-left: 1em;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.attachmentContainer .noAttachment .attachmentInfo {
    font-size: 0.875em;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dialog-shadow);
    margin-left: 0.86em;
}

.iconContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.iconContainer .defaultImage {
    width: 2.25em;
    height: 2.25em;
    margin-left: 1.5em;
}

.iconContainer .name {
    text-transform: uppercase;
    margin-left: 0.5em;
    margin-right: 1.5em;
    color: var(--color-livery1);
}

.iconContainer.lower-case .name {
    text-transform: none;
}

.iconContainer .defaultImage.small {
    width: 1.25em;
    height: 1.25em;
    margin-left: 1.5em;
}

.iconContainer.medium img{
    width: 1.8em;
    height: 1.8em;
}

.historicalStatesModal {
    position: relative;
}

.historicalStatesModal .p-overlaypanel {
    left: unset !important;
    top: 55px !important;
    right: 12px;
}

.statusIndicatorHistoricalModal {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.historicalStatesModal .list-icon {
    font-size: 36px;
    cursor: pointer;
    color: var(--label-primary-color);
}

.historicalStatesModal .historicalStatesModal_header .close-button-container:not(.squared) > button {
    right: unset;
    left: 240px;
    color: var(--close-button);
    font-weight: 300;
    font-size: 2.5em;
    padding: 0 6px;
}

.historicalStatesModal .historicalStatesModal_header .close-button-container:not(.squared) > button:focus {
    outline: none;
} 

.historicalStatesModal .historicalStatesModal_header {
    margin: 30px 40px 40px;
}

.historicalStatesModal .historicalStatesModal_header .headerTitle {
    text-transform: uppercase;
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-active1);
}

.historicalStatesModal .historicalStatesModal_container {
    width: 24em;
    margin: 0 40px;
    height: auto;
}

.historicalStatesModal .historicalStatesModal_footer {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.historicalStatesModal .historicalStatesModal_footer .default-button:not(.pi) {
    padding: 1em 3.5em;
}

.historicalStatesModal_visibility {
    z-index: 1000;
    opacity: 1;
}
.statusRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.statusRow .statusRow_date {
    width: 95px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: var(--label-primary-color);
}

.statusRow .statusRow_status {
    width: 12em;
    margin: 0;
    text-transform: uppercase;
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--label-primary-color);
}

.statusRow .statusRow_status.red {
    color: var(--discarded);
    background-color: unset;
}

.statusRow .statusRow_status.green {
    color: var(--success-color);
    background-color: unset;
}

.statusRow .statusRow_status.blue {
    color: var(--color-active1);
    background-color: unset;
}

.statusRow .statusRow_status.black {
    color: var(--primary-dark-color);
    background-color: unset;
}

.close-button-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.close-button-container.squared {
    position: relative;
    background: var(--close-button-dark);
    width: 40px;
    height: 40px;
    display: flex;
    align-content: center;
}

.close-button-container.squared > button {
    background: none;
    border: none;
    z-index: 10000;
    font-size: 33px;
    cursor: pointer;
    width: 100%;
    font-weight: 200;
    color: var(--light-color);
    line-height: 1;
}

.close-button-container:not(.squared) > button {
    background: none;
    border: none;
    position: absolute;
    z-index: 10000;
    font-size: 2em;
    line-height: 0;
    bottom: 0;
    right: 0;
    overflow: visible;
    cursor: pointer;
}

.currentDocumentStatusIndicator {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_label {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
    margin-right: 12px;
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_item {
    width: 12.5em;
    border-radius: 5px;
    background-color: var(--steps-disabled-color-opacity);
    padding: 6px 12px;
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dialog-shadow);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_item.red {
    background-color: var(--warning-color-opacity);
    color: var(--discarded);
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_item.green {
    background-color: var(--success-color-alternative-opacity);
    color: var(--success-color);
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_item.blue {
    background-color: var(--secondary-selection-color-opacity);
    color: var(--color-active1);
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicator_item.black {
    color: var(--primary-dark-color);
}

.currentDocumentStatusIndicator .currentDocumentStatusIndicatoruppercase{
    text-transform: uppercase;
}


.linkAssociationContainer {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.linkAssociationContainer .goButton {
    background-color: transparent !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    color: var(--label-primary-color);
}

.linkAssociationContainer:not(.invert) .associatedDocument {
    margin-right: 0.58em;
}

.linkAssociationContainer.invert .associatedDocument {
    margin-left:  0.58em;
}

.linkAssociationContainer a {
    color: var(--label-primary-color);
}

.linkAssociationContainer a:hover {
    color: var(--label-primary-color);
}

.linkAssociationContainer .p-button:enabled:focus {
    box-shadow: none;
}

.linkAssociationContainer .p-button-icon-only .p-button-icon-left {
    transform: rotate(180deg);
    font-size: 0.75em;
    color: rgba(128, 128, 128, 0.4);
    font-weight: 800;
}

.linkAssociationContainer > span {
    color: var(--label-primary-color);
    font-size: 0.81em;
}

.linkAssociationContainer.blue:not(.disabled) span {
    color: var(--color-active1);
}

.linkAssociationContainer.blue:not(.disabled)
.p-button-icon-only
.p-button-icon-left {
    font-size: 1.2em;
    color: var(--color-active1);
}

.linkAssociationContainer.blue:not(.disabled)  .goButton {
    border: 2px solid var(--color-active1) !important;
    border-radius: 50px;
}

.linkAssociationContainer.disabled {
    pointer-events: none !important;
}

.header-container {
    display: flex; 
    justify-content: space-between;
}

.header-container .line-usage-container {
    padding: 2em 4em 1em 10px;
}

.request-creation {
    padding: 0 3em;
}

.request-creation .documentSummaryContainer {
    margin: 3em 0;
}

.request-creation .totalContainer {
    justify-content: flex-end;
    margin-right: 4em;
}

.request-creation .tooltip .content {
    border: 2px solid var(--color-active1);
    border-radius: 1.5em;
    bottom: 45px;
    right: -95px;
    color: var(--label-primary-color);
    text-transform: none;
    font-size: 0.85em;
    font-weight: 500;
    padding: 1em 2em;
    margin-bottom: 1.5em;
    text-align: left;
}

.request-creation .tooltip .content:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent; 
    border-top: 22px solid var(--color-active1);
    left: 45%;
    bottom: -22px;
}

.request-creation .tooltip .content:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 22px solid var(--light-color);
    left: 45%;
    bottom: -18px;
}

@media (max-width: 1163px) {
    .request-creation .selection-bar .tail-button-container {
        width: 50%;
    }
    .request-creation .selection-bar button {
        height: 4.205em;
    }
    .request-creation .selection-bar .p-button-text {
        padding: 0 !important;
    }
    .request-creation .selection-bar .no-tail-button-container {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
}

/* Fix for IE10 */

.b-version-10 .request-creation .advancesContainer {
    width: calc(100vw - var(--left-menu-size) - 100px);
}

.b-version-10 .request-creation .sliderAmountSubmitted .sliderAmountSubmitted_labelsContainer label:nth-child(1) {
    float: left;
}

.b-version-10 .request-creation .sliderAmountSubmitted .sliderAmountSubmitted_labelsContainer label:nth-child(2) {
    float: right;
}

.steps-container {
  display: flex;
  justify-content: center;
  background-color: var(--color-background2);
  padding: 1em;
  color: var(--steps-disabled-color);
  font-family: var(--secondary-font-family);
}

.steps-container .steps-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1.5em;
}

.steps-container .active {
  color: var(--color-active1);
}

.steps-container .active .step-badge {
  background-color: var(--color-active1);
}

.steps-container .complete {
  color: var(--success-color);
}

.steps-container .complete .step-badge {
  background-color: var(--success-color);
}

.steps-container > div > i {
  float: right;
  font-size: 2em;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}

.steps-container .click-area {
  float: left;
  cursor: pointer;
}

.step-badge {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  text-align: center;
  padding-top: 1em;
  background-color: var(--steps-disabled-color);
  color: var(--steps-badge-text) !important;
  float: left;
}

.step-badge.icon {
  padding-top: 0.5em;
}

.step-badge.icon i {
  font-size: 2em;
}

.step-title {
  float: left;
  margin-left: 1em;
}

.steps-container .steps-item .badge-description {
  display: flex;
}

.step-item-clickable {
  cursor: pointer;
}

@media (min-width: 1137px) and (max-width: 1324px) {
  .steps-container.items-4 {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .steps-container .steps-item {
    padding: 0.3em 0 1em 0;
  }
}

@media (min-width: 850px) and (max-width: 1136px) {
  .steps-container.items-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .steps-container.items-3 {
    flex-wrap: wrap;
    justify-content: end;
  }

  .steps-container .steps-item {
    margin: 0.3em 0;
    justify-content: end;
    width: 50%;
  }
}

@media (max-width: 850px) {
  .steps-container {
    flex-direction: column;
  }
  .steps-container .steps-item {
    justify-content: flex-start;
    width: 100%;
    margin: 0.3em 0;
    flex-grow: 1;
  }
}

/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .content {
    width: -moz-max-content;
    width: max-content;
    background-color: var(--light-color);
    color: var(--color-inactive1);
    text-align: center;
    border-radius: 10px;
    border: var(--borders-dark-color) 1px solid;
    box-shadow: 1px 2px 6px 1px var(--dialog-shadow);
    padding: 0 2em;
    position: absolute;
    z-index: 1;
}

.tooltip .content.top {
    bottom: 100%;
}

.tooltip .content.rightToParentRight {
    right: 0;
}

.tooltip .content.leftToParentRight {
    left: 100%;
}

.tooltip .content.centerVertical {
    transform: translateY(-50%);
}

.flowBarRequest.full-width {
  margin: 0 -3em;
}

.flowBarRequest .tooltip .content {
    width: 250px;
}

.flowBarRequest .steps-container:last-child .tooltip .content {
  left: 0;
}
.request-invoice-selection .debtor-transfer-container {
    display: flex;
    margin-bottom: 3em;
    justify-content: space-between;
}

.request-invoice-selection .selection-filters {
    margin-top: 3em;
}

.request-invoice-selection .amountOverviewContainer {
    margin: 1em 0 1em 0;
}

.request-invoice-selection .amountOverviewContainer.selectedInvoices > span {
    margin-left: auto;
    margin-top: 1em; 
    margin-bottom:2.5em;
}

.request-invoice-selection .request-invoice-selection__bottom-overview__right  {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 1em;
}

.request-invoice-selection .sliderHeader {
    text-align:left; 
    display: block;
}

.request-invoice-selection .header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.request-invoice-selection .header-wrapper .headerWrapperLeftContainer {
    width: 100%;
}

.request-invoice-selection .header-wrapper .expiring-info .expiring-info_date {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.request-invoice-selection .header-wrapper .expiring-info .expiring-info_date span {
    padding-left: 0.5em;
    font-family: var(--secondary-font-family);
    font-size: 1.188em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
}

.request-invoice-selection .header-wrapper .expiring-info .expiring-info_day-left {
    padding-top: 1em;
    text-align: right;
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
}

.request-invoice-selection .navigationButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2em;
}

.request-invoice-selection .navigationButtonsContainer .nextStepLink {
    margin-left: auto;
}

.request-invoice-selection .validationsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.request-invoice-selection .validationsContainer .multiDebtorRequestValidation {
    flex: 1 1;
    margin: 0.5em;
}
.request-invoice-selection .validationsContainer .multiDebtorRequestValidation:first-child {
    margin-left: 0;
}
.request-invoice-selection .validationsContainer .multiDebtorRequestValidation:last-child {
    margin-right: 0;
}

.request-invoice-selection .totalInvoices {
    margin-top: 1em;
}

.request-invoice-selection .debtorBaseInfo {
  width: 580px;
}

.request-invoice-selection .singleNotification_container {
  margin-top: 2.5em;
}

.request-invoice-selection .custom-paragraph-text {
  margin-top: 2.5em;
  margin-bottom: 4.5em;
}

.request-invoice-selection .singleNotification_container .notification-lnk {
  text-decoration: underline;
  cursor: pointer;
  margin: 0 0.3em;
}

.request-invoice-selection .selected-card {
    height: 121px;
}

.request-invoice-selection .invoicesCounterContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
}

.request-invoice-selection .invoicesCounterContainer .minMaxIndication {
    color: var(--error-color);
}

.request-invoice-selection .action-footer .tooltip .content {
    width: 250px;
}

@media (min-width: 845px) and (max-width: 1078px) {
    .request-invoice-selection .flowBarRequest .steps-container {
        justify-content: flex-start;
    }
    .request-invoice-selection .flowBarRequest .steps-container .steps-item:not(:last-child) {
        margin-bottom: 1em;
    }
}

@media (max-width: 844px) {
    .request-invoice-selection .flowBarRequest .steps-container {
        flex-direction: column;
    }
    .request-invoice-selection .flowBarRequest .steps-container .steps-item:not(:last-child) {
        margin-bottom: 1em;
    }
}

@media (max-width: 1024px) {
    .request-invoice-selection .selection-filters .checkboxContainer {
        margin-bottom: 1em;
    }
}

@media (max-width: 890px) {
    .request-invoice-selection .selection-filters .selection-filters_buttons {
        flex-direction: column;
    }
    .request-invoice-selection .selection-filters .p-button.big {
        margin-bottom: 1em;
    }
}

@media (max-width: 1176px) {
    .request-invoice-selection .action-footer {
        flex-direction: column;
        align-content: flex-start;
    }
}

@media (min-width: 895px) and (max-width: 1176px) {
    .request-invoice-selection .action-footer .wrappedRight .rightItem:first-child {
        margin: 2em 0 0 0;
    }
}

@media (max-width: 894px) {
    .request-invoice-selection .action-footer .wrappedRight {
        justify-content: flex-start;
    }
    .request-invoice-selection .action-footer .wrappedRight .rightItem {
        margin: 2em 0 0 0;
    }
}

@media (min-width: 1300px) {
    .request-invoice-selection .sliderHeader {
        margin-bottom: -2.5em;
    }
}

.action-footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 5em;
}

.action-footer.one-item {
    justify-content: center;
}
.action-footer.justify-start {
    justify-content: flex-start !important;
}
.action-footer.justify-end {
    justify-content: flex-end !important;
}

.action-footer .item {
    margin: 2em 0em 0em 0em;
}

.action-footer .wrappedRight {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.action-footer .wrappedRight .rightItem {
    margin: 2em 0em 0em 2em;
}

.action-footer.withMargins {
    padding-left: 2em;
    padding-right: 2em;
}

.action-footer.moreMargin {
    margin-bottom: 4em;
}

.action-footer.moreMargin .item {
    margin: 3.6em 0 0 0;
}

.amountOverviewContainer {
    color: var(--color-active1);
    font-weight: 600;
    font-size: 0.95em;
}

.amountOverviewContainer .description {
    font-weight: bold;
    font-size: 0.85em;
    margin-left: 0.8em;
    margin-right: 0.8em;
}

.amountOverviewContainer.dark {
    color: var(--label-primary-color);
}

.amountOverviewContainer.disabled {
    opacity: 0.5;
}

.amountOverviewContainer .additionalInfo span {
    margin-left: 1em;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
}
.debtorBaseInfo {
    display: flex;
    flex-direction: column;
    width: 550px;
    max-width: 100%;
    padding-right: 4em;
}

.debtorBaseInfo .p-grid {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.debtorBaseInfo .p-col {
    padding: 0;
}

.debtorBaseInfo .debtorBaseInfo_nameTitle {
    font-family: var(--secondary-font-family);
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
}

.debtorBaseInfo .debtorBaseInfo_vatLabel {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
    margin-right: 12px;
}

.debtorBaseInfo .debtorBaseInfo_multiDebtorLabel {
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--brown-grey);
    text-transform: uppercase;
}

.debtorBaseInfo .debtorBaseInfo_vat {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
}

.debtorBaseInfo .debtorBaseInfo_button {
    width: auto;
    text-transform: uppercase;
    margin-top: 9px;
    margin-bottom: 1em;
}

.debtorBaseInfo .debtorBaseInfo_button span {
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--brown-grey);
}

.debtorBaseInfo .debtorBaseInfo_initialsButton {
    width: 62px;
    height: 62px;
    background-color: var(--color-active1);
    text-align: center;
    padding: 0;
    opacity: 1 !important;
    border: none;
    margin-right: 22px;
}

.debtorBaseInfo .debtorBaseInfo_initialsButton span {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--light-color);
    padding: 0 !important;
}

.debtorBaseInfo .debtorBaseInfo_isPerson {
    font-family: var(--primary-font-family);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 16px 0;
    display: flex;
    align-content: baseline;
    font-size: 16px;
    color: var(--label-primary-color);
}

.debtorBaseInfo .buttonNavigationWithLabelContainer {
    justify-content: flex-start;
}

.debtorBaseInfo .pi-list {
    font-size: 3.5em;
}

.debtorBaseInfo .pecContainer {
    min-height: 5.3em;
}

.debtorBaseInfo .pecContainer .pecForm {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5em;
}

.debtorBaseInfo .pecContainer .pecForm .label {
    text-transform: uppercase;
    color: var(--label-primary-color);
    margin-right: 0.5em;
    margin-top: auto;
    margin-bottom: auto;
}

.debtorBaseInfo .pecContainer .pecForm .inputText {
    margin-right: 0.5em;
    flex: 1 1;
}

.debtorBaseInfo .pecContainer .pecForm .inputText .p-inputgroup {
    height: 100%;
}

.debtorBaseInfo .pecContainer .errorLabel {
    font-weight: 600;
    color: var(--error-color);
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
}
.debtorBaseInfo .pecContainer .pecForm .p-button {
    width: unset;
}

/* Fix for IE11 */

.b-version-10 .debtorBaseInfo .pecContainer .inputTextContainer,
.b-version-11 .debtorBaseInfo .pecContainer .inputTextContainer {
    flex: none;
}

.b-version-10 .debtorBaseInfo .pecContainer .pecForm .p-button,
.b-version-11 .debtorBaseInfo .pecContainer .pecForm .p-button {
    width: auto;
}

.roundButton {
    border-radius: 50% !important;
    font-weight: bold;
    color: var(--light-color) !important;
    padding: 0;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    width: 4.2em;
    height: 4.2em;
}

.roundButton .unread-circle {
    width: 16px;
    height: 16px;
    background-color: var(--sky-blue);
    position: absolute;
    right: 0;
    top: 2px;
    border-radius: 50%;
    border: 2px solid var(--light-color);
}

.roundButton .unread-circle_red {
    background-color: var(--toastr-icon-error);
}

.buttonNavigationWithLabelContainer {
    margin-top: 1em;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    justify-content: flex-end;
}

.buttonNavigationWithLabelContainer > span {
    color: var(--color-active1);
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    margin-right: 18px;
}

.buttonNavigationWithLabelContainer .goButton {
    background-color: transparent !important;
    border: solid 2px var(--color-active1);
    border-radius: 50%;
    padding: 0;
}

.buttonNavigationWithLabelContainer .p-button:enabled:focus {
    box-shadow: none;
}

.buttonNavigationWithLabelContainer .p-button-icon-only .p-button-icon-left {
    transform: rotate(180deg);
    font-size: 1em;
    color: var(--card-primary-border-color) !important;
    font-weight: 800;
}

.buttonNavigationWithLabelContainer .p-button:enabled:hover {
    border-color: var(--card-primary-border-color);
}

.inputTextContainer {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 2px;
}

.inputTextContainer .p-button {
    background-color: transparent;
    border-right: 1px solid var(--borders-primary-color);
    border-top: 1px solid var(--borders-primary-color);
    border-bottom: 1px solid var(--borders-primary-color);
    border-radius: 0;
    color: var(--borders-primary-color);
    position: absolute;
    right: 0;
}

.inputTextContainer .p-inputtext {
    border: 1px solid var(--borders-primary-color);
    border-radius: 0;
    padding: 0.5em 1.25em;
    width: 100%;
}

.inputTextContainer ::-moz-placeholder {
    color: var(--color-inactive2);
}

.inputTextContainer ::placeholder {
    color: var(--color-inactive2);
}

.inputTextContainer .p-inputtext:enabled:focus:not(.p-error),
.inputTextContainer .p-inputtext:enabled:hover:not(.p-error) {
    border: 1px solid var(--borders-primary-color);
}

.inputTextContainer .p-inputgroup.addOn .p-inputtext:enabled:focus:not(.p-error),
.inputTextContainer .p-inputgroup.addOn .p-inputtext:enabled:hover:not(.p-error){
    border-right: none;
}


.inputTextContainer .p-inputgroup .p-inputgroup-addon {
    background: none;
    border-color: var(--borders-primary-color);
    border-radius: 0 !important;
}

.inputTextContainer .p-inputgroup .p-inputgroup-addon.addOnLeft {
    border-right: none !important;
    background: var(--light-color);
}

.inputTextContainer .p-inputgroup .p-inputgroup-addon.addOnRight {
    border-left: none !important;
    background: var(--light-color);
}

.inputTextContainer.inputError .p-inputtext,
.inputTextContainer.inputError .p-inputtext:focus:hover {
    border: 1px solid var(--discarded) !important;
}

.inputTextContainer.inputError .addOnRight {
    border: 1px solid var(--discarded) !important;
    border-left: none;
}

.inputTextContainer.inputError .input-header-label {
    color: var(--discarded);
}

.inputTextContainer.inputError .p-inputgroup.addOn .p-inputtext{
    border-right: none !important;
}

.inputTextContainer .input-info-label {
    margin-bottom: 0.3em;
    margin-top: 0.84em;
    font-size: 0.75em;
    color: var(--label-primary-color);
    opacity: 0.75;
}

.input-header-label {
    margin-bottom: 0.5em;
    margin-top: 0.8em;
    color: var(--label-primary-color);
}

.input-header-label.accent {
    color: var(--color-active1);
    text-transform: uppercase; 
    font-size: 13px;
    font-weight: 600;
    font-family: var(--secondary-font-family);
}

.input-header-label.dark {
    color: var(--label-primary-color);
}

.input-header-label.disabled {
    opacity: 0.5;
}

.input-header-label.displayBlock {
    display: block;
}

.input-error-label {
    margin-bottom: 0.3em;
    margin-top: 0.84em;
    font-size: 0.75em;
    color: var(--discarded);
    opacity: 0.75;
    font-weight: 600;
}

.custom-paragraph-text {
    margin-top: 1.5em;
    margin-bottom: 2em; 
    display: flex;
    justify-content: center; 
    color: var(--dialog-text-primary);
}
.request-dialog {
    background-color: var(--light-color);
    box-shadow: 0 0 13px 0 var(--dialog-shadow) !important;
    font-family: var(--secondary-font-family);
    position: absolute;
}

.request-dialog .p-dialog-content {
    padding-left: 6.25em !important;
    padding-right: 6.25em !important;
}

.request-dialog .content-container .warning-text {
    color: var(--warning-dialog);
    font-size: 1.5em;
    font-weight: 600;
    font-family: var(--secondary-font-family);
    margin-bottom: 0.5em;
    letter-spacing: -0.5px;
}

.request-dialog .content-container .top-warning-text {
    margin-bottom: 21px;
}

.request-dialog .p-dialog .p-dialog-titlebar .pi {
    font-size: 2.3em !important;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.request-dialog .custom-dialog .p-dialog .p-dialog-titlebar {
    padding: 2em;
}

.request-dialog .custom-dialog .p-dialog .p-dialog-titlebar .p-dialog-title {
    font-size: 15px;
    font-weight: 700;
    font-family: var(--secondary-font-family);
}

.request-dialog .content-container .this {
    color: var(--label-primary-color);
    font-size: 13px;
    font-weight: normal;
    font-family: var(--secondary-font-family);
    margin-bottom: 0;
}

.request-dialog .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.request-dialog .content-container .valueKeyElementContainer {
    align-items: center;
    height: 5em !important;
}

.request-dialog .content-container .valueKeyElementContainer .title {
    font-weight: normal;
    font-family: var(--primary-font-family);
    font-size: 16px;
    color: var(--dialog-text-primary);
}

.request-dialog .content-container .valueKeyElementContainer .value {
    font-size: 1.5em !important;
    font-family: var(--secondary-font-family);
}

.request-dialog .p-dialog.p-component .action-footer {
    margin-bottom: -3em !important
}

.request-dialog .p-dialog.p-component .action-footer .item {
    margin: 1em 4em 4em !important;
}

.request-dialog .footer {
    background-color: white;
    display: flex;
    justify-content: space-around;
}

.request-dialog .confirm-msg {
    color: var(--dialog-text-secondary);
    margin-top: 1em;
    font-size: 1.1em;
}

.custom-dialog .p-dialog .p-dialog-titlebar {
    background-color: var(--light-color) !important;
    text-align: center;
    border: none !important;
    text-transform: uppercase;
}

.custom-dialog.header-filled .p-dialog .p-dialog-titlebar {
    border-bottom: 1px solid var(--borders-primary-color) !important;
    padding: 2em;
}

.custom-dialog .p-dialog .p-dialog-content {
    border: none !important;
    text-align: center;
    padding-top: 1em !important;
}

.custom-dialog:not(.noPaddingBottom) .p-dialog .p-dialog-content {
    padding-bottom: 1em !important;
}

.custom-dialog .p-dialog .p-dialog-titlebar .p-dialog-title {
    color: var(--primary-dark-color);
    font-size: 19px;
}

/* .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.1) !important;
} */

.custom-dialog .p-dialog .p-dialog-footer {
    display: flex;
    justify-content: center;
    padding-bottom: 3em !important;
    border: none !important;
}

.custom-dialog .p-dialog .p-dialog-footer button {
    margin: 0 !important;
}

.custom-dialog .dialog_content {
    margin: 50px 0 150px 0;
}

.custom-dialog .dialog_question {
    margin: 0 0 50px 0;
    text-align: center;
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: -0.5px;
    color: var(--dialog-text-secondary);
}

.custom-dialog .dialog_answer {
    margin: 0 80px;
    width: 830px;
    height: 90px;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
}

/*
Dialog Advance
*/

.custom-dialog.advance {
    width: 61em !important;
    background-color: var(--light-color);
    box-shadow: 0 0 13px 0 var(--dialog-shadow) !important;
}

.custom-dialog.advance .custom-dialog .p-dialog .p-component {
    height: 3em; 
}

.custom-dialog.advance .p-dialog .p-dialog-titlebar {
    padding-top: 3.9em;
    font-weight: 700;
    font-size: 12px; 
}

.custom-dialog.advance .p-dialog .p-dialog-titlebar .pi {
    font-size: 2.3em !important;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.custom-dialog.advance .custom-dialog .p-dialog .p-dialog-footer {
    display: flex;
    flex-direction: row;
}

.custom-dialog.advance #pr_id_1 {
    width: 65em !important; 
}


.custom-dialog.advance .p-dialog .p-dialog-content .invoice-data {
    color: var(--primary-dark-color);
    font-size: 1.6em;
    margin-bottom: 0.7em; 
    font-weight: 700;
    margin-top: 2em; 
}

.custom-dialog.advance .middle-content {
    display: flex;
    justify-content: center;
    margin: 0 7em 3em 7em; 
    height: 9em; 
}

.custom-dialog.advance .p-dialog .p-dialog-content .advance-info {
    font-size: 1.05em; 
    color: var(--dialog-text-primary);
    text-align: center;
    margin-bottom: 2em; 
}

.custom-dialog .p-link:focus {
    box-shadow: none;
}

/* Fix for PrimeNG .p-link class to resolve Sonar issue */
.p-link {
    text-align: left;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.custom-dialog .p-dialog .p-dialog-footer {
	margin-bottom: 2em !important;
}

.custom-dialog .p-dialog {
    max-height: 95% !important;
    box-shadow: none;
}

.custom-dialog .p-dialog .p-dialog-content {
    overflow: visible !important;
    max-height: 100% !important;
}

.custom-dialog .p-dialog-mask {
	overflow-y: auto !important;
}

.custom-dialog.noFooter > .p-dialog-mask > .p-dialog > .p-dialog-content {
    margin-bottom: 2em !important;
}

/* Fix for IE11 */

.b-version-10 .custom-dialog .p-dialog-mask,
.b-version-11 .custom-dialog .p-dialog-mask {
    overflow-y: auto;
}

.b-version-10 .custom-dialog .p-dialog .p-dialog-content {
    max-height: none !important;
}

.valueKeyElementContainer {
    display: flex;
    flex-direction: column;
    height: 6em;
    justify-content: center;
}

.valueKeyElementContainer.red .value{
    color: var(--discarded)
}

.valueKeyElementContainer .value {
    font-weight: bold;
    margin-top: 0.5em;
    font-size: 16px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.valueKeyElementContainer .title {
    font-size: 13px;
    color: var(--label-primary-color);
    font-weight: bold;
}

.valueKeyElementContainer .value.small {
    margin-top: 1.5em;
    font-size: 12px !important;
    opacity: 0.8;
}

.valueKeyElementContainer .title.small {
    font-size: 10px;
    color: var(--label-primary-color);
    opacity: 0.6;
    font-weight: bold;
}

.valueKeyElementContainer .sub-info.red {
    margin-top: 0.7em;
    font-size: 11.5px;
    opacity: 0.7; 
    color: var(--discarded)
}

.totalRequestAmount {
  padding: 15px 10px 25px;
  display: flex;
  flex-direction: row;
  width: 430px;
  border-radius: 5px;
  border: solid 1px var(--color-active1);
}

.totalRequestAmount.danger {
  border: solid 3px var(--card-error-alternative);
}

.totalRequestAmount .totalRequestAmount_sectionIcon {
  display: flex;
  flex-direction: column;
  width: 35px;
  align-content: center;
  font-size: 22px;
  font-weight: 600;
  color: var(--success-color);
}

.totalRequestAmount.warning .totalRequestAmount_sectionIcon {
  color: var(--warning-light-color);
  opacity: 0.6;
}

.totalRequestAmount .totalRequestAmount_sectionContent {
  display: flex;
  flex: 1 1;
  align-items: flex-end;
  flex-direction: column;
  padding: 0 8px;
}

.totalRequestAmount .totalRequestAmount_firstSectionContent {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.b-version-11 .totalRequestAmount .totalRequestAmount_firstSectionContent {
  flex: none;
}

.totalRequestAmount .totalRequestAmount_label {
  font-family: var(--primary-font-family);
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--color-active1);
  margin-right: 8px;
  text-transform: uppercase;
  flex: 2 1;
}

.totalRequestAmount .totalRequestAmount_topContainer .p-inputgroup-currency,
.totalRequestAmount .totalRequestAmount_topContainer .currency {
  font-family: var(--secondary-font-family);
  font-size: 22px;
  font-weight: 600;
  color: var(--color-active1);
  border: 0 !important;
  padding-right: 0;
}

.totalRequestAmount .totalRequestAmount_topContainer .inputTextContainer {
  flex: 3 1;
}

.totalRequestAmount .totalRequestAmount_topContainer .p-inputtext.p-component:focus {
  box-shadow: none;
}

.totalRequestAmount .totalRequestAmount_topContainer .p-inputtext.p-component {
  border: 0 !important;
}

.totalRequestAmount.danger .totalRequestAmount_topContainer .inputTextContainer .p-inputgroup-currency,
.totalRequestAmount.danger .totalRequestAmount_topContainer .currency {
  color: var(--error-color);
}

.totalRequestAmount .totalRequestAmount_info {
  font-family: var(--primary-font-family);
  font-size: 0.8125em;
  line-height: 1.38;
  text-align: right;
  color: var(--success-color);
  margin: 8px 0 0;
}

.totalRequestAmount.danger .totalRequestAmount_info {
  color: var(--warning-light-color);
}

.totalRequestAmount.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.totalRequestAmount .subtitle {
  font-family: var(--primary-font-family);
  font-size: 0.9em;
  color: var(--success-color);
  text-align: right;
  width: 100%;
}

.totalRequestAmount.danger .subtitle {
  color: var(--error-color);
}

.totalRequestAmount.warning .subtitle {
  color: var(--warning-light-color);
}

.totalRequestAmount .totalRequestAmount_topContainer {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Fix for IE11 */

.b-version-10 .totalRequestAmount .totalRequestAmount_firstSectionContent,
.b-version-11 .totalRequestAmount .totalRequestAmount_firstSectionContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: none;
}

.p-inputgroup-currency {
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    padding: 0.5em 1.25em;
    border: 1px solid var(--borders-primary-color);
    width: 100%;
    text-align: right;
    transition: box-shadow 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.p-inputgroup-currency:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2em #8dcdff;
    z-index: 1;
}

.sliderAmountSubmitted {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    width: 430px;
}

.sliderAmountSubmitted .sliderAmountSubmitted_sectionLine {
    display: flex;
    flex-direction: row;
}

.sliderAmountSubmitted .sliderAmountSubmitted_sectionData {
    display: flex;
    flex-direction: column;
}

.sliderAmountSubmitted .p-slider .p-slider-range {
    background-color: transparent;
}

.sliderAmountSubmitted .p-slider.p-slider-horizontal {
    height: 6px;
    margin: 15px;
    width: 320px;
}

.sliderAmountSubmitted .p-slider.p-slider-horizontal .p-slider-handle {
    top: 0;
    margin-top: -11px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border: solid 3px var(--light-color) !important;
    background-color: var(--color-active1);
}

.sliderAmountSubmitted .prevButton,
.sliderAmountSubmitted .nextButton {
    background-color: transparent !important;
    border: none !important;
    color: var(--dialog-shadow) !important;
    font-size: 16px !important;
    height: 36px !important;
    width: 36px !important;
    padding: 0;
    box-shadow: none !important;
}

.sliderAmountSubmitted .prevButton .p-button-text.p-c,
.sliderAmountSubmitted .nextButton .p-button-text.p-c {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.sliderAmountSubmitted .sliderAmountSubmitted_labelsContainer {
    display: flex;
    justify-content: space-between;
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2em;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.sliderAmountSubmitted .sliderAmountSubmitted_smallText {
    display: flex;
    justify-content: flex-end;
    font-family: var(--primary-font-family);
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: right;
    color: var(--label-primary-color);
}

.sliderAmountSubmitted .sliderAmountSubmitted_valuesContainer {
    display: flex;
    justify-content: space-between;
    font-family: var(--secondary-font-family);
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.sliderAmountSubmitted .sliderAmountSubmitted_valuesContainer .priceMin {
    color: var(--success-color);
}

.sliderAmountSubmitted .sliderAmountSubmitted_valuesContainer .priceMax {
    color: var(--warning-color);
}

.sliderAmountSubmitted.disabled {
    opacity: 0.5;
}

.transferMethodInfoModal .p-dialog {
    max-width: 80vw;
}

.transferMethodInfoModal .p-dialog .p-dialog-titlebar-icons {
    display: none;
}

.transferMethodInfoModal .p-dialog .close-button-container:not(.squared) > button {
    color: var(--close-button);
    font-weight: 200;
    font-size: 2em;
    position: absolute;
    bottom: 40px;
    right: 0;
}

.transferMethodInfoModal .p-dialog .close-button-container:not(.squared) > button:focus {
    outline:0;
}

.transferMethodInfoModal .p-dialog .p-dialog-content {
    padding: 0;
    max-width: 80vw;
    max-height: 60vh;
    overflow: auto;
}

.transferMethodInfoModal .p-dialog .p-dialog-titlebar {
    padding-top: 50px;
    padding-bottom: 0;
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    color: var(--primary-dark-color);
}

.transferMethodInfoModal .transferMethodInfoModal_content {
    margin: 75px 80px 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.transferMethodInfoModal .transferMethodInfoModal_content .transferMethodInfoModal_question {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.5px;
    color: var(--dialog-text-secondary);
}

.transferMethodInfoModal .transferMethodInfoModal_content .transferMethodInfoModal_answer {
    max-width: 830px;
    min-width: 50vw;
    height: 90px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--dialog-text-primary);
    margin-top: 50px;
}

.transferMethodInfoModal .p-dialog-footer .p-button {
    width: 350px;
    height: 50px;
}

.selection-filters {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}

.selection-filters .checkboxContainer .checkboxLabel {
    font-size: 1em;
    font-weight: 500;
    text-transform: capitalize;
}

.selection-filters .selection-filters_buttons {
    width: 31.06em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.selection-filters .p-button.big {
    min-width: 21.875em;
}

.selection-filters .p-button {
    min-width: 15.63em;
    min-height: 3em;
}

.checkboxContainer .p-checkbox {
    height: 1.25em !important;
}

.checkboxContainer .checkboxLabel {
    font-size: 0.7em;
    margin-left: 0.4em;
    color: var(--checkbox-grey);
    font-weight: bold;
    text-transform: uppercase;
}

.checkboxContainer .p-checkbox .p-checkbox-box {
    border: 2px solid var(--color-checkbox-border);
    width: 1.25em;
    height: 1.25em;
    text-align: center;
    border-radius: 0px !important;
    transition: none !important;
}

.checkboxContainer
    .p-checkbox
    .p-checkbox-box.p-highlight:not(.p-disabled):hover {
    border-color: var(--color-active1) !important;
    background-color: var(--color-active1) !important;
    color: var(--light-color) !important;
}

.checkboxContainer .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
    border-color: var(--color-background3);
}

.checkboxContainer .p-checkbox .p-checkbox-box.p-highlight {
    border-color: var(--color-active1) !important;
    background-color: var(--color-active1) !important;
    color: var(--light-color) !important;
}

.checkboxContainer .checkboxContainer {
    display: flex;
    align-items: center;
}

.checkboxContainer .p-checkbox .p-checkbox-box .p-checkbox-icon {
    font-size: 1em !important;
}

.checkbox-error {
    min-height: 1.2em;
    margin-top: 2px;
}

.customPaginator {
  display: flex;
  justify-content: space-between;
  color: var(--color-inactive1);
  align-items: center;
  padding: 0.5em 0;
}

.customPaginator > div{
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.customPaginator > div:first-child{
  flex: 1 1;
  display: flex;
  justify-content: flex-start;
}

.customPaginator > div:last-child{
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
}

.customPaginator .rowsPerPageContainer .option,
.customPaginator .pagesContainer .option{
  cursor: pointer;
  text-decoration: underline;
  padding: 0 0.5em;
}

.customPaginator .rowsPerPageContainer .option.selected,
.customPaginator .pagesContainer .option.selected{
  cursor: default;
  text-decoration: none;
  color: var(--color-active1);
}

body .p-datatable .p-datatable-thead *:not(.p-sortable-column-icon){
  font-family: var(--secondary-font-family);
  font-weight: 600;
}

body .p-datatable table.clickable-rows .p-datatable-tbody tr {
  cursor: pointer;
}

body .p-datatable .p-datatable-thead > tr > th {
  background-color: var(--color-inactive1);
  border: 0px;
  color: var(--light-color);
  padding: 0.9em 1em 1em 0;
  font-size: 0.8em;
  text-overflow: ellipsis;
  overflow: hidden;
}

body .p-datatable .p-datatable-thead > tr > th .p-column-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 18px);
  vertical-align: middle;
}

body .p-datatable .p-datatable-tbody > tr > td {
  text-overflow: ellipsis;
  overflow: hidden;
}

body .p-datatable .p-datatable-tbody > tr > td:not(.attachment-file-name):not(.attachment-file-size):not(.attachment-file-format) {
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
  border-color: var(--grid-separator-color);
  color: var(--color-inactive1);
  padding: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-lines: 2;
}

body .p-paginator {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 1em 0 0.5em;
  text-align: center;
}

body .p-paginator-first,
body .p-paginator-prev {
  float: left;
}

body .p-paginator-last,
body .p-paginator-next {
  float: right;
}

body .p-paginator .p-dropdown {
  border: 1px solid var(--color-background3);
}

body .p-paginator .p-paginator-pages .p-paginator-page {
  border-radius: 3px;
  margin-left: 1px;
  margin-right: 1px;
}

body .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight) {
  border: 1px solid var(--color-background3);
}

body .p-paginator .p-paginator-first, body .p-paginator .p-paginator-prev, body .p-paginator .p-paginator-next, body .p-paginator .p-paginator-last {
  border: 1px solid var(--color-background3);
  border-radius: 3px;
  margin-left: 1px;
  margin-right: 1px;
}

body .p-datatable table.clickable-rows .p-datatable-row:hover td {
	font-weight: 700;
	color: var(--dark-color) !important;
}

body .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background-color: var(--table-th-hover);
  color: var(--light-color);
}

body .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  opacity: 0.5;
  color: var(--light-color);
}

body .p-datatable .p-sortable-column.p-highlight {
  background-color: var(--color-inactive1);
}

body .p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  color: var(--table-th-default);
}

.p-datatable table .p-datatable-tbody {
  border-bottom: 1px var(--grid-separator-color) solid;
}

body .p-datatable .p-datatable-tbody > tr > td:not(.attachment-file-name):not(.attachment-file-size):not(.attachment-file-format) { 
  padding: 1.3em 0.5em 1.3em 0em; 
}

body .p-datatable .p-sortable-column .p-sortable-column-icon { 
  color: var(--arrow-grey); 
  opacity: 0;
}

body .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { 
  color: var(--arrow-active);
  opacity: 1;
}

body .p-datatable .p-datatable-thead tr th:nth-child(1), 
body .p-datatable .p-datatable-tbody tr td:nth-child(1) {
  padding-left: 0.8em !important;
}

.invoices-list {
}

.invoices-list .title {
    color: var(--color-inactive1);
    font-size: 0.8em;
}

.invoices-list .main-title {
    margin: 1.5em 0 1.5em 0;
    font-size: 1.1em;
    font-weight: 800; 
}

.invoices-list .p-datatable-row.highlight td {
    color: var(--color-active1) !important

}

.invoices-list:not(.multiple-selection) table tr th:nth-child(5) {
    width: 25%;
}

.invoices-list.multiple-selection table tr th:nth-child(6) {
    width: 25%;
}

.invoices-list.multiple-selection table tr th:nth-child(1) {
    width: 4.5%;
}





.activity-indicator {
    padding: 2em;
}

.activity-indicator .activity-indicator-loader {
    border: 12px solid transparent; /* Circle */
    border-top: 12px solid var(--color-accent1); /* Animated part */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: auto;
    left: 0;
    right: 0;
}

.activity-indicator .activity-indicator-loader-large {
    width: 100px;
    height: 100px;
    border: 10px solid transparent; /* Circle */
    border-top: 10px solid var(--color-accent1); /* Animated part */
}

.activity-indicator .activity-indicator-loader-medium {
    width: 60px;
    height: 60px;
    border: 8px solid transparent; /* Circle */
    border-top: 8px solid var(--color-accent1); /* Animated part */
}

.activity-indicator .activity-indicator-loader-small {
    width: 30px;
    height: 30px;
    border: 4px solid transparent; /* Circle */
    border-top: 4px solid var(--color-accent1); /* Animated part */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.statusIndicatorContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.statusIndicatorContainer .statusIndicator {
    min-width: 0.7em;
    min-height: 0.7em;
    border-radius: 50%;
    margin-right: 0.5em;
}

.statusIndicatorContainer .statusIndicator.active {
    background-color: var(--success-color);
}

.statusIndicatorContainer .statusIndicator.inactive {
    background-color: var(--secondary-dark-color);
}

.statusIndicatorContainer .statusIndicator.warning {
    background-color: var(--card-error-color);
}

.statusIndicatorContainer .statusIndicator.sent {
    background-color: var(--color-active1);
}

.statusIndicatorContainer .statusIndicator.none {
    background-color: transparent;
}

.statusIndicatorContainer .statusIndicator.error {
    background-color: var(--card-warning-footer-text);
}

/* imports-draft-layout */
.imports-draft-layout .invoices-list table tr th:nth-child(2),
.imports-draft-layout .invoices-list table tr th:nth-child(3),
.imports-draft-layout .invoices-list table tr th:nth-child(4),
.imports-draft-layout .invoices-list table tr th:nth-child(5){
    width: 10%;
}

.imports-draft-layout .invoices-list table tr th:nth-child(6){
    width: 40%
}

/* invoice request mono debtor layout */
.request-mono-layout .invoices-list table tr th:nth-child(2),
.request-mono-layout .invoices-list table tr th:nth-child(3),
.request-mono-layout .invoices-list table tr th:nth-child(4) {
    width: 10%;
}
.request-multi-layout .invoices-list table tr th:nth-child(2),
.request-multi-layout .invoices-list table tr th:nth-child(3),
.request-multi-layout .invoices-list table tr th:nth-child(4) {
    width: 8%;
}

.request-mono-layout .invoices-list table tr th:nth-child(5){
    width: 30%
}

.request-multi-layout .invoices-list table tr th:nth-child(5){
    width: 20%
}

.request-mono-layout .invoices-list table tr th:nth-child(6) {
    width: 15%;
    text-align: right;
}

.request-mono-layout .invoices-list table tr td:nth-child(6) {
    text-align: right;
}

.request-multi-layout .invoices-list table tr th:nth-child(6){
    width: 13%;
}

.request-mono-layout .invoices-list table tr th:nth-child(7) {
    text-align: right;
}

.request-mono-layout .invoices-list table tr th:nth-child(8) {
    width: 5%;
}

.request-mono-layout .invoices-list table tr td:nth-child(8) {
    display: flex;
    justify-content: center;
}

.request-mono-layout .invoices-list table tr:not(.selected):not(.error) td:nth-child(7),
.request-multi-layout .invoices-list table tr:not(.selected):not(.error) td:nth-child(7) {
    color: var(--cancelled-color) !important;
}

.request-mono-layout .invoices-list table tr td:nth-child(7),
.request-multi-layout .invoices-list table tr td:nth-child(7) {
    font-weight: 600;
    text-align: right;
    font-style: italic;
}

.request-mono-layout .invoices-list .p-datatable .p-datatable-row.editInvoice .editIcon {
    display: none;
    margin-top: 5px;
}

.request-mono-layout .invoices-list .p-datatable .p-datatable-row.editInvoice .closeIcon {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.request-mono-layout .invoices-list .p-datatable .p-datatable-row.editInvoice .editIcon:hover {
    cursor: pointer;
}

.request-mono-layout .invoices-list .p-datatable .p-datatable-row.editInvoice:hover .editIcon {
    display: block;
}

.request-multi-layout .invoices-list table tr td:nth-child(7){
    width: 18%;
}

.request-multi-layout .invoices-list table tr td:nth-child(8) button {
    min-width: 113px;
}

.request-multi-layout .invoices-list table td[colspan="8"] {
    overflow: unset !important;
}

.request-multi-layout .multiExpandedRowContainer {
    display: flex;
    flex-direction: row;
}

.request-multi-layout .multiExpandedRowContainer p {
    font-family: var(--primary-font-family);
    color: var(--color-active1);
    font-size: 1em;
    margin: 0;
    align-self: center;
}

.request-multi-layout .multiExpandedRowContainer .label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    margin-left: auto;
    margin-right: 0.7em;
}

.request-multi-layout .multiExpandedRowContainer .label span:first-child {
    text-transform: uppercase;
    font-family: var(--secondary-font-family);
    color: var(--color-inactive1);
    font-size: 0.6875em;
    font-weight: 600;
}

.request-multi-layout .multiExpandedRowContainer .label span:nth-child(2) {
    font-family: var(--primary-font-family);
    color: var(--label-primary-color);
    font-size: 0.75em;
}

.request-multi-layout .multiExpandedRowContainer .inputTextContainer {
    margin-right: 0.7em;
    min-height: 40px;
}

.request-multi-layout .multiExpandedRowContainer .inputTextContainer .p-inputgroup .p-inputtext {
    text-align: right;
}

.request-multi-layout .multiExpandedRowContainer .euroSymbol {
    font-family: var(--secondary-font-family);
    font-weight: bold;
    margin: 0 1em 0 0;
    font-size: 1.3em;
    align-self: center;
}

.request-multi-layout .multiExpandedRowContainer .dropdownContainer,
.request-multi-layout .multiExpandedRowContainer .dropdownContainer .p-dropdown,
.request-multi-layout .multiExpandedRowContainer .inputTextContainer .p-inputgroup {
    min-height: 40px;
}
.request-multi-layout .multiExpandedRowContainer .dropdownContainer {
    max-width: 5.5625em;
    margin-right: 0.7em;
}

.request-multi-layout .multiExpandedRowContainer button {
    height: 40px;
}

.advances-layout .invoice-icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.advances-layout .invoices-list table tr th {
    text-align: left;
}

.advances-layout .invoices-list table tr th:nth-child(1) {
    width: 4%;
}

.advances-layout .invoices-list table tr td:nth-child(1) {
    text-align: right;
    overflow: unset !important;
    text-overflow: unset !important;
    padding: 1.3em 0 1.3em 1.3em !important;
}

.advances-layout .invoices-list table tr th:nth-child(7),
.advances-layout .invoices-list table tr td:nth-child(7){ 
    text-align: right;
}

.invoices-layout .invoices-list table tr th:nth-child(8),
.invoices-layout .invoices-list table tr td:nth-child(8){ 
    text-align: right;
}

.invoices-content .invoices-layout .invoices-list .p-datatable .p-datatable-row.noInvoiceRow td {
    white-space: nowrap;
    text-overflow: unset;
    overflow: visible;
}

.invoices-layout .invoices-list .invoices-list_filename span {
    font-weight: bold;
    padding: 0 0.3em;
    font-style: italic;
}

.invoices-layout .invoiceDateCell {
    overflow: unset !important;
}

.invoices-layout .invoiceDateCell .date {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 50px);
}

.invoices-layout .invoiceDateCell .invoiceAuthorTooltipContent {
    font-family: var(--secondary-font-family);
}

.invoices-layout .invoiceDateCell .invoiceAuthorTooltipContent .info {
    font-weight: bold;
    text-transform: uppercase;
}

.invoices-layout .invoiceDateCell .invoiceAuthorTooltipContent .uploadedBy {
    margin-bottom: 5px;
}

.invoices-layout .invoiceDateCell .invoiceAuthorTooltipContent .author {
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 0;
}

.request-multi-layout .multiExpandedRowContainer .multiExpandedRow_error,
.request-multi-layout .multiExpandedRowContainer .multiExpandedRow_input-error input {
    color: var(--discarded);
}


.invoices-layout .invoices-list .invoices-list_unread {
    width: 12px;
    height: 12px;
    background: var(--sky-blue);
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5em;
}

.invoices-layout .invoices-list .invoices-list_number {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.invoices-content .invoices-layout .invoices-list .p-datatable .p-datatable-row.unreadRow td {
    font-weight: bold;
    color: var(--dark-color);
}

.request-invoice-selection .request-multi-layout .p-datatable-row.selected:not(.error) td:not(:nth-child(7)),
.request-invoice-selection .request-mono-layout .p-datatable-row.selected:not(.error) td:not(:nth-child(7)) {
    color: var(--color-active1) !important;
}

.request-invoice-selection .request-multi-layout .p-datatable-row.selected td:not(:nth-child(7)),
.request-invoice-selection .request-mono-layout .p-datatable-row.selected td:not(:nth-child(7)) {
    font-weight: 700;
}

.request-invoice-selection .request-multi-layout .p-datatable-row.selected:not(.error) .amountCanBeRequestedTitle,
.request-invoice-selection .request-mono-layout .p-datatable-row.selected:not(.error) .amountCanBeRequestedTitle {
    font-weight: 900;
    font-style: normal;
    color: var(--color-active1) !important;
}

.invoices-list td {
    font-size: 0.94em;
}

.request-invoice-selection .request-mono-layout .p-datatable-row .amountCanBeRequestedSubtitle {
    font-size: 0.85em;
}

.request-invoice-selection .request-mono-layout .p-datatable-row.error td {
    color: var(--error-color) !important;
}

.request-invoice-selection .invoiceTooltipContent {
    font-family: var(--secondary-font-family);
    max-width: 300px;
}

.request-invoice-selection .invoiceTooltipContent p {
    font-weight: bold;
}

.request-invoice-selection .expiryDateMonoDebtorCell {
    overflow: unset !important;
}

.request-invoice-selection .infoIcon {
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 5px;
}

.request-invoice-selection .closeIcon {
    margin-top: 10px;
}
.dropdownContainer {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.dropdownContainer.label-left {
    flex-direction: row;
    align-items: baseline;
}

.dropdownContainer .p-dropdown.p-component.dropdown {
    width: 100% !important;
}

.dropdownContainer .dropdown, .dropdownContainer select {
    width: 100%;
    position: relative;
    height: 2.3em;
    display: flex;
    align-items: center;
    border: 1px solid var(--borders-primary-color);
    border-radius: 0em;
}

.dropdownContainer .dropdownLabel {
    margin-right: 1em;
    display: flex;
}

.dropdownContainer.label-left .dropdownLabel {
    min-width: 6em;
}

.dropdownContainer .p-dropdown .p-dropdown-trigger {
    color: var(--primary-dark-color);
    padding-right: 0.5em !important;
}

.dropdownContainer .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
    font-weight: 800;
}

.dropdownContainer .p-dropdown label.p-dropdown-label {
    padding-left: 1.25em;
}

.p-dropdown-label .p-inputtext .p-placeholder {
    height: 100% !important;
}

.dropdownContainer .p-dropdown:not(.p-disabled):focus,
.dropdownContainer .p-dropdown:not(.p-disabled):hover,
.dropdownContainer .p-dropdown:not(.p-disabled).p-focus {
    border: 1px solid var(--borders-primary-color) !important;
}

.dropdownContainer .p-dropdown-panel {
    border: 1px solid var(--borders-primary-color) !important;
    box-shadow: none !important;
}

.dropdownContainer .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding-left: 1.25em;
}

.dropdownContainer
    .p-dropdown-panel
    .p-dropdown-items
    .p-dropdown-item.p-highlight {
    background-color: var(--color-active1);
}

.dropdownContainer.inputError .p-dropdown,
.dropdownContainer.inputError .p-dropdown:focus:hover {
    border: 1px solid var(--discarded)!important;
}

.dropdownContainer.inputError .input-header-label {
    color: var(--discarded);
}

.multiDebtorRequestValidation {
    border: solid 3px var(--color-active1);
    border-radius: 5px;
    max-width: 340px;
    padding: 0.5em 1.5em 0.5em 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.multiDebtorRequestValidation.warning {
    border: solid 3px var(--card-error-alternative);
}

.multiDebtorRequestValidation .label {
    color: var(--color-active1);
    font-size: 0.8125em;
    font-family: var(--secondary-font-family);
    font-weight: bold;
}

.multiDebtorRequestValidation.warning .label {
    color: var(--card-warning-footer-text);
}

.multiDebtorRequestValidation .value {
    color: var(--success-color);
    font-size: 1em;
    font-family: var(--secondary-font-family);
    font-weight: bold;
    text-align: right;
}

.multiDebtorRequestValidation.warning .value {
    color: var(--card-error-alternative);
}

.inputSearchContainer {
    flex-wrap: wrap;
}

.inputSearchContainer .searchButtonContainer {
    padding-top: 0.5em; 
    display: flex; 
}

.inputSearchContainer .searchButtonContainer .searchContainer {
    display: flex;     
    min-width: 60%;
    position: relative;
    margin-right: 10px;
}

.inputSearchContainer .searchButtonContainer .small {
    width: 20em;
}

.inputSearchContainer .inputTextContainer {
    width: 90%;
}

.inputSearchContainer .inputTextContainer .p-inputtext {
    font-weight: 400;
    font-size: 0.9em;
    font-family: var(--primary-font);
}

.inputSearchContainer .inputTextContainer .p-inputtext::-moz-placeholder {
    font-size: 1em;
    font-weight: 400;
}

.inputSearchContainer .inputTextContainer .p-inputtext::placeholder {
    font-size: 1em;
    font-weight: 400;
}

.inputSearchContainer .pi {
    font-size: 1em;
}

.inputSearchContainer .default-button:not(.pi) {
    padding: 0 2.25em;
}

.inputSearchContainer .p-inputgroup {
    height: 100%; 
}

.inputSearchContainer .p-inputgroup .p-inputgroup-addon {
    padding: 0.5em !important;
}

.inputSearchContainer
    .inputTextContainer
    .p-inputtext:enabled:focus:not(.p-error),
.inputSearchContainer
    .inputTextContainer
    .p-inputtext:enabled:hover:not(.p-error) {
    border: 1px solid var(--borders-primary-color);
}

.inputSearchContainer
    .inputTextContainer
    .p-inputgroup
    .p-inputtext:enabled:focus:not(.p-error),
.inputSearchContainer
    .inputTextContainer
    .p-inputgroup
    .p-inputtext:enabled:hover:not(.p-error) {
    border-left: none;
    border-right: none; 
}

.inputSearchContainer .p-listbox.p-inputtext.p-component {
    margin-top: 2.5em;
}

/* Fix for IE11 */

.b-version-10 .inputSearchContainer .p-listbox.p-inputtext.p-component, 
.b-version-11 .inputSearchContainer .p-listbox.p-inputtext.p-component {
    left: 0;
}

.p-listbox {
    z-index: 1;
}
.p-listbox .p-listbox-list .p-listbox-item:not(:last-child) {
    border-bottom: 1px solid var(--color-background3) !important;
}

.singleNotification_container {
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.singleNotification_container .singleNotification_icon {
    width: 20px;
    height: 20px;
    margin: 16px 10px 18px 20px;
}

.singleNotification_container .singleNotification_icon .pi {
    font-size: 22px;
    opacity: 0.5;
}

.singleNotification_container .singleNotification_info {
    font-size: 15px;
    font-weight: bold;
    padding-right: 50px;
}

.singleNotification_container .singleNotification_info span {
    margin-right: 8px;
}

.singleNotification_container.ok {
    background-color: var(--success-color-opacity);
}

.singleNotification_container.ok .singleNotification_info,
.singleNotification_container.ok .singleNotification_icon .pi {
    color: var(--success-color);
}

.singleNotification_container.ok .singleNotification_info.unread {
    color: var(--success-color-alternative);
    font-weight: 900;
}

.singleNotification_container.error {
    background-color: var(--error-color-opacity);
}

.singleNotification_container.error .singleNotification_info,
.singleNotification_container.error .singleNotification_icon .pi {
    color: var(--discarded);
}

.singleNotification_container.error .singleNotification_info.unread {
    font-weight: 900;
}

.singleNotification_container.warn {
    background-color: var(--warning-color-alternative-opacity);
}

.singleNotification_container.warn .singleNotification_info,
.singleNotification_container.warn .singleNotification_icon .pi {
    color: var(--roundBtn-advance-expired);
}

.singleNotification_container.warn .singleNotification_info.unread {
    color: var(--warning-color-alternative);
    font-weight: 900;
}

.singleNotification_container.info {
    background-color: var(--info-color-opacity);
}

.singleNotification_container.info .singleNotification_info,
.singleNotification_container.info .singleNotification_icon .pi {
    color: var(--info-color-secondary);
}

.singleNotification_container.info .singleNotification_info.unread {
    color: var(--info-color-alternative);
    font-weight: 900;
}

.singleNotification_container.fatal {
    background-color: var(--alert-primary-color);
}

.singleNotification_container.fatal .singleNotification_info,
.singleNotification_container.fatal .singleNotification_icon .pi {
    color: var(--light-color);
    opacity: 1;
}

.transferMethodCard.deselected-card {
    border: 1px solid var(--borders-primary-color);
    background: var(--card-deselected-color);
    color: var(--primary-dark-color);
}

.transferMethodCard.selected-card {
    border: 3px solid var(--color-active1);
    color: var(--color-active1);
    padding: 18px 28px !important;
}

.transferMethodCard {
    border-radius: 5px;
    padding: 20px 30px;
    margin: 0 1em 0 0;
    width: 260px;
    cursor: pointer;
}

.transferMethodCard .transferMethodCard_header {
    display: flex;
    justify-content: space-between;
}

.transferMethodCard .transferMethodCard_title {
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    width: 110px;
    height: 40px;
}

.transferMethodCard .transferMethodCard_info-icon {
    font-size: 22px;
    color: var(--card-disabled-color);
    opacity: 0.5;
    z-index: 9;
}

.transferMethodCard .transferMethodCard_info-icon:hover {
    opacity: 1;
}

.transferMethodCard .transferMethodCard_body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.transferMethodCard .transferMethodCard_label {
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
    opacity: 0.6;
    margin: 1px 0 5px 0;
}

.transferMethodCard .transferMethodCard_description {
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--success-color);
    margin: 0;
}

.deselected-card .transferMethodCard_title {
    opacity: 0.59;
}

.deselected-card .transferMethodCard_info-icon {
    opacity: 0.33;
}

.deselected-card .transferMethodCard_label {
    opacity: 0.39;
}

.deselected-card .transferMethodCard_description {
    opacity: 0.59;
}

.disabled-card .transferMethodCard_title {
    opacity: 0.4;
    color: var(--label-primary-color);
}

.disabled-card .transferMethodCard_info-icon {
    opacity: 0.5;
}

.disabled-card .transferMethodCard_description {
    font-size: 16px;
    color: var(--label-primary-color);
    opacity: 0.4;
}

.disabled-card {
    cursor: no-drop;
}

.transferMethodCard .transferMethodCard_header .transferMethodCard_availability {
    font-size: 2.3em;
    opacity: 0.4;
}

.transferMethodCard .transferMethodCard_header .transferMethodCard_availability.pi-check {
    color: var(--success-color);
}

.transferMethodCard .transferMethodCard_header .transferMethodCard_availability.pi-times {
    color: var(--label-primary-color);
}

.transferMethodCard .read-only-description{
    margin-top: 0.75em;
}

.transferMethodCard .tooltip .content {
    width: 210px;
    left: -98px;
    margin-bottom: 1.8em;
}

.editInvoiceDialog > .custom-dialog > .p-dialog-mask > .p-dialog {
    width: 90%;
    max-width: 1100px;
}

.editInvoiceDialog .p-dialog .p-dialog-content {
    text-align: left;
}

.editInvoiceDialog .editInvoiceDialog_subtitle{
    padding: 1em 10em;
    text-align: center;
}

.invoiceEditableAll {
  margin-bottom: 2em;
}

.invoiceEditableAll .customTextContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2em;
}

.invoiceEditableAll .attachmentDescriptionContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gray-section {
  background-color: var(--content-background);
  margin: 0 2em 3.5em 2em;
}

.fileContainerAttachment {
  display: flex;  
  min-width: 40%;
  margin: 1em 1em 1em 4.5em;
}

.fileContainerAttachment .default-button.normal-dark {
  color: var(--light-color) !important;
}

.invoiceEditableAll .debtorInputSearch .subSectionHeader {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1em;
  margin-bottom: 2em;
  margin-top: 1.375em;
}

.invoiceEditableAll .debtorInputSearch {
  padding: 0.5em 3em 0.5em 3.4em;
  margin: 0 2em 0em 2em;
  background-color: var(--content-background);
}

.invoiceEditableAll .payment-container div:nth-of-type(2) .dropdownLabel .input-header-label {
  white-space: nowrap;
}

.invoiceEditableAll .gray-section .file-upload-wrapper .pl-3 {
  float: right;
  padding-left: 0 !important;
}
.invoiceEditableAll .gray-section .file-upload-wrapper .pr-1 {
  padding-right: 0 !important;
}

.invoiceEditableAll .gray-section .file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-format {
  width: 25%;
}

.invoiceEditableAll .gray-section .file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-format {
    width: 25%;
}

@media (max-width: 900px) {
  .invoiceEditableAll .debtorInputSearch .inputSearchContainer .default-button.normal:not(.pi) {
    padding: 0 1.25em;
  }
  .invoiceEditableAll .debtorInputSearch .inputSearchContainer .default-button.accent:not(.pi) {
    padding: 0 1.5em;
  }
}

@media (max-width: 1176px) {
  .invoiceEditableAll .action-footer {
    flex-direction: column;
    align-content: flex-start;
  }
}

@media (min-width: 895px) and (max-width: 1176px) {
  .invoiceEditableAll .action-footer .wrappedRight .rightItem:first-child {
    margin: 2em 0 0 0;
  }
}

@media (max-width: 894px) {
  .invoiceEditableAll .action-footer .wrappedRight {
    justify-content: flex-start;
    flex-direction: column;
  }
  .invoiceEditableAll .action-footer .wrappedRight .rightItem {
    margin: 2em 0 0 0;
  }
}

@media (min-width: 992px) and (max-width: 1125px) {
  .invoiceEditableAll .payment-container div:nth-of-type(3):not(.p-dropdown-trigger) {
    width: 33.3333%;
  }
}

@media (max-width: 991px) {
  .invoiceEditableAll .payment-container div:nth-of-type(3):not(.p-dropdown-trigger) {
    width: 50%;
  }
}

.invoice-data-section.p-grid.sectionContainer {
    justify-content: flex-start;
}

.invoice-data-section.p-grid.sectionContainer .p-col-4 {
    width: none;
}

.invoiceEditableAll .payment-container .checkboxCol {
    display: flex;
    align-items: flex-end;
}

.invoiceEditableAll .payment-container .checkboxCol .checkboxContainer .checkboxLabel {
    text-transform: unset;
    font-size: 0.875em;
}

.invoiceEditableAll .payment-container .checkboxCol .checkboxContainer {
    display: flex;
    align-items: center;
}

.invoiceEditableAll .payment-container .checkboxCol.vatSplitting {
    margin-bottom: 4px;
}

.invoiceEditableAll .payment-container .checkboxCol.vatSplitting .checkbox-error {
    display: none;
}

.invoiceEditableAll .invoiceEditableAll_error{ 
    font-size: 0.75em;
    color: var(--discarded);
    opacity: 0.75;
    font-weight: 600;
    width: 250px;
    margin-bottom: 0.5em;
    min-height: 2.5em;
}

.invoiceEditableAll .action-footer .wrappedRight .rightItem:first-child,
.invoiceEditableAll .action-footer .item:first-child {
    margin: 4.25em 0 0 0;
}

.invoiceEditableAll .action-footer .tooltip .content {
  text-align: left;
}

.invoiceEditableAll .action-footer .tooltip .content ul {
    padding-left: 0.5em;
}

.invoiceEditableAll .payment-container .valueKeyElementContainer .title {
    font-weight: normal;
    font-size: 1em;
}

.invoiceEditableAll .payment-container .valueKeyElementContainer .value {
  margin-top: 1.5em;
  margin-left: 1em;
}

.invoiceEditableAll .invoiceEditableAll_error-container {
    margin: 0 2em 0.5em;
}

.invoiceEditableAll .invoiceEditableAll_error-container .messageBar_container {
    width: 100%;
    margin: 0 0 1.5em;
}

.invoiceEditableLoaderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.invoiceEditableLoaderContainer .loaderAlternative {
    width: 100px;
    height: 100px;
}

/* Fix for IE10 */


.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-inputtext,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-inputtextarea,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-calendar > .p-inputtext,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-chips > .p-inputtext,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-dropdown, .p-inputgroup > :not(:last-child).p-multiselect,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-selectbutton > .p-button,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-autocomplete > .p-autocomplete-input,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-spinner,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-spinner > .p-spinner-input,
.b-version-10 .invoice-data-section .p-inputgroup > :not(:last-child).p-spinner > .p-spinner-button {
   max-width: 91%;
}

.calendarInputContainer {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 200px;
}

.calendarInputContainer .p-button {
    background-color: transparent;
    border-right: 1px solid var(--borders-primary-color);
    border-top: 1px solid var(--borders-primary-color);
    border-bottom: 1px solid var(--borders-primary-color);
    border-radius: 0em;
    color: var(--borders-primary-color);
    position: absolute;
    right: 0;
}

.calendarInputContainer .p-button:enabled:hover {
    background-color: transparent;
    border-right: 1px solid var(--borders-primary-color);
    border-top: 1px solid var(--borders-primary-color);
    border-bottom: 1px solid var(--borders-primary-color);
    color: var(--borders-primary-color);
}

.calendarInputContainer .p-inputtext,
.calendarInputContainer .inputDateIE10 {
    border: 1px solid var(--borders-primary-color);
    border-radius: 0em;
    width: 100%;
    padding: 0.5em 1.25em;
    padding-right: 2.357em;
}

.calendarInputContainer .inputDateIE10 {
    padding: 0.61em 1.25em !important;
}

.calendarInputContainer .p-inputtext:enabled:hover:not(.p-error) {
    border-color: var(--borders-primary-color);
}

.calendarInputContainer .p-inputtext:enabled:focus:not(.p-error) {
    border-color: var(--borders-primary-color);
}

.calendarInputContainer.inputError .input-header-label {
    color: var(--discarded);
}

.calendarInputContainer.inputError .p-inputtext,
.calendarInputContainer.inputError .p-inputtext:focus:hover {
    border: 1px solid var(--discarded)!important;
}

.calendarInputContainer.inputError .p-calendar-button,
.calendarInputContainer.inputError .p-calendar-button:hover:enabled:focus {
    border: 1px solid var(--discarded)!important;
}

.inputTextareaContainer {
    display: flex;
    flex-direction: column;
    position: relative;
}

.inputTextareaContainer .p-button {
    background-color: transparent;
    border-right: 1px solid var(--borders-primary-color);
    border-top: 1px solid var(--borders-primary-color);
    border-bottom: 1px solid var(--borders-primary-color);
    border-radius: 0em;
    color: var(--borders-primary-color);
    position: absolute;
    right: 0;
}

.inputTextareaContainer .p-inputtext {
    border: 1px solid var(--borders-primary-color);
    border-radius: 0em;
    padding: 0.5em 1.25em;
    width: 100%;
}

.inputTextareaContainer ::-moz-placeholder {
    color: var(--color-inactive2);
}

.inputTextareaContainer ::placeholder {
    color: var(--color-inactive2);
}

.inputTextareaContainer .p-inputtext:enabled:focus:not(.p-error),
.inputTextareaContainer .p-inputtext:enabled:hover:not(.p-error) {
    border: 1px solid var(--borders-primary-color);
}

.inputTextareaContainer .p-inputgroup.addOn .p-inputtext:enabled:focus:not(.p-error),
.inputTextareaContainer .p-inputgroup.addOn .p-inputtext:enabled:hover:not(.p-error){
    border-right: none;
}


.inputTextareaContainer .p-inputgroup .p-inputgroup-addon {
    background: none;
    border-color: var(--borders-primary-color);
    border-radius: 0em !important;
}

.inputTextareaContainer .p-inputgroup .p-inputgroup-addon.addOnLeft {
    border-right: none !important;
    background: var(--light-color);
}

.inputTextareaContainer .p-inputgroup .p-inputgroup-addon.addOnRight {
    border-left: none !important;
    background: var(--light-color);
}

.inputTextareaContainer.inputError .p-inputtext,
.inputTextareaContainer.inputError .p-inputtext:focus:hover {
    border: 1px solid var(--discarded) !important;
}

.inputTextareaContainer.inputError .addOnRight {
    border: 1px solid var(--discarded) !important;
    border-left: none;
}

.inputTextareaContainer.inputError .input-header-label {
    color: var(--discarded);
}

.inputTextareaContainer.inputError .p-inputgroup.addOn .p-inputtext{
    border-right: none !important;
}

.inputTextareaContainer .text-bottom-right {
    background: var(--light-color);
    border: 1px solid var(--line-primary-color);
    border-top: none;
    text-align: right;
    padding: 0 1.54em 0.54em;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--transparent-button-text);
}

.p-grid.sectionContainer {
    padding: 0em 3em 1em 3em;
    margin: 0 2em 1em 2em;
    background: var(--content-background);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-white {
    border-top: 1px solid var(--borders-primary-color);
    background: none !important;
}

.container-grey {
    border-top: unset;
    background: var(--light-dark-background) !important;
}

.p-grid.sectionContainer .titleSection {
    font-weight: 800;
    font-size: 1em;
    margin-bottom: 0em;
    margin-top: 1.375em;
    padding-left: 0.5em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-grid.sectionContainer .titleSection .titleSectionRight {
    font-weight: 500;
    font-size: 14px;
    color: var(--label-primary-color);
}

.p-grid.sectionContainer.container-white .checkboxContainer{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5em;
}

.p-grid.sectionContainer.container-white .checkboxWrapper {
    display: flex;
    align-items: center;
}

.p-grid.sectionContainer .dynamicSectionError{
    width: 100%;
    font-weight: 600;
    padding: 0.5em;
    color: var(--discarded);
}

/* Fix for IE10 */

.b-version-10 .p-grid.sectionContainer.container-white .valueKeyElementContainer {
    justify-content: space-around;
}

.b-version-10 .p-grid.sectionContainer.container-white .valueKeyElementContainer .title {
    display: block;
}

.confirmDialog .p-dialog-content {
    padding: 0 5em !important;
    margin-bottom: 2em;
}

.confirmDialog .text {
    padding: 1em 0 3em 0;
    font-size: 1.1em;
}

.confirmDialog .confirmDialogFooter {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1em;
}

.confirmDialog .negativeButton {
    margin-right: 1em;
}

.invoice-installments {
    margin-top: 2em;
}

.invoice-installments .invoice-installments_line {
    width: 100%;
    height: 1px;
    background-color: var(--division-dark); 
}

.invoice-installments .invoice-installments_title {
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-inactive1);
    text-transform: uppercase;
    margin-top: 1.6875em;
}

.invoice-installments .installment-data-section {
    align-items: flex-end;
    padding: 0 1.5em 0 4.5em;
    margin: 0;
    justify-content: flex-end;
}

.invoice-installments .p-button.default-button {
    min-width: 160px;
}


.invoice-installments .installment-table-header {
    padding: 24px 2em 24px 4.5em;
}

.invoice-installments .installment-table-header .col-title {
    font-family: var(--primary-font-family);
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dialog-shadow);
    text-transform: uppercase;
}

.invoice-installments .installment-table-header .col-title:nth-child(2) {
    display: flex;
    justify-content: center;
}

.invoice-installments .header_line {
    border-bottom: 1px solid var(--division-dark);
    opacity: 0.5;
}

.invoice-installments .installment-data-section .calendarInputContainer {
    min-width: unset;
}

.installment-data-section .input-error-label {
    min-height: 2.5em;
    color: var(--label-primary-color);
}

.installment-data-section .p-button {
    margin-bottom: 3.2em;
}

.installment-data-section .calendarInputContainer.inputError .input-header-label {
    color: var(--label-primary-color);
}

.installment-data-section .calendarInputContainer.inputError .p-inputtext,
.installment-data-section .calendarInputContainer.inputError .p-inputtext:focus:hover {
    border: 1px solid var(--borders-primary-color)!important;
}

.installment-data-section .calendarInputContainer.inputError .p-calendar-button,
.installment-data-section .calendarInputContainer.inputError .p-calendar-button:hover:enabled:focus {
    border: none!important;
}

.installment-data-section .inputTextContainer.inputError .p-inputtext,
.installment-data-section .inputTextContainer.inputError .p-inputtext:focus:hover {
    border: 1px solid var(--borders-primary-color)!important;
}

.installment-data-section .inputTextContainer.inputError .addOnRight {
    border: 1px solid var(--borders-primary-color)!important;
    border-left: none !important;
}

.installment-data-section .inputTextContainer.inputError .input-header-label {
    color: var(--label-primary-color);
}

.installment-data-section .inputTextContainer.inputError .p-inputgroup.addOn .p-inputtext{
    border-right: none !important;
}

.installment-data-section .installment-error .inputTextContainer.inputError .input-error-label {
    color: var(--discarded);
}

@media (max-width: 1124px) { 

    .invoice-installments .installment-data-section {
        padding: 0 0.5em 0 0.5em;
        width: 100% !important;
    }

    .invoice-installments .installment-table-header {
        padding: 24px 0.5em 24px 0.5em;
    }

    .invoice-installments .installment-table-header.p-grid {
        margin-right: 0;
    }

}

.installment-row {
    padding: 24px 2em 24px 4.5em;
}

.installment-row .installment-row_line {
    border-bottom: 1px solid var(--division-dark);
    opacity: 0.5;
}

.installment-row .installment-row_id {
    align-items: center;
    display: flex;
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--primary-dark-color);
}

.installment-row .installment-row_date {
    align-items: center;
    display: flex;
}

.installment-row .installment-row_amount {
    align-items: center;
    display: flex;
    justify-content: center;
}

.installment-row .installment-row_button {
    align-items: center;
    display: flex;
    justify-content: center;
}

.installment-row .installment-row_button .p-button {
    min-width: 160px;
}

.installment-row .installment-row_date,
.installment-row .installment-row_amount {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--primary-dark-color);
}

.installment-row .installment-row_head {
    font-family: var(--primary-font-family);
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dialog-shadow);
    text-transform: uppercase;
}

.installment-row .installment-row_head:nth-child(2) {
    display: flex;
    justify-content: center;
}


@media (max-width: 1124px) { 
    
    .installment-row {
        padding: 24px 0 24px 0.5em;
        width: 100% !important;
    }

}

.invoiceUploadFromFile .buttonContainer {
    padding-left: 2em;
    padding-bottom: 2em;
}

.invoiceUploadFromFile .customTextContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.2em;
    flex-direction: column;
}

.invoiceUploadFromFile .attachmentDescriptionContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoiceUploadFromFile .primary-title {
    color: var(--primary-alternative-color);
}

.invoiceUploadFromFile .customText,
.invoiceUploadFromFile .attachmentDescriptionContainer .attachmentOptionContainer .title,
.invoiceUploadFromFile .primary-title-light {
    color: var(--dialog-text-secondary);
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: bold !important;
    line-height: 1.43;
    letter-spacing: -0.3px;
}

.invoiceUploadFromFile .attachmentDescriptionContainer .attachmentOptionContainer .description {
    color: var(--dialog-text-primary);
}

.invoiceUploadFromFile .attachmentDescriptionContainer .iconContainer .name {
    color: var(--primary-alternative-color);
    font-weight: bold;
}

.invoiceUploadFromFile .customTextContainer .subtitle {
    text-align: center;
    color: var(--dialog-text-primary);
    font-size: 16px;
    line-height: 1.5;
    width: 620px;
    height: 55px;
    margin: 0;
}

.customText {
    color: var(--color-livery1);
    font-size: 1.6em;
}

.sectionContainer {
    padding: 1em 3em;
    margin: 0 2em 3.5em 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sectionContainer.primary  {
    margin: 30px 2em 0.5em 2em;
    background-color: var(--color-background2) !important;
    /*border: 1px solid #ccc;*/
}

.sectionContainer.primary  {
    margin: 30px 2em;
    background-color: var(--color-background2) !important;
    padding-bottom: 4.75em !important;
    /*border: 1px solid #ccc;*/
}

.sectionContainer .title {
    font-weight: bold;
    width: 100%;
}

.sectionContainer.primary .title {
    font-weight: 400;
}

.sectionContainer.noMargins {
    margin: 0 !important; 
}

.attachmentOptionContainer {
    color: var(--color-livery1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
    height: 15em;
}

.attachmentOptionContainer .title {
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 0;
    justify-content: center;
    height: 20%;
}

.attachmentOptionContainer .description {
    width: 60%;
    height: 40%;
    display: flex;
    text-align: center;
    align-items: center;
}

.attachmentOptionContainer .attachmentList {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
}

.file-upload-error {
  color: var(--error-color);
  width: 100%;
  text-align: center;
}
.file-upload-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center; 
    /*border: 1px solid #ccc;*/
}

.file-upload-wrapper label {
    display: block;
    margin-bottom: 0.5em;
}

.file-upload-wrapper .fileUpload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    z-index: 999;
}

.file-upload-wrapper .fileUpload .p-fileupload-choose {
    height: 100%;
    width: 100%;
}

.file-upload-wrapper .fileUpload .p-fileupload-choose input[type='file'] {
    height: 100% !important;
    width: 100% !important;
}

:not(.b-internet-explorer):not(.b-version-10):not(b-version-9) .file-upload-wrapper .fileUpload .p-fileupload-choose input[type='file'] {
    font-size: 0 !important;
}

.file-upload-wrapper .file-upload-big {
    padding: .5em 1em;
}
.file-upload-wrapper .file-upload-name {
    font-size: 1.275em;
    font-weight: 600;
    border: 1px solid var(--color-background3);
    width: 100%;
    overflow: hidden;
    float: left; /* IE 9 Fix */
}

.file-upload-wrapper .file-upload-button-big {
    font-size: calc(1em - 1px) !important;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.file-upload-wrapper .file-upload-button-big .p-button-text.p-c{
    padding-left: 0;
    padding-right: 0;
}

.file-upload-wrapper .file-upload-button-small {
    padding: .2em 1.7em !important;
    font-size: .8em !important;
}

.file-upload-wrapper .attachments-wrapper {
    margin-top: 1em;
    padding: 1em;
    border-radius: .5em;
    border: 1px solid var(--division-dark);
    background-color: var(--card-primary-content-color);
}

.file-upload-wrapper .attachments-wrapper .p-datatable {
    min-height: 12em;
}

.file-upload-wrapper .attachments-wrapper .p-datatable .p-datatable-emptymessage {
    font-size: 2em;
    line-height: 2em;
    text-align: center;
}

.file-upload-wrapper .attachments-wrapper .p-datatable .p-datatable-emptymessage td {
    color: var(--card-disabled-color) !important;
}

.file-upload-wrapper .attachments-wrapper .p-datatable-thead th {
    font-size: .6em;
    background-color: var(--card-primary-content-color);
    color: var(--card-disabled-color);
}

.file-upload-wrapper .attachments-wrapper .p-datatable-tbody td {
    border: none;
}

.file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-name {
    width: 45%;
}

.file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-size,
.file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-format {
    width: 10%;
    text-align: center !important;
}

.file-upload-wrapper .attachments-wrapper .p-datatable-wrapper tr > .attachment-file-size {
    width: 15%;
}

.file-upload-wrapper .file-upload-subtitle {
    color: var(--division-dark);
    padding-bottom: 0 !important; 
}

[dir="ltr"] .file-upload-wrapper .file-input-label {
    text-align: right;
}

[dir="rtl"] .file-upload-wrapper .file-input-label {
    text-align: left;
}

.file-upload-wrapper .file-input-label {
    font-size: 19px
}

.file-upload-wrapper .file-input-label span {
    margin-left: 3.5em;
    font-weight: bold;
    margin-left: 4em;
    font-family: var(--secondary-font-family);
    color: var(--primary-dark-color);
    font-size: 0.85em;
}

.file-upload-wrapper .file-input-group {
    display: flex;
    flex-direction: row;
    margin-right: 4em;
}

.file-upload-wrapper .file-input-group .p-button {
    padding: 0.5em 3em;
    width: auto;
}

.fileUpload .p-button {
    height: 100%;
    background-color: transparent !important;
    border: 2px solid var(--transparent-button-border) !important;
    border-radius: 0 !important;
    color: var(--borders-primary-color) !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
}

.fileUpload .p-button span {
    margin-left: -1em;
}

.fileUpload .pi-plus:before {
    content: none !important;
}

.fileUpload .p-fileupload-choose {
    overflow: visible;
}

.fileUpload .p-fileupload-choose input[type='file'] {
    height: 20px !important;
}

.invoice-upload-dialog {
    background-color: var(--light-color);
    box-shadow: 0 0 13px 0 var(--dialog-shadow) !important;
    font-family: var(--secondary-font-family);
    position: absolute;
}
.invoice-upload-dialog .content-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}


.invoice-upload-dialog .p-dialog .p-dialog-titlebar .pi {
    font-size: 2em !important;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.invoice-upload-dialog .custom-dialog .p-dialog .p-dialog-titlebar {
    padding-top: 2em;
}

.invoice-upload-dialog .custom-dialog .p-dialog .p-dialog-titlebar .p-dialog-title{
    font-size: 16px;
    font-weight: 800;
} 

.invoice-upload-dialog .content-container .msg {
    font-size: 19px;
    font-weight: 600;   
    font-family: var(--secondary-font-family);
    margin-bottom: 1.5em; 
}

.invoice-upload-dialog .content-container .msg-explanation{
    color: var(--dialog-text-primary);
    font-size: 15px;
    margin-top: 2.5em; 
    margin-bottom: 3.5em; 
    width: 47em;
    padding-left: 6em;
    padding-right: 6em; 
    justify-content: center; 
}

.invoice-upload-dialog .content-container .uploadedFilesContainer .value {
    margin-top: 0.7em;
    font-size: 17px !important;
    color: var(--color-livery1);
}

.invoice-upload-dialog .p-dialog.p-component .action-footer {
    margin-bottom: -3em !important;
    margin-top: 0.5em; 
}

.invoice-upload-dialog .p-dialog.p-component .action-footer .item {
    margin: 1em 6em 4em !important;
}

.uploadedFilesContainer {
  display: flex;
  justify-content: center;
  flex-direction: row;
  color: var(--color-livery1);
  font-family: var(--primary-font-family);
  padding: 0 2em;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: center; }
  .uploadedFilesContainer .iconContainer {
    margin: 0 1.5em 0 0; }
  .uploadedFilesContainer .valueKeyElementContainer {
    margin: 0 2em 0 0;
    justify-content: space-around;
    height: auto; }
    .uploadedFilesContainer .valueKeyElementContainer.fileName {
      max-width: 45%;
      min-width: 20%; }
    .uploadedFilesContainer .valueKeyElementContainer .title {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 10px; }
    .uploadedFilesContainer .valueKeyElementContainer .value {
      margin: 30px 0 8px; }

.messageBar_container {
    width: calc( 100% - 4em);
    border-radius: 5px;
    margin: 0 2em 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 2.5em;
}

.messageBar_container.noMargin {
    margin: 0;
}

.messageBar_container.fullWidth {
    width: 100%;
}

.messageBar_container .messageBar_info {
    font-size: 15px;
    margin: 0;
    text-align: left;
}

.messageBar_container .closeIcon {
    height: 1.3em;
}

.messageBar_container:hover .messageBar_info {
    font-weight: bold;
}

.messageBar_container.red {
    background-color: var(--warning-color-opacity);
}

.messageBar_container.red .messageBar_info {
    color: var(--discarded);
}

.messageBar_container.blue {
    background-color: var(--info-color-alternative-opacity);
}

.messageBar_container.blue .messageBar_info {
    color: var(--info-color-secondary);
}

.messageBar_container.green {
    background-color: var(--success-color-opacity);
}

.messageBar_container.green .messageBar_info {
    color: var(--success-color);
}

.messageBar_container.yellow {
    background-color: var(--warning-color-alternative-opacity);
}

.messageBar_container.yellow .messageBar_info {
    color: var(--warning-color-secondary);
}

.messageBar_container.orange {
    background-color: var(--warning-color-half-opacity);
}

.invoiceSaveDialog .p-dialog-content {
    padding: 1em 6.5em 0 !important;
}

.invoiceSaveDialog .p-dialog-title {
    font-weight: 600;
}

.invoiceSaveDialog .invoiceSaveDialog_container {
    margin-bottom: 4em;
    min-width: 600px;
    max-width: 800px;
}

.invoiceSaveDialog .invoiceSaveDialog_container .invoiceSaveDialog_small {
    font-family: var(--primary-font-family);
    font-size: 1.1428em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
}

.invoiceSaveDialog .invoiceSaveDialog_container .invoiceSaveDialog_big {
    font-family: var(--secondary-font-family);
    font-size: 1.6428em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.invoiceSaveDialog .p-dialog-footer .invoiceSaveDialog_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.loaderAlternative {
    border: 8px solid var(--cancelled-background); /* Circle */
    border-top: 8px solid var(--color-inactive1); /* Animated part */
    border-radius: 50%;
    width: 158px;
    height: 158px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.documentSummaryContainer {
    margin: 0 3em 2em;
}

.documentSummaryContainer > .p-card-body > .p-card-content {
    padding: 40px 60px;
}

.documentSummaryContainer .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.documentSummaryContainer .top .debtorBaseInfo {
    padding: 0;
    justify-content: flex-end;
}

.documentSummaryContainer .top .debtorBaseInfo .p-col > p {
    margin-bottom: 0;
}

.documentSummaryContainer .bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 45px;
}

.documentSummaryContainer.card .p-card-content {
    border: solid 1px var(--border-grey) !important;
    background-color: var(--background-grey) !important;
}

.documentSummaryContainer:not(.advance) .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--borders-secondary-color);
}

.documentSummaryContainer:not(.advance) .debtorBaseInfo .debtorBaseInfo_vatLabel {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.documentSummaryContainer:not(.advance) .debtorBaseInfo .debtorBaseInfo_vat {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.documentSummaryContainer.disabled.card .p-card-content {
    border: solid 1px var(--borders-primary-color) !important;
    background-color: var(--background-grey) !important;
}


.documentSummaryContainer.disabled .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--card-disabled-color);
}

.documentSummaryContainer.disabled .debtorBaseInfo .debtorBaseInfo_vatLabel,
.documentSummaryContainer.disabled .debtorBaseInfo .debtorBaseInfo_vat {
    color: var(--brown-grey);
}

.documentSummaryContainer.multi-debtor .p-card-content {
    border: unset !important;
    background-color: var(--light-color) !important;
}

.documentSummaryContainer.advance.card .top .documentSummaryLabelValueDescription_value   {
    color: var(--color-active1);
}

.documentSummaryContainer.advance.card .top .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--color-active1);
    font-size: 30px;
    font-weight: 600;
}

.documentSummaryContainer.advance.card .top .debtorBaseInfo .debtorBaseInfo_vatLabel, 
.documentSummaryContainer.advance.card .top .debtorBaseInfo .debtorBaseInfo_vat {
    color: var(--steps-disabled-color);
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: bold;
}

.documentSummaryContainer.advance.card .bottom .documentSummaryLabelValueDescription_value.primary   {
    color: var(--color-inactive1);
}

.documentSummaryContainer.advance.card .p-card-content {
    padding: 40px 60px 30px 40px;
}

.documentSummaryContainer.advance.card.primary .p-card-content {
    border: solid 3px var(--color-active1) !important;
}

.documentSummaryContainer.advance.card.primary-warning .p-card-content,
.documentSummaryContainer.advance.card.warning-stripes .p-card-content {
    border: solid 3px var(--card-advance-expired) !important;
}

.documentSummaryContainer.advance.card.primary-warning .debtorBaseInfo .roundButton,
.documentSummaryContainer.advance.card.warning-stripes .debtorBaseInfo .roundButton {
    background-color: var(--card-advance-expired);
}

.documentSummaryContainer.advance.card.primary-warning .bottom .documentSummaryLabelValueDescription_value:not(.primary),
.documentSummaryContainer.advance.card.warning-stripes .bottom .documentSummaryLabelValueDescription_value:not(.primary) {
    color: var(--card-advance-expired);
}

.documentSummaryContainer.advance.card.disabled-stripes .p-card-content {
    border: solid 3px var(--disabled-stripes-card-2) !important;
}

.documentSummaryContainer.advance.card.disabled-stripes .top .debtorBaseInfo .debtorBaseInfo_nameTitle,
.documentSummaryContainer.advance.card.disabled-stripes .top .documentSummaryLabelValueDescription_value {
    color: var(--card-disabled-color);
}

.documentSummaryContainer.advance.card.extended .p-card-content {
    border: 3px solid var(--card-advance-extended) !important;
}

.documentSummaryContainer.advance.card.extended .debtorBaseInfo .roundButton {
    background-color: var(--roundBtn-advance-expired);
}

.documentSummaryContainer.advance.card.unsolved .p-card-content,
.documentSummaryContainer.advance.card.unsolved-stripes .p-card-content {
    border: 3px solid var(--toastr-icon-error) !important;
}

.documentSummaryContainer.advance.card.unsolved .debtorBaseInfo .roundButton,
.documentSummaryContainer.advance.card.unsolved-stripes .debtorBaseInfo .roundButton {
    background-color: var(--toastr-icon-error);
}

.documentSummaryContainer.advance.card.unsolved .bottom .documentSummaryLabelValueDescription_value:not(.primary),
.documentSummaryContainer.advance.card.unsolved-stripes .bottom .documentSummaryLabelValueDescription_value:not(.primary) {
    color: var(--toastr-icon-error);
}

.documentSummaryContainer.advance.card.requested .p-card-content {
    border: 3px solid var(--card-primary-border-color) !important;
}

.documentSummaryContainer.advance.card.requested-expired .p-card-content {
    border: solid 3px var(--card-primary-border-color) !important;
}

.documentSummaryContainer.advance.card.extended .bottom .documentSummaryLabelValueDescription_description {
    color: var(--card-advance-expired);
}

.documentSummaryContainer.advance.card.extended .bottom .documentSummaryLabelValueDescription_value {
    color: var(--accent-dark-color-opacity) !important;
}

.documentSummaryContainer.advance.card.extended .bottom .documentSummaryLabelValueDescription_value .spanValue {
    font-family: var(--secondary-font-family);
    color: var(--card-advance-expired);
}

.documentSummaryContainer.advance.card.ext-expiring .bottom .documentSummaryLabelValueDescription_value .spanValue {
    font-family: var(--secondary-font-family);
    color: var(--toastr-icon-error);
}

.documentSummaryContainer.advance.card.primary .bottom .documentSummaryLabelValueDescription_value.expiryWarning {
    color: var(--card-advance-expired);
}

.documentSummaryContainer .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.primary .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.primary-warning .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.requested-expired .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.requested .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.disabled-stripes .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.warning-stripes .bottom .documentSummaryLabelValueDescription_description.expiryWarning {
    padding: 0.5em 2.3em;
    background-color: var(--roundBtn-advance-expired);
    color: var(--light-color);
    border-radius: 6px;
}

.documentSummaryContainer.advance.card.unsolved .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.ext-expiring .bottom .documentSummaryLabelValueDescription_description.expiryWarning,
.documentSummaryContainer.advance.card.unsolved-stripes .bottom .documentSummaryLabelValueDescription_description.expiryWarning {
    padding: 0.5em 2.3em;
    background-color: var(--toastr-icon-error);
    color: var(--light-color);
    border-radius: 6px;
}

.documentSummaryContainer.card .debtorBaseInfo .debtorBaseInfo_nameTitle {
    font-size: 30px;
}

.documentSummaryContainer.card .top .documentSummaryLabelValueDescription_value   {
    font-weight: bold !important;
}

.documentSummaryContainer.card .debtorBaseInfo .pecContainer {
    display: none;
}

/*disabled (draft)*/
.documentSummaryContainer.card.disabled {
    background-color: var(--light-color) !important;
}
.documentSummaryContainer.card.disabled:not(.forms-generation) .p-card-content {
    border: none !important;
    background: 
        linear-gradient(to right, var(--border-light) 50%, var(--light-color) 0%),
        linear-gradient(var(--border-light) 50%, var(--light-color) 0%), 
        linear-gradient(to right, var(--border-light) 50%, var(--light-color) 0%), 
        linear-gradient(var(--border-light) 50%, var(--light-color) 0%) var(--light-color) !important;
    background-position: top, right, bottom, left;
    background-repeat: repeat-x, repeat-y;
    background-size: 30px 3px, 3px 30px;
    border-radius: 6px;
}
.documentSummaryContainer.card.disabled .debtorBaseInfo .roundButton {
    background: transparent;
    border: 3px solid var(--color-active1);
}

.documentSummaryContainer.card.disabled .debtorBaseInfo .debtorBaseInfo_initialsButton span {
    color: var(--color-active1) !important;
}

.documentSummaryContainer.card.disabled .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--color-active1);
}

/*forms-generation (module generation)*/
.documentSummaryContainer.card.forms-generation .debtorBaseInfo .roundButton {
    background: transparent !important;
    border: 3px solid var(--card-disabled-color) !important;
}

.documentSummaryContainer.card.forms-generation .p-card-content {
    border: 3px solid var(--disabled-stripes-card-1) !important;
}

.documentSummaryContainer.card.forms-generation .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--close-button);
}

.documentSummaryContainer.card.forms-generation .debtorBaseInfo .debtorBaseInfo_initialsButton span {
    color: var(--card-disabled-color) !important;
}

.documentSummaryContainer.card.forms-generation .bottom .documentSummaryLabelValueDescription_value.primary {
    color: var(--label-primary-color);
}

/*primary-light, stripes-light (to be signed, default, in authorization)*/
.documentSummaryContainer.card.primary-light .debtorBaseInfo .roundButton,
.documentSummaryContainer.card.stripes-light:not(.advance) .debtorBaseInfo .roundButton {
    background: transparent;
    border: 3px solid var(--line-color-lightblue);
}

.documentSummaryContainer.card.primary-light .debtorBaseInfo .debtorBaseInfo_initialsButton span,
.documentSummaryContainer.card.stripes-light:not(.advance) .debtorBaseInfo .debtorBaseInfo_initialsButton span {
    color: var(--line-color-lightblue) !important;
}

.documentSummaryContainer.card.primary-light .debtorBaseInfo .debtorBaseInfo_nameTitle,
.documentSummaryContainer.card.stripes-light .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--summary-primary-title);
}

.documentSummaryContainer.card.primary-light .p-card-content,
.documentSummaryContainer.card.stripes-light .p-card-content {
    border: solid 2px var(--card-primary-light-background) !important;
}

/*error (to be corrected, refused)*/
.documentSummaryContainer.card.error .debtorBaseInfo .roundButton,
.documentSummaryContainer.card.error-stripes .debtorBaseInfo .roundButton {
    background: transparent;
    border: 3px solid var(--rosy-pink);
}

.documentSummaryContainer.card.error .debtorBaseInfo .debtorBaseInfo_initialsButton span,
.documentSummaryContainer.card.error-stripes .debtorBaseInfo .debtorBaseInfo_initialsButton span {
    color: var(--rosy-pink) !important;
}

.documentSummaryContainer.card.error,
.documentSummaryContainer.card.error-stripes {
    border: 2px solid var(--rosy-pink);
}

.documentSummaryContainer.card.error .p-card-content,
.documentSummaryContainer.card.error-stripes .p-card-content  {
    border: solid 2px var(--error-color) !important;
    background-color: var(--rosy-pink-background) !important;
}

.documentSummaryContainer.card.error .bottom .documentSummaryLabelValueDescription_value.primary,
.documentSummaryContainer.card.error-stripes .bottom .documentSummaryLabelValueDescription_value.primary {
    color: var(--rosy-pink-label);
}

.documentSummaryContainer.card.error .debtorBaseInfo .debtorBaseInfo_nameTitle,
.documentSummaryContainer.card.error-stripes .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--rosy-pink-label);
}

/*stripes (to be approved)*/
.documentSummaryContainer.card.stripes .debtorBaseInfo .roundButton {
    background: transparent;
    border: 3px solid var(--card-primary-border-color);
}

.documentSummaryContainer.card.stripes .debtorBaseInfo .debtorBaseInfo_initialsButton span {
    color: var(--card-primary-border-color) !important;
}

.documentSummaryContainer.card.stripes {
    background: repeating-linear-gradient(
        60deg,
        var(--line-color-dark),
        var(--line-color-dark) 10px,
        var(--color-active1) 10px,
        var(--color-active1) 20px
    );
}

.documentSummaryContainer.card.stripes .p-card-content {
    border: solid 3px var(--line-color-dark) !important;
    background-color: var(--card-secondary-color) !important;
}

.documentSummaryContainer.card.advance .p-card-content {
    background-color: var(--light-color) !important;
}

.documentSummaryContainer.card.stripes .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--card-primary-border-color) !important;
}

/*alternative (approved)*/
.documentSummaryContainer.card.alternative .p-card-content {
    border: solid 3px var(--card-primary-border-color) !important;
    background-color: var(--card-secondary-color) !important;
}

.documentSummaryContainer.card.alternative .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--card-primary-border-color) !important;
}
/*disabled-stripes (extinguished) */
.documentSummaryContainer.card.disabled-stripes .p-card-content {
    border: solid 3px var(--card-disabled-color) !important;
}

.documentSummaryContainer.card.disabled-stripes .debtorBaseInfo .debtorBaseInfo_nameTitle {
    color: var(--card-primary-border-color) !important;
}

/*empty round button text*/
.documentSummaryContainer.card.disabled .debtorBaseInfo .roundButton .p-button-text,
.documentSummaryContainer.card.primary-light .debtorBaseInfo .roundButton .p-button-text,
.documentSummaryContainer.card.stripes-light .debtorBaseInfo .roundButton .p-button-text,
.documentSummaryContainer.card.error .debtorBaseInfo .roundButton .p-button-text,
.documentSummaryContainer.card.error-stripes .debtorBaseInfo .roundButton .p-button-text,
.documentSummaryContainer.card.stripes .debtorBaseInfo .roundButton .p-button-text {
    padding: 0 0em;   
}

/* transfer type loader */
.documentSummaryLabelValueDescription_value .loaderContainer {
    margin: 0 2em;
}

.documentSummaryLabelValueDescription_value .loaderContainer .loaderAlternative {
    border: 4px solid var(--cancelled-background);
    border-top: 4px solid var(--color-inactive1);
    width: 30px;
    height: 30px;
}

.documentSummaryLabelValueDescription {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.documentSummaryLabelValueDescription.right {
    align-items: flex-end;
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_label {
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
    text-transform: uppercase;
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_value {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--primary-dark-color);
    margin: 11px 0 16px;
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_value.primary {
    color: var(--color-active1);
}

.documentSummaryLabelValueDescription.big .documentSummaryLabelValueDescription_value {
    font-size: 30px;
    text-align: right;
    margin: 10px 0 8px;
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_description {
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--brown-grey);
    text-transform: uppercase;
}

.documentSummaryLabelValueDescription.big .documentSummaryLabelValueDescription_description {
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--brown-grey);
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_description.danger {
    color: var(--danger-color);
}

.documentSummaryLabelValueDescription.disabled .documentSummaryLabelValueDescription_value {
    color: var(--label-primary-color);
}
.documentSummaryLabelValueDescription.big.disabled .documentSummaryLabelValueDescription_value {
    color: var(--card-disabled-color);
}
.documentSummaryLabelValueDescription.disabled .documentSummaryLabelValueDescription_description,
.documentSummaryLabelValueDescription.disabled .documentSummaryLabelValueDescription_description.danger {
    color: var(--brown-grey);
}

.documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_value.red {
    color: var(--discarded);
}

/* Fix for IE10 */

.b-version-10 .documentSummaryLabelValueDescription .documentSummaryLabelValueDescription_value {
    display: block;
}

.totalContainer {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-family: var(--secondary-font-family);
}

.totalContainer .totalDescription {
    text-transform: uppercase;
    font-size: 0.8em;
}

.totalContainer .totalAmount {
    margin-left: 0.5em;
    text-align: right;
    width: 5em;
    display: block;
    font-size: 0.95em;
}

.totalContainer .totalAmount.accent {
    color: var(--color-active1);
}

.totalContainer .totalAmount.dark,
.totalContainer .totalAmount.normal {
    color: var(--primary-dark-color);
}

.totalContainer .totalDescription.normal,
.totalContainer .totalDescription.accent {
    color: var(--label-primary-color);
}

.totalContainer .totalDescription.dark {
    color: var(--primary-dark-color);
}

.totalContainer .totalAmount.big {
    font-size: 1.4em;
    width: 8em;
    margin-right: 1em;
}

.totalContainer .totalDescription.big {
    font-size: 1em;
}

.totalContainer .totalContainer_percentage {
    margin-left: 0.3em;
    font-size: 0.74em;
}
.request-creation-summary .custom-paragraph-text {
    height: 0
}

.request-creation-summary .amount-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2em 0 6em;
}

.request-creation-summary .amount-summary .amountOverviewContainer {
    text-transform: uppercase;
    margin-left: 2em;
}

.request-creation-summary .amount-summary .totalContainer .totalDescription.normal{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.6em;
    text-transform: capitalize;
}

.request-creation-summary .amount-summary .totalContainer .totalAmount.normal{
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    width: auto;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(1),
.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(2),
.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(3) {
    width: 10%;
    text-align: left;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(4){
    width: 30%;
    text-align: left;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(5){
    width: 15%;
    text-align: right;
}

.request-creation-summary .request-mono-layout .invoices-list table tr td:nth-child(5) {
    text-align: right;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(6) {
    width: 20%;
    text-align: right;
}

.request-creation-summary .request-mono-layout .invoices-list table tr td:nth-child(6) {
    font-weight: 900;
    color: var(--dark-color) !important;
    text-align: right;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(7) {
    width: 0;
}

.request-creation-summary .request-mono-layout .invoices-list table tr th:nth-child(1),
.request-creation-summary .request-mono-layout .invoices-list table tr td:nth-child(1) {
    padding-left: 3em !important;
    text-align: right;
}

.request-creation-summary .navigationButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2em;
}

.request-creation-summary .total-amount-container {
    display: flex;
    flex-direction: row;
}

.request-creation-summary .total-amount-container .totalContainer {
    flex-direction: column;
    align-items: flex-end;
}

.request-creation-summary .amount-summary .totalContainer:first-child .totalAmount.normal {
    color: var(--total-amount-grey);
}

.request-creation-summary .total-amount-container .totalContainer:not(:first-child) {
    margin-right: 0;
}

.request-creation-summary .request-creation-summary_error-container {
    margin-bottom: 1em;
}

.request-creation-summary .request-creation-summary_error-container .messageBar_container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.request-creation-summary .action-footer .tooltip .content {
    width: 250px;
}
.requestSignDialog .p-dialog {
    min-width: 750px;
    max-width: 900px;
    max-height: 95%;
}

.requestSignDialog .p-dialog-content {
    padding: 1em 6.5em 0 !important;
}

.requestSignDialog .p-dialog-title {
    font-weight: 600;
}

.requestSignDialog .requestSignDialog_container {
    margin-bottom: 3em;
    min-width: 600px;
    max-width: 800px;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_small {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_small span {
    font-weight: bold;
    padding-right: 0.3em;   
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_big {
    font-family: var(--secondary-font-family);
    font-size: 1.6428em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_green {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--success-color);
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_green span {
    font-family: var(--primary-font-family);
    font-size: 0.8125em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: var(--success-color);
    padding-left: 1em;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_blue {
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
    text-align: left;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding {
    padding: 0.5em 4.5em 1.5em;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .requestSignDialog_row-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .requestSignDialog_row-filter .signers-number {
    width: 40%;
    text-align: left;
    padding: 0 1.4em 0.9em 0;
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .requestSignDialog_row-filter .signers-number span {
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    padding-right: 0.3em;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .selected-signers {
    padding-top: 1em;
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .selected-signers span {
    font-family: var(--secondary-font-family);
    font-size: 1.36em;
    font-weight: 600;
    padding-right: 0.8em;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .requestSignDialog_row-filter .checkboxContainer {
    text-align: left;
    width: 60%;
    padding-left: 3.5em;
}

.requestSignDialog .requestSignDialog_container .requestSignDialog_more-padding .checkboxLabel {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: capitalize;
}

.requestSignDialog table tr th:nth-child(1),
.requestSignDialog table tr td:nth-child(1) {
    width: 20%;
}

.requestSignDialog table tr th:nth-child(2) {
    width: 80%;
}

.requestSignDialog table tr td:nth-child(2) {
    text-align: left;
}

.requestSignDialog .p-dialog-footer .requestSignDialog_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.requestSignDialog .requestSignDialog_message {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.requestSignDialog .requestSignDialog_message span {
    font-family: var(--primary-font-family);
    font-size: 0.8125em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    padding-left: 1em;
}

.requestSignDialog .requestSignDialog_message .pi {
    font-size: 1.25em;
}

.requestSignDialog .requestSignDialog_message.severity-warning {
    color: var(--toastr-icon-warning);
}

.requestSignDialog .requestSignDialog_message.severity-error {
    color: var(--toastr-icon-error);
}

.requestSignDialog .loaderAlternative {
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.requestPreValidationsDialog .custom-dialog .p-dialog .p-dialog-content {
    padding: 4em 10.5em 0 !important;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.requestPreValidationsDialog .p-dialog-content .requestPreValidationsDialog_text {
    margin-bottom: 5em;
    font-size: 1.143em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
}

.requestPreValidationsDialog .p-dialog-titlebar .p-dialog-titlebar-icons {
    display: none;
}
.confirmationDeleteDialog .custom-dialog .p-dialog .p-dialog-content {
    padding: 2em 6.5em 0 !important;
    overflow-y: auto;
}

.confirmationDeleteDialog .confirmationDeleteDialog_container {
    width: 55em;
    padding: 0 1em;
}

.confirmationDeleteDialog .confirmationDeleteDialog_container .text-dark {
    font-family: var(--primary-font-family);
    font-size: 1.1428em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
}

.confirmationDeleteDialog .confirmationDeleteDialog_container .text-blue {
    font-family: var(--secondary-font-family);
    font-size: 1.6429em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.confirmationDeleteDialog .confirmationDeleteDialog_container .text-blue .requestableUntil {
    margin-top: 0;
    font-family: var(--secondary-font-family);
    font-size: 0.75em;
    font-weight: 500;
}

.confirmationDeleteDialog .custom-dialog .p-dialog .p-dialog-footer {
    padding: 1.5em 6.5em 6em !important;
}

.confirmationDeleteDialog .p-dialog-footer .confirmationDeleteDialog_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.request-creation-authorization .request-tab-content {
    padding: 0px 0 40px 0;
}

.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(1),
.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(2),
.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(3) {
    width: 10%;
}

.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(4){
    width: 30%
}

.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(5){
    width: 15%;
}

.request-creation-authorization .request-mono-layout .invoices-list table tr th:nth-child(6) {
    width: 20%;
}

.request-creation-authorization .request-mono-layout .invoices-list table tr td:nth-child(6) {
    font-weight: 900;
    color: var(--dark-color) !important;
}

.request-creation-authorization .custom-paragraph-text {
    height: auto
}
body .p-tabview.p-tabview-top ul.p-tabview-nav {
  border-bottom: 1px var(--borders-light-color) solid !important;
  margin-bottom: 0;
}

body .p-tabview.p-tabview-top .p-tabview-nav li {
  min-width: 14.5em;
  background-color: transparent !important;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 0;
  text-align: center;
  margin: 0;
}

body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight {
  background-color: transparent !important;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: solid var(--color-active1) 3px;
  margin-bottom: -3px;
} 

body .p-tabview.p-tabview-top .p-tabview-nav li.p-unselectable-text a,
body .p-tabview.p-tabview-top .p-tabview-nav li.p-unselectable-text:hover a,
body .p-tabview.p-tabview-top .p-tabview-nav li.p-unselectable-text:focus a {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  height: 2.48em;
}

/*Disable hover on unselected elements*/
body .p-tabview.p-tabview-top .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 3px var(--tab-border) solid;
  margin-bottom: -3px;
}

/*Disable hover on the selected element*/
body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight:hover {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: solid var(--color-active1) 2px;
}

.p-tabview .p-tabview-nav li .p-tabview-title,
.p-tabview .p-tabview-nav li .p-tabview-title .tab-custom-title {
  color: var(--color-inactive1);
  text-align: center;
  font-family: var(--secondary-font-family);
  font-weight: 300;
  text-transform: uppercase;
}

.p-tabview .p-tabview-nav li .p-tabview-title .tab-unread-element{
  background: var(--color-background2);
  color: var(--color-active1);
  margin-left: 1em;
  padding: 0.1em 0.8em;
  border-radius: 12px;
}

.p-tabview .p-tabview-nav .p-tabview-selected span,
.p-tabview .p-tabview-nav li .p-tabview-selected .tab-custom-title {
  color: var(--color-active1) !important;
  font-weight: 500 !important; 
  letter-spacing: 0.6px;
}

body .p-tabview .p-tabview-panels {
  border-color: transparent;
  padding: 0;
}

.p-tabview { 
  margin-bottom: 1.5em; 
  margin-top: 1.5em;
}

/*tab view 4 elements*/
@media (min-width: 871px) and (max-width: 1130px) {
  .tab-view-4 .p-tabview.p-tabview-top .p-tabview-nav li {
    width: 25%;
  }
}

@media (max-width: 870px) {
  .tab-view-4 .p-tabview.p-tabview-top .p-tabview-nav {
    display: flex;
    flex-wrap: wrap;
  }

  .tab-view-4 .p-tabview.p-tabview-top .p-tabview-nav li {
    width: 50%;
  }
}

/*tab view 3 elements*/
@media (max-width: 930px) {
  .tab-view-3 .p-tabview.p-tabview-top .p-tabview-nav li {
    width: 33%;
  }
}

.request-invoices-tab-overview {
    display: flex;
    flex-direction: row;
    padding: 0 3em;
    margin: 2em 0 0;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--label-primary-color);
    align-items: center;
}

.request-invoices-tab-overview .totalContainer, .request-invoices-tab-overview .totalDescription, .request-invoices-tab-overview  > span {
    font-size: 16px;
    color: var(--label-primary-color);
    align-items: center;
    margin: 0;
    font-family: var(--primary-font-family);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.request-invoices-tab-overview .totalContainer .totalAmount {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 25px;
    color: var(--primary-dark-color);
    width: auto;
}

.requestAuthorizationSection {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    justify-content: space-between;
}

.requestAuthorizationSection_iframe,
.requestAuthorizationSection .createInvoiceDocAuth {
    width: 100%;
    height: 550px;
}

.requestAuthorizationSection .createInvoiceDocAuth {
    padding: 8em 3em;
    margin-right: 0;
}

.createInvoiceDocAuthOuterContainer {
    width: 100%;
}

.createInvoiceDocAuth {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 530px;
    width: 100%;
    padding: 0 3em;
    margin-right: 2em;
}

.backgroundContainerGray {
    background-color: var(--light-dark-background);
}

.backgroundContainerBlue {
    background-color: var(--color-background2);
}

.createInvoiceDocAuth .valueKeyElementContainer .value {
    color: var(--color-active1);
    font-family: var(--secondary-font-family);
}

.createInvoiceDocAuth .authorizationContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 150px 0;
}

.createInvoiceDocAuth .authorizationContainer .roundIcon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--round-button-borders);
    overflow: hidden;
    background: transparent;
}

.createInvoiceDocAuth .authorizationContainer .primary {
    border-color: var(--color-active1);
    background: var(--color-active1);
}

.createInvoiceDocAuth .authorizationContainer .success {
    border-color: var(--success-color);
    background: var(--success-color);
}

.createInvoiceDocAuth .authorizationContainer .border-success {
    border-color: var(--success-color);
}

.createInvoiceDocAuth .authorizationContainer .statusDescription {
    height: 69px;
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--dialog-text-secondary);
    margin: 40px 0 0;
}

.createInvoiceDocAuth .authorizationContainer .statusDescription.statusDescriptionSmall {
    font-size: 15px;
    margin-top: 30px;
}

.createInvoiceDocAuth .authorizationContainer .statusInfo {
    height: 75px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--dialog-text-primary);
    margin-bottom: 60px;
    max-width: 100%;
}

.createInvoiceDocAuth .authorizationContainer .p-button.disabled {
    background-color: var(--disabled-button-background) !important;
    color: var(--disabled-button-text) !important;
    opacity: 1 !important;
}

.createInvoiceDocAuth .authorizationContainer .p-button.transparent {
    border-color: var(--transparent-button-text) !important;
}

.createInvoiceDocAuth .valueKeyElementContainer {
    align-self: flex-start; 
}

.createInvoiceDocAuth .authorizationContainer .statusInfo.statusInfo_Blu {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--info-color-secondary);
}

.createInvoiceDocAuth .authorizationContainer.withSignatories {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 35px 0 0;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right {
    padding-left: 6.25em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .signatories_title {
    font-family: var(--secondary-font-family);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
    padding-bottom: 2.2em;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .signatory_info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 1.1875em;
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-inactive1);
    text-transform: uppercase;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .signed,
.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .notSigned {
    border-radius: 50%;
    width: 1.3125em;
    height: 1.3125em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .signed .pi {
    font-size: 1em;
    color: var(--light-color);
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .signed {
    background-color: var(--success-color);
}

.createInvoiceDocAuth .authorizationContainer.withSignatories .authorizationContainer_right .notSigned {
    border: solid 2px var(--accent-dark-color-opacity);
}

.createInvoiceDocAuth.backgroundContainerAlert {
    background: var(--discarded-background);
}

.createInvoiceDocAuth.backgroundContainerAlert .authorizationContainer .statusDescription, 
.createInvoiceDocAuth.backgroundContainerAlert .authorizationContainer .statusInfo {
    height: auto;
}

.createInvoiceDocAuth.backgroundContainerAlert .authorizationContainer .statusDescription {
    margin-bottom: 0.83em;
}

.createInvoiceDocAuth.reducedHeight {
    height: 200px !important;
}

.createInvoiceDocAuthOuterContainer .authorizationSection_iframe {
    margin-top: 2em;
}

.createInvoiceDocAuth .timeLeftToSignContainer {
    display: flex;
    flex-direction: column;
    color: var(--color-active1);
    max-width: 150px;
}

.createInvoiceDocAuth .timeLeftToSignContainer .timeLeftToSign {
    font-family: var(--secondary-font-family);
    text-transform: uppercase;
    font-weight: 600;
}

.createInvoiceDocAuth .timeLeftToSignContainer .timeLeftToSignValue {
    font-family: var(--secondary-font-family);
    font-size: 1.2em;
    font-weight: 600;
}

.createInvoiceDocAuth .timeLeftToSignContainerRed {
    color: var(--error-color);
}


.createInvoiceDocAuth .innerContainer {
    width: 100%;
}

.createInvoiceDocAuth.isToSign .authorizationContainer {
    flex-direction: row;
    padding-left: 0;
}

.createInvoiceDocAuth.isToSign .authorizationContainer .centerContainer {
    text-align: center;
    margin: 0 auto;
}

.createInvoiceDocAuth .advanceAuthContainer {
    padding-top: 10em;
}

.request-debtor-container .debtor-text {
  height: 5em;
  margin-top: 2em;
  display: flex;
  justify-content: center;
  color: var(--dialog-text-primary);
}

.request-debtor-container .debtor-info {
  display: flex;
  margin: 3em 0;
  align-items: center;
  justify-content: space-between;
}
.request-debtor-container .method-types {
  display: flex;
  margin-top: 1.5em;
  margin-bottom: 4em;
}

.request-debtor-container .input-search-request .inputSearchContainer .inputTextContainer {
  width: 85%;
}

.request-debtor-container .input-search-request .inputSearchContainer .searchButtonContainer {
  justify-content: normal !important;
}

.request-debtor-container .input-search-request .inputSearchContainer .searchButtonContainer .searchContainer {
  width: 57%;
}

.request-debtor-container .linkAssociationContainer {
  text-align: right;
  margin-bottom: 1em;
}

.request-debtor-container .debtor-info .debtorBaseInfo {
  width: 580px;
}

.request-debtor-container .debtor-info .debtorBaseInfo .hidePecInfo {
  display: none;
}

.request-debtor-container .singleNotification_container {
  margin-top: 2.5em;
}

.request-debtor-container .custom-paragraph-text {
  margin-top: 2.5em;
  margin-bottom: 4.5em;
}

.request-debtor-container .singleNotification_container .notification-lnk {
  text-decoration: underline;
  cursor: pointer;
  margin: 0 0.3em;
}

.request-debtor-container .transferTypeRuleContainer {
  display: flex;
  justify-content: space-between;
  margin: 1.5em 1em 0 0;
  color: var(--cancelled-color);
  font-size: 0.85em;
  width: 260px;
}

.request-debtor-container .transferTypeRuleContainer.selected {
  color: var(--color-active1);
}

.request-debtor-container .transferTypeRuleContainer .transferTypeRuleLabel {

}

.request-debtor-container .transferTypeRuleContainer .transferTypeRuleValue {
  font-family: var(--secondary-font-family);
  font-weight: 600;
}

.request-debtor-container .transferTypesLoaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.request-debtor-container .transferTypesLoaderContainer .loaderAlternative {
  width: 100px;
  height: 100px;
  margin-bottom: 1em;
  margin-top: 3em;
}

.request-debtor-container .action-footer .tooltip .content {
    width: 250px;
}

.debtors-list-requests{
    padding-bottom: 4.5em;
}

.debtors-list-requests .title {
    text-transform: uppercase; 
    padding: 3em 0 0.8em 0; 
    font-size: 13px;
    font-family: var(--secondary-font-family); 
    font-weight: 600;
    color: var(--brown-grey)
}

.debtors-list-requests table tr th:nth-child(1){
    width: 5%
}

.debtors-list-requests table tr th:nth-child(2){
    width: 15%
}

.debtors-list-requests table tr th:nth-child(3){
    width: 35%
}

.debtors-list-requests table tr th:nth-child(4){
    width: 30%
}

.debtors-list-requests .user-icons {
    text-align: right
}

.debtors-list-requests .user-icons img {
    margin-right: 1em; 
}
.debtors-list-requests .user-icons:last-child{
    margin-right: 0.5em
}

.section-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding: 2em 2em 1em 2em;
}

.section-header::after {
    content: '';
    border-bottom: 1px solid var(--transparent-button-border);
    width: 100%;
    margin-top: 1em;
}

.section-header .title-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 1 100%;
}

.section-header .title-row > .primary-action-title {
    margin-right: auto;
    font-family: var(--secondary-font-family);
    text-transform: uppercase;
}

.actions-container {
    margin-left: auto;
}

.dashboard-section .dashboard-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 2em 0 2em;
}

.dashboard-section:last-child .dashboard-content {
    padding-bottom: 2em;
}

/* Fix for IE10 */

.b-version-10 .dashboard-section .dashboard-content {
    width: calc(100% - 50px);
}

.dashboard-section .linkAssociationContainer {
    margin: 0em;
}

.dashboard-section .linkAssociationContainer span {
    color: var(--color-active1);
}

.dashboard-section .linkAssociationContainer > span {
    font-size: 0.87em;
    font-weight: normal;
}

.dashboard-section
    .linkAssociationContainer
    .p-button-icon-only
    .p-button-icon-left {
    font-size: 1.2em;
    color: var(--color-active1);
}

.dashboard-section .linkAssociationContainer .goButton {
    border: 2px solid var(--color-active1) !important;
    border-radius: 50px;
}

.requests-list {
}

.requests-list .title {
    color: var(--color-inactive1);
    font-size: 0.8em;
}

.documentCard {
    width: 34em;
    margin-top: 1em;
    margin-right: 2em;
    margin-bottom: 1em;
}

.documentCard.requestCard {
}

.documentCard *:not(.advance-date) {
    font-family: var(--secondary-font-family);
}

.documentCard .p-card-content {
    display: flex;
    flex-direction: column;
    padding-left: 2em !important;
    padding-right: 2em !important;
    padding-bottom: 1.9em !important;
}

.documentCard .p-card-content .middleContainer {
    display: flex;
    flex-direction: row;
}

.documentCard.advanceCard .p-card-content .middleContainer {
    align-items: center;
}

.documentCard .info-container {
    cursor: pointer;
}

.documentCard .cardId {
    font-family: var(--primary-font-family);
    font-size: 0.81em;
    color: var(--label-primary-color);
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
}

.documentCard .cardBlockInfo {
    display: flex;
    flex-direction: column;
    margin-left: 1.86em;
    margin-bottom: 0.5em;
    margin-right: auto;
}

.documentCard.advanceCard .cardBlockInfo {
    margin-bottom: 0em;
}

.documentCard.requestCard .middleContainer .default-button {
    margin-top: 1.7em;
}

.documentCard.advanceCard .middleContainer .default-button {
    margin-top: 2.6em;
}

.documentCard .middleContainer .roundButton {
    width: 5.55em;
    height: 5.55em;
}

.documentCard .middleContainer .roundButton .p-button-text {
    font-size: 1.7em;
    font-weight: 600;
    padding: 1.1em 0em;
}

.documentCard .cardAmount {
    font-weight: 600;
    margin: 0;
    font-size: 1.36em;
    padding-bottom: 0.5em;
}

.documentCard .cardDebtor {
    margin: 0;
    font-size: 0.93em;
    font-weight: 600;
    color: var(--label-primary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 172px;
}

.documentCard .advanceCardButton {
    width: 11.25em;
    height: 2.75em;
    padding: 0;
    margin-left: auto;
    background-color: var(--card-primary-border-color) !important;
    padding-top: -1em;
}

.documentCard .p-card-content .middleContainer .default-button {
    width: 150px;
    height: 44px;
}

.documentCard .footerInfo:not(.advance-date) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    padding: 0.5em 0.5em 0.5em 2.3em;
}

.documentCard .p-card-content .cardInvoices {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    color: var(--label-primary-color);
    margin-top: 1.8em;
}

.documentCard .p-card-content .cardInvoices .cardInvoices_text {
    margin: 0 0 0 0.5em;
    font-family: var(--secondary-font-family);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.documentCard.advanceCard .p-card-content .cardInvoices {
    margin-top: 1em;
}

.documentCard.advanceCard .p-card-content .cardInvoices .cardInvoices_text {
    font-size: 11px;
}

.documentCard { transition: all .1s ease-in-out; opacity: 0.8; }
.documentCard:hover { transform: scale(1.02); opacity: 1.0; } 

.documentCard.disabled .p-card-content .middleContainer .transparent-accent {
    border-color: var(--transparent-button-border) !important;
}

.documentCard.disabled .p-card-content .middleContainer .transparent-accent .p-button-text {
    color: var(--dialog-shadow);
}


.documentCard.disabled:not(.forms-generation) .p-card-content .middleContainer .p-button:not(.transparent-accent):not(.roundButton) {
    background-color: var(--dialog-shadow) !important;
}

/*error*/

.card.warning .p-card-content .cardAmount {
    color: var(--error-card);
}

.card.error .p-card-content .roundButton,
.card.error-stripes .p-card-content .roundButton {
    background: var(--card-warning-footer-text);
    border: none;
}

/*warning*/

.card.warning .p-card-content .roundButton {
    background: var(--advance-card-warning);
    border: none;
}

/*primary*/

.card.primary .p-card-content .roundButton {
    background: var(--card-primary-border-color);
    border: none;
}

/*disabled*/

.card.disabled .p-card-content .roundButton,  
.card.disabled-warning .p-card-content .roundButton,
.card.disabled-stripes .p-card-content .roundButton {
    background: var(--card-disabled-color);
    border: none;
}

/*round button disabled (draft, module generation, module generation error*/

.documentCard.requestCard.disabled .middleContainer .roundButton {
    color: var(--card-disabled-color) !important;
    background: transparent;
    border: 3px solid var(--card-disabled-color);
}

/*date on top right*/
.documentCard.requestCard.disabled .cardId,
.documentCard.requestCard.disabled-stripes .cardId {
    color: var(--color-inactive1);
    opacity: 0.5;
}

/*primary-light, stripes-light (to be signed, default, in authorization)*/
/*round button*/
.documentCard.requestCard.primary-light .middleContainer .roundButton,
.documentCard.requestCard.stripes-light .middleContainer .roundButton {
    color: var(--line-color-lightblue) !important;
    background: transparent;
    border: 3px solid var(--line-color-lightblue);
}

/*date on top right*/
.documentCard.requestCard.primary-light .cardId,
.documentCard.requestCard.stripes-light .cardId {
    color: var(--card-primary-light-date);
}

/*error (to be corrected, refused)*/
/*round button*/
.documentCard.requestCard.error .middleContainer .roundButton,
.documentCard.requestCard.error-stripes .middleContainer .roundButton {
    color: var(--rosy-pink) !important;
    background: transparent;
    border: 3px solid var(--rosy-pink);
}

/*date on top right*/
.documentCard.requestCard.error .cardId,
.documentCard.requestCard.error-stripes .cardId {
    color: var(--rosy-pink);
}

/*stripes (to be approved)*/
/*round button*/
.documentCard.requestCard.stripes .middleContainer .roundButton {
    color: var(--card-primary-border-color) !important;
    background: transparent;
    border: 3px solid var(--card-primary-border-color);
}

/*date on top right*/
.documentCard.requestCard.primary .cardId,
.documentCard.requestCard.stripes .cardId {
    color: var(--color-active1);
}

/*alternative (approved)*/
/*date on top right*/
.documentCard.requestCard.alternative .cardId {
    color: var(--card-alternative-date);
}

/*empty round button text*/
.documentCard.requestCard.disabled .middleContainer .roundButton .p-button-text,
.documentCard.requestCard.primary-light .middleContainer .roundButton .p-button-text,
.documentCard.requestCard.stripes-light .middleContainer .roundButton .p-button-text,
.documentCard.requestCard.error .middleContainer .roundButton .p-button-text,
.documentCard.requestCard.error-stripes .middleContainer .roundButton .p-button-text,
.documentCard.requestCard.stripes .middleContainer .roundButton .p-button-text {
    padding: 0 0em;   
}

/*advance*/
/*primary (erogato, finanziato), primary-warning (expired)*/

/*round button*/
.documentCard.advanceCard.primary-warning .middleContainer .roundButton,
.documentCard.advanceCard.warning-stripes .middleContainer .roundButton {
    background: var(--roundBtn-advance-expired) !important;
    border: none;
}

/*date on top right*/
.documentCard.advanceCard.primary .cardId,
.documentCard.advanceCard.primary-warning .cardId {
    color: var(--card-primary-date);
}

/*disabled (extinguished) */
.documentCard.advanceCard.disabled-stripes .p-card-content {
    border: 4px solid var(--card-disabled-color) !important;
}

/*extended (extended) */
/*round button*/
.documentCard.advanceCard.extended .middleContainer .roundButton {
    background: var(--card-advance-extended) !important;
    border: none;
}

.documentCard.advanceCard.extended .middleContainer .roundButton .p-button-text {
    color: var(--discarded);
}

.documentCard.advanceCard.extended .p-card-content {
    border: 2px solid var(--card-primary-border-color) !important;
}

.documentCard.advanceCard.extended .advanceCardFooter .footerInfo {
    color: var(--card-warning-footer-text);
}

/*ext-expiring (extended expiring) */
.documentCard.advanceCard.ext-expiring .advanceCardFooter .advance-date {
    background: var(--card-warning-footer-text) !important;
}
/*date on top right*/
.documentCard.advanceCard.extended .cardId {
    color: var(--card-primary-date);
}

/*unsolved (unsolved) */
.documentCard.advanceCard.unsolved .advanceCardFooter .advance-date,
.documentCard.advanceCard.unsolved-stripes .advanceCardFooter .advance-date {
    background: var(--card-warning-footer-text) !important;
}

/*round button*/
.documentCard.advanceCard.unsolved .middleContainer .roundButton,
.documentCard.advanceCard.unsolved-stripes .middleContainer .roundButton {
    background: var(--card-warning-footer-text) !important;
    border: none;
}

/*date on top right*/
.documentCard.advanceCard.unsolved .cardId {
    color: var(--toastr-icon-error);
}

/*requested (operation requested) */
/*date on top right*/
.documentCard.advanceCard.requested .cardId,
.documentCard.advanceCard.requested-expired .cardId {
    color: var(--card-primary-date);
}

.advanceCardFooter {
    display: flex;
    justify-content: space-between;
}

.advanceCardFooter .footerInfo {
    padding: 0.5em 2.3em;
    font-size: 0.81em;
    font-weight: 600;
    margin: 0;
    border-radius: 5px;
}

.advanceCardFooter .footerInfo span {
    margin-left: 6px;
}

.advanceCardFooter.expiring .advance-date {
    color: var(--line-color-orange) !important;
    background-color: var(--light-color);
}

.advanceCardFooter.expired .advance-date {
    background-color: var(--roundBtn-advance-expired);
    color: var(--light-color) !important;
    border: 1px solid var(--light-color-opacity);
}

.footerInfo_marked {
    display: flex;
    align-items: center;
}

.footerInfo_marked-img {
    height: 16px;
    margin-left: 1em;
}

.lineUsage {
    display: flex;
    border-left: 2px solid var(--borders-primary-color);
    padding: 0.5em 0 0.5em 1em;
}
.lineUsage.stacked {
    flex-direction: column;
}

.lineUsage .lineUsage_sectionTitle {
    display: flex;
    flex-direction: column;
}

.lineUsage .lineUsage_sectionData {
    width: 280px;
}

.lineUsage .lineUsage_title {
    font-family: var(--secondary-font-family);
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-inactive1);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.lineUsage .lineUsage_sectionTitleTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.lineUsage .lineUsage_sectionTitleTop .lineUsage_expirationDate {
    font-family: var(--primary-font-family);
    color: var(--label-primary-color);
    font-size: 0.7em;
    margin-bottom: 0.5em;
    line-height: 2em;
}

.lineUsage.stacked .lineUsage_title {
    margin-bottom: 0.5em;
}

.lineUsage .lineUsage_maxConcentration {
    width: 100%;
    height: 18px;
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: var(--label-primary-color);
    margin: 0;
    padding: 0;
}

.lineUsage .lineUsage_linesContainer {
    display: flex;
}

.lineUsage .lineUsage_labelsContainer,
.lineUsage .lineUsage_valuesContainer {
    display: flex;
    justify-content: space-between;
}

.lineUsage .lineUsage_lineUsed {
    background-color: var(--line-color-active);
    min-height: 15px;
    border-right: 3px solid var(--light-color);
    color: var(--light-color);
    padding: 9px 0;
    justify-content: flex-end;
    align-content: center;
    display: flex;
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: 500;
}


.lineUsage .lineUsage_lineFree {
    background-color: var(--success-color);
    min-height: 15px;
}

.lineUsage .lineUsage_inEvaluation {
    background: repeating-linear-gradient(
            60deg,
            var(--sky-blue),
            var(--sky-blue) 10px,
            var(--line-color-dark) 10px,
            var(--line-color-dark) 20px
    );
    border-right: 3px solid var(--light-color);
    min-height: 15px;
}

.lineUsage .lineUsage_labelsContainer label{
    font-family: var(--primary-font-family);
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: var(--label-primary-color);
    margin: 10px 0 2px;
}

.lineUsage .lineUsage_valuesContainer .price{
    font-family: var(--secondary-font-family);
    font-size: 21px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--line-color-active);
}

.lineUsage .lineUsage_valuesContainer .price:nth-child(2),
.lineUsage.light .lineUsage_valuesContainer .price:nth-child(2) {
    color: var(--success-color);
}

.lineUsage.light .lineUsage_sectionData {
    width: 255px;
}

.lineUsage.light .lineUsage_valuesContainer .price{
    color: var(--line-color-active);
    font-size: 19px;
}

/* Fix for IE10 */

.b-version-10 .lineUsage .lineUsage_labelsContainer label:nth-child(1) {
    float: left;
}

.b-version-10 .lineUsage .lineUsage_labelsContainer label:nth-child(2) {
    float: right;
}

.selection-bar {
    width: 100%;
    padding: 1.5em 2.5em 0.5em 2.5em;
    display: flex;
    justify-content: center;
    background-color: var(--color-active1);
}

.selection-bar.full-width{
    margin: 0 -3em;
    width: calc(100% + 6em);
}

.selection-bar button {
    margin-left: 1em;
}

.selection-bar .p-button.p-button-text-only .p-button-text {
    padding: 0.9em 8em;
}

.selection-bar .tail-button-container {
    display: flex;
    flex-direction: column;
}

.selection-bar .tail-button-container .tail {
    width: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid var(--light-color);
    margin: 0 auto;
}

.selection-bar .tail-button-container .p-button:enabled:focus {
    box-shadow: none;
}

.selection-bar .normal {
    border: 1px solid var(--light-color) !important;
}
.noInvoiceAvailableDialog .custom-dialog .p-dialog .p-dialog-content {
    padding: 2em 8.5em 3.5em !important;
}

.noInvoiceAvailableDialog .p-dialog-content .noInvoiceAvailableDialog_text-big {
    font-family: var(--secondary-font-family);
    color: var(--dark-color);
    font-weight: bold;
    font-size: 1.3571em;
    padding: 0.5em 0;
}

.noInvoiceAvailableDialog .p-dialog-content div:nth-child(3) {
    padding-bottom: 0.5em;
}

.noInvoiceAvailableDialog .p-dialog-content div:nth-child(4) {
    padding-bottom: 3em;
}

.noInvoiceAvailableDialog .p-dialog-content div:nth-child(5) {
    padding-bottom: 2em;
}

.noInvoiceAvailableDialog .p-dialog-content .p-button {
    min-width: 310px;
}

* {
    font-family: var(--primary-font-family);
}

.primary-title {
    color: var(--color-livery1);
    font-weight: 600;
    font-size: 1.85em;
}

.primary-title-light {
  color: var(--color-active1);
  font-weight: 400;
  font-size: 1.66em;
  margin-bottom: .25em;
}

.primary-title.dark {
  color: var(--primary-dark-color);
}

.secondary-subtitle {
  color: var(--division-dark);
  font-weight: 600;
}

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

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

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

.primary-action-title {
    color: var(--color-active1);
    font-weight: 600;
    font-size: 1em;
}

.padding-0 {
  padding: 0 !important;
}

.padding-2 {
    padding: 2em !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-1 {
    padding-top: 1em !important;
}

.padding-top-2 {
    padding-top: 2em !important;
}

.padding-top-3 {
    padding-top: 3em !important;
}

.padding-top-4 {
    padding-top: 4em !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-1 {
    padding-bottom: 1em !important;
}

.padding-bottom-2 {
  padding-bottom: 2em;
}

.padding-bottom-3 {
  padding-bottom: 3em;
}

.ml-2 {
  margin-left: 2em !important;
}

.ml-3 {
  margin-left: 3em !important;
}

.mt-0 {
    margin-top: 0em !important;
}

.mt-1 {
    margin-top: 1em !important;
}

.mt-2 {
    margin-top: 2em !important;
}

.mt-3 {
    margin-top: 3em !important;
}

.mt-4 {
    margin-top: 4em !important;
}

.mb-0 {
    margin-bottom: 0em !important;
}

.mb-1 {
    margin-bottom: 1em !important;
}

.mb-2 {
    margin-bottom: 2em !important;
}

.mb-3 {
    margin-bottom: 3em !important;
}

.mb-4 {
    margin-bottom: 4em !important;
}

.mtb-auto {
    margin: auto 0;
}

.pl-3 {
  padding-left: 3em !important;
}

.pr-1 {
  padding-right: 1em !important;
}

[dir="ltr"] .text-end {
  text-align: right !important;
}

[dir="rtl"] .text-end {
  text-align: left !important;
}

[dir="ltr"] .text-start {
  text-align: left !important;
}

[dir="rtl"] .text-start {
  text-align: right !important;
}

.form-container {
    padding: 0em 3em;
}

.form-container .gray-section {
  background-color: var(--content-background)
}

.redux-toastr .top-right:first-child {
    top: 60px;
    right: 20px;
}
.redux-toastr .close-toastr {
    top: -20px !important;
    right: 10px !important;
    opacity: 0.2;
}

.redux-toastr .toastr {
    width: 325px;
    height: 80px;
    border-radius: 5px !important;
    box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

.redux-toastr .toastr .rrt-holder .pi {
    padding: 16px;
    opacity: 0.6;
}

.redux-toastr .rrt-title {
    font-family: var(--secondary-font-family) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--toastr-text-opacity);
}

.redux-toastr .rrt-text {
    font-family: var(--secondary-font-family) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--toastr-text-alternative-opacity);
}

.redux-toastr .rrt-error {
    background-color: var(--toastr-background-error) !important;
}

.redux-toastr .rrt-success {
    background-color: var(--toastr-success-background) !important;
}

.redux-toastr .rrt-info {
    background-color: var(--toastr-info-background) !important;
}

.redux-toastr .rrt-warning {
    background-color: var(--toastr-warning-background) !important;
}

.hidden {
  display: none;
}

.capitalize {
  text-transform: capitalize !important;
}

.redux-toastr .toastr .close-toastr:hover {
  opacity: 0.6;
} 

.redux-toastr .rrt-error .rrt-title {
  color: var(--toastr-error-title);
}

.redux-toastr .rrt-error .rrt-text {
  color: var(--toastr-error-text);
}

.redux-toastr .toastr .rrt-middle-container .rrt-title {
  font-size: 0.9em;
}

.redux-toastr .rrt-success .rrt-title {
  color: var(--toastr-success-title);
}

.redux-toastr .rrt-success .rrt-text {
  color: var(--toastr-success-text);
}

.redux-toastr .rrt-warning .rrt-title {
  color: var(--toastr-warning-title);
}

.redux-toastr .rrt-warning .rrt-text {
  color: var(--toastr-warning-text);
}

.redux-toastr .rrt-info .rrt-title {
  color: var(--toastr-info-title);
}

.redux-toastr .rrt-info .rrt-text {
  color: var(--toastr-info-text);
}

.redux-toastr .rrt-text {
  font-size: 11px !important;
}

.p-overlaypanel:after, .p-overlaypanel:before {
  border: none !important;
}

.p-toolbar.footer {
  background-color: var(--color-background3);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    -webkit-appearance: none; /* force the scrollbar in WebKit browsers */
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: var(--scrollbar-primary);
}
::-webkit-scrollbar-track {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  background: var(--scrollbar-background);
}

* {
    box-sizing: border-box;
}

html,
body,
#root {
    margin: 0px;
    height: 100%; /* needed for proper layout */
}

.main-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

header {
    flex-shrink: 0;
}

.body {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
}

body a {
    color: var(--color-active1);
}

.main-left-menu {
    position: relative;
    float: left;
    width: var(--left-menu-size);
    height: 100%;
    z-index: 1;
    box-shadow: -24px 0px 17px 24px rgba(0, 0, 0, 0.4);
}

.main-left-menu-content {
    height: 100%;
    margin: auto;
    width: var(--left-menu-size);
}

.main-body {
    overflow: auto;
    position: relative;
    width: calc(100vw - var(--left-menu-size));
    height: 100%;
}

.main-body.fullWidth {
    width: 100%;
}

.b-internet-explorer.b-version-9 .main-body {
    width: calc(100vw - var(--left-menu-size) - 20px);
}

.main-body-content {
    overflow: scroll;
    width: 100%;
}

.floatButton {
    position:fixed;
	width: 50px;
	height: 50px;
	bottom: 70px;
	right: 32px;
    background-color: var(--action-color) !important;
    border: 1px solid var(--action-color) !important;
	color: var(--light-color);
	border-radius: 50px;
	box-shadow: 0 4px 6px 0 var(--off-range);
}

.floatButton .p-button-text {
    font-size: 28px;
    font-weight: 600;;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 0 !important;
}

/* Fix for IE10 */
.b-version-10 .main-content {
    height: calc(100vh - 169px);
}

.b-version-10 .main-body {
    width: calc(100% - var(--left-menu-size));
}

.loader-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1062;
    background-color: rgba(0,0,0,0.8);
}

.loader-container.loader-section {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
}

.loader-container.loader-section .loader {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.loader-container.loader-section-minheight {
    position: relative;
    background-color: rgba(0,0,0,0.1);
    min-height: 200px;
}

.loader-container .loader {
    background-color: #fff;
    width: 70px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 70px;
    border-radius: 70px;
    margin-top: -35px;
    margin-left: -35px;
}

.loader-container .jawn {
    position: relative;
    background-color: #f8e71d;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
}

.loader-container .jawn:after,
.loader-container .jawn:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.loader-container .jawn:after {
    left: -10px;
    top: -5px;
    background-color: #b9c0c6;
    transform-origin: 15px 10px;
    animation: axis 1s linear infinite;
}

.loader-container .jawn:before {
    left: -15px;
    top: -15px;
    background-color: #0d9fda;
    transform-origin: 20px 20px;
    animation: axis 2s linear infinite;
}

@keyframes axis {
    0% {
        transform: rotateZ(0deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotateZ(360deg) translate3d(0, 0, 0);
    }
}



#spinnerBank .loader-container.loader-section {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    min-height: 70px;
}



@media (min-width: 992px) {
    .main .loader-container.loader-section {
        margin: 0 -30px;
    }
}



@media (max-width: 991px) {
    .main .loader-container.loader-section {
        margin: 0 -5px;
    }
}

.footer {
    width: 100%;
    background-color: var(--color-background3);
    border: 0 solid;
    border-radius: 0px;
}

.footer .rightInput {
    font-size: 10px;
    padding-right: 20px;
}

.footer .rightInput a {
    color: inherit;
    margin-left: 14px;
    text-decoration: none;
}

.footer a:hover {
    color: inherit;
}

.footer .leftInput {
    color: rgba(83, 83, 83, 0.69);
    font-size: 10px;
    padding-left: 20px;
}

.mainToolbar {
  background-color: var(--color-livery1) !important;
  border: 0px solid var(--color-livery1) !important;
  border-radius: 0px !important;
  display: -webkit-flex; /* Safari */ /* Safari 6.1+ */
  display: flex;
  flex-direction: row;
}

.mainToolbar .p-menubar-custom {
  display: flex;
  padding: 0 !important;
  width: 100%;
  height: 55px;
}

.mainToolbar .goBackIb {
  opacity: 0.7; 
}

.mainToolbar .goBackIb:hover {
  opacity: 1;
}

.mainToolbar .p-menubar-custom .menuItem.book {
  margin-left: auto;
}

.mainToolbar .goBackIb .arrowLeft {
  visibility: hidden;
}

.mainToolbar .goBackIb:hover .arrowLeft {
  visibility: visible;
}

.mainToolbar .userItem .subtitle {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.menuItem {
    color: var(--light-color);
    padding: 0.5em 1em;
    height: 100%;
    display: flex;
    align-items: center;
}

.menuItem.clickable {
    cursor: pointer;
}

.menuItem.hover:hover {
    background-color: var(--primary-selection-color);
}

.menuItem .icon {
    margin-right: 0.7em;
}

.menuItem .arrowDown {
    margin-left: 1em;
}

.menuItem .arrowLeft {
    margin-right: 1em;
}

.menuItem .text {
    color: var(--light-color);
    display: flex;
    flex-direction: column;
}

.menuItem .text .subtitle {
    font-size: 0.7em;
}

.left-menu {
    height: 100%;
    width: 100%;
}

.left-menu .main-icon-container {
    margin-top: 2.64em;
    margin-bottom: 2.38em;
    text-align: center;
}

.left-menu .main-icon {
    max-height: 70px;
    max-width: 110px;
}

.left-menu .p-slidemenu {
    width: 100% !important;
    height: 100%;
}

.left-menu .p-slidemenu-wrapper {
    height: 100% !important;
}

.left-menu .fixed-items {
    height: 7.7em;
}

.left-menu .scrollable-items {
    height: 100%;
    padding-bottom: 12.5em;
    overflow-y: auto;
}

.left-menu-container {
    height: 100%;
}

/* Fix for IE11 */
/* Fix for IE10 */
.b-version-11 .left-menu .scrollable-items .menu-item:last-child,
.b-version-10 .left-menu .scrollable-items .menu-item:last-child {
  height: 220px;
}

/* Fix for Firefox */
@-moz-document url-prefix() {
  .left-menu .scrollable-items .menu-item:last-child {
    margin-bottom: 12.5em;
  }
}

.menu-item a {
    width: 100%;
    display: block;
    padding: 0.781em 1.2em;
    font-size: 0.9em;
    color: var(--color-livery1);
    cursor: pointer;
}

.menu-item .menu-item-selected {
    background-color: var(--color-background2);
    color: var(--color-active1);
}

.menu-item .menu-item-link:hover {
    color: var(--color-active1) !important;
}

.menu-item .menu-item-title {
    color: var(--light-color);
    background-color: var(--color-livery1);
    cursor: default;
    text-transform: uppercase;
}

.invoices-header {
    padding: 2em;
}

.invoices-header .primary-title {
    position: relative;
    float: left;    
}

.invoices-header .p-button {
    position: relative;
    float: right;
}

.page-header .right-item .leftContainer {
    display: flex;
    flex-direction: column;
}

.page-header .right-item .leftContainer .link {
    color: var(--color-active1);
    font-weight: bold;
    margin-top: 2em;
    cursor: pointer;
}

.invoices-content {
    padding: 10px 2em 40px 2em;
}

.importBadgesContainer {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 1em;
}

.importBadgesContainer .closeAllButton {
    color: var(--label-primary-color);
    text-align: right;
    margin-right: 2.5em;
}

.importBadgesContainer .closeAllButton span {
    font-size: 0.8em;
    vertical-align: middle;
    cursor: pointer;
}

.importBadgesContainer .closeAllButton .closeIcon {
    padding-right: 0.5em;
    height: 1em;
    vertical-align: middle;
    cursor: pointer;
}

.tableFiltersD {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 2em 0 3em;
}

.small-container .tableFiltersD .tableFilters_rowFilters {
    display: flex;
    justify-content: flex-start;
}

.tableFiltersD .tableFilters_rowFilters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_title {
    font-family: var(--secondary-font-family);
    color: var(--primary-dark-color);
    font-size: 19px;
    font-weight: 600;
    margin-right: 2em;
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_inputs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tableFiltersD .tableFilters_rowFilters .inputTextContainer,
.tableFiltersD .tableFilters_rowFilters .calendarInputContainer {
    margin-left: 1.333em;
    margin-bottom: 1em;
}

.tableFiltersD .tableFilters_rowFilters .inputTextContainer .p-inputtext,
.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .p-inputtext {
    min-height: 44px;
    min-width: 200px;
}

.tableFiltersD .tableFilters_rowFilters .inputTextContainer .input-header-label,
.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .input-header-label {
    margin-top: 0;
}

.tableFiltersD .tableFilters_rowButtons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1em;
}

.tableFiltersD .tableFilters_rowButtons .p-button {
    margin-left: 1.333em;
}

.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .p-inputtext::-moz-placeholder {
    color: var(--color-inactive2);
    opacity: 1;
}

.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .p-inputtext::placeholder {
    color: var(--color-inactive2);
    opacity: 1;
}

.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .p-inputtext:-ms-input-placeholder {
    color: var(--color-inactive1);
}

.tableFiltersD .tableFilters_rowFilters .calendarInputContainer .p-inputtext::-ms-input-placeholder {
    color: var(--color-inactive1);
}

/* Firefox */
.b-firefox .tableFiltersD .tableFilters_rowButtons {
    width: calc(100vw - var(--left-menu-size) - 80px);
}

.b-firefox .tableFiltersD .tableFilters_rowFilters {
    width: calc(100vw - var(--left-menu-size) - 112px);
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .inputTextContainer.input-document-number {
    width: 11.25em;
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .calendarInputContainer {
    width: 10.625em;
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .inputTextContainer.input-debtor {
    width: 18.75em;
}

.tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .inputTextContainer.input-amount {
    max-width: 12.5em;
    margin-right: 2em;
}

@media (max-width: 940px){
    .tableFiltersD .tableFilters_rowButtons {
        justify-content: flex-start;
    }
}

@media (max-width: 1213px){
    .tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .calendarInputContainer,
    .tableFiltersD .tableFilters_rowFilters .tableFilters_inputs .inputTextContainer {
        width: 14.25em !important;
    }
}

/*SELLA CUSTOM*/
.tableFiltersD.full-width {
    background-color: var(--light-dark-background);
    margin: 1.5em -2em 3em;
    width: calc(100% + 4em);
    padding: 2em 3em 2em 1em;
}

.tableFiltersD.full-width .tableFilters_inputs{
   width: 100%;
}

.tableFiltersD.full-width .tableFilters_inputs > .inputTextContainer{
    flex: 1 1;
}

.invoicesListPlaceholder {
    height: 400px;
    background: var(--placeholder-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.invoicesListPlaceholder .loaderAlternative {
    width: 100px;
    height: 100px;
}

.invoicesListPlaceholder .placeholderText {
    color: var(--color-inactive1);
}

.search .searchHeader {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-background3);
    padding-top: 0.5em;
    align-items: center;
}

.search .searchHeader .currentSearch {
    color: var(--color-active1);
    font-size: 0.8125em;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 32px;
}

.search .searchHeader .otherSearch,
.search .simpleSearchContainer .otherSearch {
    margin-left: auto;
    color: var(--label-primary-color);
    font-size: 0.8125em;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 32px;
    cursor: pointer;
}

.search .simpleSearchContainer {
    display: flex;
    justify-content: space-between;
    padding-top: 0.5em;
}

.search .simpleSearchContainer .simpleSearch {
    flex: 0.9 1;
    max-width: 45em;
    margin-left: 32px;
}

.search .simpleSearchContainer .otherSearch > i,
.search .searchHeader .otherSearch > i {
    padding: 0.5em 0 0.5em 0.5em;
    vertical-align: middle;
}

.advancedSearch {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.advancedSearch .inputTextContainer,
.advancedSearch .calendarInputContainer {
    margin-bottom: 1em;
}

.advancedSearch .input-header-label {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advancedSearch .tableFiltersFooter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1em;
}

.advancedSearch .tableFiltersFooter .p-button {
    margin-left: 1.333em;
}

.advancedSearch .calendarInputContainer .p-inputtext::-moz-placeholder {
    color: var(--color-inactive2);
    opacity: 1;
}

.advancedSearch .calendarInputContainer .p-inputtext::placeholder {
    color: var(--color-inactive2);
    opacity: 1;
}

.advancedSearch .calendarInputContainer .p-inputtext:-ms-input-placeholder {
    color: var(--color-inactive1);
}

.advancedSearch .calendarInputContainer .p-inputtext::-ms-input-placeholder {
    color: var(--color-inactive1);
}

/* Firefox */
.b-firefox .advancedSearch .tableFiltersFooter {
    width: calc(100vw - var(--left-menu-size) - 80px);
}

/*SELLA CUSTOM*/
.advancedSearch {
    background-color: var(--color-background3);
    padding: 32px;
}

/* Fix for IE10 */

.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-inputtext,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-inputtextarea,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-calendar > .p-inputtext, 
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-chips > .p-inputtext,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-dropdown, 
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-multiselect, 
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-selectbutton > .p-button, 
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-autocomplete > .p-autocomplete-input,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-spinner,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-spinner > .p-spinner-input,
.b-version-10 .advancedSearch .inputTextContainer .p-inputgroup > :not(:last-child).p-spinner > .p-spinner-button {
    max-width: 91%;
}

.simpleSearch {
    text-align: left;
}

.simpleSearch .inputText {
    flex: 1 1;
}

.simpleSearch .results {
    background-color: white;
    max-height: 500px;
    min-width: 700px;
    max-width: 800px;
    position: absolute;
    z-index: 10;
    /*opacity: 0.95;*/
    border-radius: 10px;
    border: var(--borders-dark-color) 1px solid;
    margin-top: 1em;
    padding: 1.625em 2.52em;
    box-shadow: 0 2px 6px 1px var(--dialog-shadow);
    display: flex;
    flex-direction: column;
    top: 100%;
}

.simpleSearch .resultsItems {
    overflow: auto;
    margin: 1em 0 2em 0;
}

.simpleSearch .results .resultsHeader {
    display: flex;
    justify-content: space-between;
}

.simpleSearch .results .resultsHeader .title {
    margin-top: 0;
    color: var(--dialog-text-primary);
    font-size: 0.875em;
    opacity: 0.7;
}

.simpleSearch .results .resultsHeader .closeIcon {
    cursor: pointer;
}

.simpleSearch .results .closeButton {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    display: block;
}

.simpleSearch .inputTextContainer .p-inputtext:enabled:focus:not(.p-error),
.simpleSearch .inputTextContainer .p-inputtext:enabled:hover:not(.p-error),
.simpleSearch .p-inputtext:enabled:hover {
    border-left: none;
}

.simpleSearch .p-inputtext:enabled:focus {
    box-shadow: none;
}

.simpleSearch .searchInputContainer {
    display: flex;
    position: relative;
}

.simpleSearch .clearFiltersButton {
    padding: 0 2em;
    margin-left: 1em;
}

.simpleSearch .submitButton {
    padding: 0;
}

/* Fix for IE11 */

.b-version-11 .search .simpleSearchContainer {
   padding: 0.5em 2em 0 2em;
}

.b-version-11 .search .simpleSearchContainer .simpleSearch {
    margin-left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: none;
}

.b-version-11 .search .simpleSearchContainer .simpleSearch .searchInputContainer {
    flex-direction: row;
    justify-content: flex-start;
}

.b-version-11 .search .simpleSearchContainer .simpleSearch .inputText {
    flex: none;
}

.b-version-11 .search .simpleSearchContainer .simpleSearch .inputTextContainer {
    width: 45em;
}

.b-version-11 .search .simpleSearchContainer .otherSearch {
    padding-right: 0;
}

.b-version-10 .simpleSearch .results .closeButton,
.b-version-11 .simpleSearch .results .closeButton {
    width: 100px;
}

.b-version-10 .simpleSearch .results,
.b-version-11 .simpleSearch .results {
    left: 0;
}

.b-version-10 .dashboard .simpleSearch .results {
    left: auto;
}

.b-version-10 .simpleSearch .resultsItems,
.b-version-11 .simpleSearch .resultsItems {
    max-height: 340px;
}

.searchResultGroup:not(:first-child) {
    margin-top: 2.5em;
}

.searchResultGroup .header {
    display: flex;
    align-items: center;
}

.searchResultGroup .header .title {
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: bold;
}

.searchResultGroup .header .description {
    color: var(--gray-color);
    font-style: italic;
    margin-left: 1em;
    font-size: 0.75em;
}

.searchResultGroup .header .showAllEntities {
    margin-left: auto;
    font-size: 0.875em;
    color: var(--color-active1);
    cursor: pointer;
}

.searchResultGroup .items {
    margin-top: 0.5em;
}

.searchResultGroup .showAll {
    text-align: center;
    background: white;
    margin-top: -24px;
    position: relative;
    border-top: var(--borders-dark-color) 1px solid;
    cursor: pointer;
}

.searchResultGroup .showAllText {
    font-style: italic;
    font-size: 0.875em;
    color: var(--cancelled-color);
    opacity: 0.7;
}

.searchResultGroup .noResults {
    font-style: italic;
    color: var(--cancelled-color);
    opacity: 0.7;
    margin-top: 0.7em;
}

.searchResultItem {
    margin: 1em 0;
    cursor: pointer;
}

.searchResultItem .text {
    text-decoration: underline;
    color: var(--color-inactive1);
}

.searchResultItem .predefined {
    font-style: italic;
    color: var(--cancelled-color);
    opacity: 0.7;
}

.importErrorsDialog .p-dialog-content {
    padding: 34px 150px 0 !important;
}

.importErrorsDialog .p-dialog-title {
    font-weight: 600;
}

.importErrorsDialog .importDialog_container{
    margin-bottom: 150px;
}

.importErrorsDialog .importDialog_title,
.importErrorsDialog .importDialog_subtitle {
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
    margin-bottom: 8px;
}

.importErrorsDialog .importDialog_subtitle {
    margin-bottom: 32px !important;
}

.importErrorsDialog .importDialog_filename {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--dialog-text-secondary);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.importErrorsDialog .importDialog_error {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: -0.5px;
    text-align: center;
    color: var(--toastr-icon-error);
    margin-bottom: 20px;
}
.importNotificationBadge.messageBar_container {
    cursor: pointer;
    margin: 1em 0 1em 2em;
}

.importNotificationBadge.messageBar_container:last-child .messageBar_info {
    margin-bottom: 0;
}

.importNotificationBadge.messageBar_container .fileName,
.importNotificationBadge.messageBar_container .seeDetails {
    margin-left: 1.5em;
}

.importNotificationBadge.messageBar_container:hover .messageBar_info {
    font-weight: normal;
}

.importNotificationBadge.messageBar_container:hover .fileName {
    font-weight: bold;
}

.importNotificationBadge.messageBar_container .author {
    margin-left: 1em;
    font-style: italic;
    opacity: 0.8;
}

.tabTooltip.content {
    border: 2px solid var(--color-inactive1);
    bottom: 45px;
    right: -95px;
}

.tabTooltipContainer {
    color: var(--color-active1);
    text-transform: none;
    font-size: 1em;
    font-weight: 500;
    margin: 1em 0;
}

.tabTooltipContainer p {
    margin: 0 0 0.5em;
}

.tabTooltipContainer .tabTooltipContainer_text {
    font-weight: 900;
}

.tabTooltip.content:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent; 
    border-top: 22px solid var(--color-inactive1);
    left: 45%;
    bottom: -22px;
}

.tabTooltip.content:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 22px solid white;
    left: 45%;
    bottom: -18px;
}


@media (max-width: 1143px) {
    .advances-content .tabTooltip.content {
        right: -125px;
    }
}

@media (max-width: 1345px) {
    .requests-content .tabTooltip.content {
        right: -125px;
    }
}

.invoiceDetailsLoaderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.invoiceDetailsLoaderContainer .loaderAlternative {
    width: 100px;
    height: 100px;
}

.sectionContainer .title.titleSection {
    font-weight: 800;
}

.attachmentTableContainer .p-datatable .p-datatable-tbody > tr > td:not(.attachment-file-name):not(.attachment-file-size):not(.attachment-file-format) {
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-color: transparent;
}

.attachmentTableContainer .p-datatable-thead th {
    font-size: .6em;
    background-color: transparent !important;
    color: var(--gray-color) !important;
    text-align: left !important;
    padding: 0.9em 0 !important;
    text-transform: uppercase;
}

.attachmentTableContainer .p-datatable-row {
    background: transparent !important;
}

.attachmentTableContainer .p-datatable .p-datatable-tbody > tr {
    background: transparent !important;
}

.attachmentTableContainer .p-datatable .p-datatable-tbody > tr > td:not(.attachment-file-name):not(.attachment-file-size):not(.attachment-file-format) {
    padding-left: 0;
}

.attachmentTableContainer .p-button.transparent {
    padding: 0.4em 2em;
}

.attachmentTableContainer .p-button.transparent span {
    padding: 0;
    font-size: 12px;
    color: var(--transparent-button-border) !important;
}

/* Fix for IE10 */

.b-version-10 .attachmentTableContainer {
    width: 100%;
}

.invoices-header {
    padding: 2em;
}

.invoices-header .primary-title {
    position: relative;
    float: left;
}

.invoices-header .p-button {
    position: relative;
    float: right;
}

.amountOverviewContainer {
    margin: 1.5em 2em;
    font-weight: bold !important;
    font-size: 1em !important;
    line-height: 1;
    display: flex;
    align-items: center;
}

.amountOverviewContainer .description {
    font-size: 16px !important;
    line-height: 1em;
    margin: 0 1em;
    font-weight: 500 !important;
}

.invoices-header .primary-title {
    position: relative;
    float: left;    
}

.invoices-header .p-button {
    position: relative;
    float: right;
}

.page-header .right-item .leftContainer {
    display: flex;
    flex-direction: column;
}

.page-header .right-item .leftContainer .link {
    color: var(--color-active1);
    font-weight: bold;
    margin-top: 2em;
    cursor: pointer;
}

.invoiceImports .invoices-content {
    padding: 10px 2em 100px 2em;
}

.importIndicatorContainer {
  max-width: 12em;
  height: 2.3em;
  border-radius: 1em;
  display: flex;
  align-items: center;
}

.importIndicatorContainer .importIndicatorIcon {
  margin-left: 0.5em;
}

.importIndicatorContainer .importIndicatorContent {
  margin-left: 0.6em;
  font-size: 14px;
  font-weight: 700;
}

.importIndicatorContainer.imported,
.importIndicatorContainer.processed,
.importIndicatorContainer.success {
  color: var(--success-color);
  background-color: var(--success-color-medium-opacity);
}

.importIndicatorContainer.not_imported,
.importIndicatorContainer.failed {
  color: var(--not-imported);
  background-color: var(--not-imported-background);
}

.importIndicatorContainer.discarded {
  color: var(--error-color);
  background-color: var(--error-color-medium-opacity);
}

.importIndicatorContainer.cancelled {
  color: var(--cancelled-color);
  background-color: var(--cancelled-background);
  font-style: italic;
  filter: grayscale(1)
}

.importIndicatorContainer.imported.small,
.importIndicatorContainer.not_imported.small,
.importIndicatorContainer.processed.small,
.importIndicatorContainer.failed.small,
.importIndicatorContainer.discarded.small,
.importIndicatorContainer.cancelled.small {
  width: 4.5em;
  height: 2em;
  cursor: pointer;
}

.importIndicatorContainer.imported.medium,
.importIndicatorContainer.processed.medium,
.importIndicatorContainer.not_imported.medium,
.importIndicatorContainer.failed.medium,
.importIndicatorContainer.discarded.medium,
.importIndicatorContainer.cancelled.medium {
  width: 8em;
  height: 2em;
}

.importIndicatorContainer .importIndicatorReload {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 0.5em;
  width: 100%;
}

.importIndicatorContainer.cancelled {
  max-width: 18em;
}

.importIndicatorContainer.cancelled .importIndicatorReload {
  width: 25%;
}


/*imports-layout*/
.imports-layout .invoices-list table tr th:nth-child(1){
    width: 6.5em;
}

.imports-layout .invoices-list table tr th:nth-child(2){
    width: 5em;
}

.imports-layout .invoices-list table tr th:nth-child(3){
    width: 15%;
}

.imports-layout .invoices-list table tr th:nth-child(4){
    width: 25%
}

.imports-layout .iconContainer {
    display: flex;
    justify-content: center; 
}

.imports-layout .invoices-list table tr td:nth-child(5) {
    overflow: visible !important; 
}

/*imports-elements-layout*/
.imports-elements-layout .invoices-list table tr th:nth-child(1){
    width: 10%;
}

.imports-elements-layout .invoices-list table tr th:nth-child(2){
    width: 30%
}

.imports-elements-layout .invoices-list table tr th:nth-child(3){
    width: 25%
}

.imports-elements-layout .invoices-list table tr th:nth-child(4){
    width: 28%
}

.imports-elements-layout .invoices-list table tr th:nth-child(5){
    width: 7%;
}

.imports-elements-layout .invoices-list table tr td:nth-child(5) i{
    font-size: 16px;
    color: var(--border-grey);
}

.imports-layout .linkWithLabel {
    max-width: 8.25em;
}

.imports-layout .importStatusContainer {
    display: flex;
}

.imports-layout .importStatusContainer .linkWithLabel {
    margin-left: auto;
}

.imports-layout .importStatusContainer .importIndicatorContainer:not(:first-child) {
    margin: 0 1em;
}

.imports-layout .infoIcon {
    margin: 0 1em;
}

.imports-layout .importDateCell {
    overflow: unset !important;
}

.imports-layout .importDateCell .date {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 50px);
}

.imports-layout .importDateCell .importAuthorTooltipContent {
    font-family: var(--secondary-font-family);
}

.imports-layout .importDateCell .importAuthorTooltipContent .info {
    font-weight: bold;
    text-transform: uppercase;
}

.imports-layout .importDateCell .importAuthorTooltipContent .uploadedBy {
    margin-bottom: 5px;
}

.imports-layout .importDateCell .importAuthorTooltipContent .author {
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 0;
}

.invoiceImports .invoices-content .imports-layout .importIndicatorContainer.cancelled {
    width: 19em;
    max-width: 19em;
}

/* Fix for IE11 */

.b-version-10 .imports-layout .invoices-list table tr th:nth-child(1),
.b-version-11 .imports-layout .invoices-list table tr th:nth-child(1) {
    width: 8%;
}

.b-version-10 .imports-layout .invoices-list table tr th:nth-child(2),
.b-version-11 .imports-layout .invoices-list table tr th:nth-child(2) {
    width: 5%;
}

.b-version-10 .imports-layout .invoices-list table tr th:nth-child(3),
.b-version-11 .imports-layout .invoices-list table tr th:nth-child(3) {
    width: 25%;
}

.b-version-10 .imports-layout .invoices-list table tr th:nth-child(4),
.b-version-11 .imports-layout .invoices-list table tr th:nth-child(4) {
    width: 40%
}

.b-version-10 .imports-layout .invoices-list table .p-datatable-tbody tr td:nth-child(1),
.b-version-11 .imports-layout .invoices-list table .p-datatable-tbody tr td:nth-child(1) {
    overflow: visible;
}

.b-version-10 .imports-layout .invoices-list table .p-datatable-tbody .tooltip .importAuthorTooltipContent,
.b-version-11 .imports-layout .invoices-list table .p-datatable-tbody .tooltip .importAuthorTooltipContent {
    display: flex;
    flex-direction: column;
}

.b-version-10 .imports-layout .invoices-list table .p-datatable-tbody .tooltip .importAuthorTooltipContent .info,
.b-version-11 .imports-layout .invoices-list table .p-datatable-tbody .tooltip .importAuthorTooltipContent .info {
    margin-bottom: 0;
}

/* Fix for Firefox */
.b-firefox .imports-layout .invoices-list table tr th:nth-child(1){
    width: 8%;
}

.b-firefox .imports-layout .invoices-list table tr th:nth-child(2){
    width: 5%;
}

.b-firefox .imports-layout .invoices-list table tr th:nth-child(3){
    width: 25%;
}

.b-firefox .imports-layout .invoices-list table tr th:nth-child(4){
    width: 40%
}

.linear-loader {
    position: relative;
}

.linear-loader .p-progressbar {
    position: relative;
    border-radius: 50px;
    background-image: linear-gradient(to bottom left, var(--card-primary-color) 0%, var(--card-color) 100%);
    background-image: -webkit-linear-gradient(top right, var(--card-primary-color) 0%, var(--card-color) 100%);
}

.linear-loader.small .p-progressbar {
    height: 0.8em; 
    width: 18em; 
    margin-left: 2em; 
}

.linear-loader .p-progressbar .p-progressbar-value {
    background: var(--borders-alternative-color);
}

.linear-loader .p-progressbar-indeterminate .p-progressbar-value::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    will-change: left,right;
    animation: p-progressbar-indeterminate-anim 4.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;
}

.linear-loader.small .p-progressbar-indeterminate .p-progressbar-value::before {
    width: 0.8em;
    height: 0.8em;
}

.linear-loader .p-progressbar-indeterminate .p-progressbar-value::after {
    left: -26px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    will-change: left,right;
    animation: p-progressbar-indeterminate-anim 4.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;
    animation-delay: 2.15s;
}

.linear-loader.small .p-progressbar-indeterminate .p-progressbar-value::after {
    width: 0.8em;
    height: 0.8em;
}

.linkWithLabel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.linkWithLabel .linkWithLabel_label {
    font-size: 0.9285em;
    font-family: var(--primary-font-family);
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
}

.linkWithLabel .pi {
    font-size: 1.285em;
}

.linkWithLabel .linkWithLabel_label.gray {
    color: var(--link-dark-gray);
}

.linkWithLabel .pi.gray{
    color: var(--card-disabled-color);
}

.linkWithLabel .linkWithLabel_label.blu {
    color: var(--sky-blue);
}

.linkWithLabel .pi.blu {
    color: var(--card-primary-border-color);
}
.importsListPlaceholder {
    height: 400px;
    background: var(--placeholder-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.importsListPlaceholder .loaderAlternative {
    width: 100px;
    height: 100px;
}

.importsListPlaceholder .placeholderText {
    color: var(--color-inactive1);
}

.all-imports-container .file-upload .sectionContainer.primary {
    padding: 1em 8em 2.4em 8em !important; 
}

.all-imports-container .imports-content {
    padding: 10px 2em 40px 2em;
}

@media screen and (max-width:1200px) {
    .all-imports-container .file-upload .sectionContainer.primary {
        padding: 1em 1em 2.4em 1em !important; 
    }

    .all-imports-container .file-upload .sectionContainer.primary .file-upload-wrapper .file-input-label span{
        margin-left: 0;
        margin-right: 0.3em;
    }

    .all-imports-container .file-upload .sectionContainer.primary .file-upload-wrapper .p-col-7 {
        width: 55%;
    }
}
.requests-header {
    padding: 2em;
}

.requests-header .primary-title {
    position: relative;
    float: left;
}

.requests-header .p-button {
    position: relative;
    float: right;
}

.requests-content {
    padding: 10px 2em 40px 2em;
}

.requests-content .requests-content_top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5em;
}

.requests-content .request-summary {
    color: var(--label-primary-color);
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.requests-content .request-summary span {
    font-size: 1.2em;
    padding-right: 10px;
    font-family: var(--secondary-font-family);
    font-weight: 600;
}

.requests-content .request-summary p {
    margin: 0;
    font-weight: bold;
}

.requests-content .request-summary .request-summary_extra-p {
    margin: 0.5em 0 0;
    font-style: italic;
    font-weight: normal;
}

.requests-content .request-summary .request-summary_extra-p span {
    font-size: 1em;
    font-family: var(--primary-font-family);
    padding: 0 0 0 0.3em;
}

.requests-content .dropdownContainer {
    max-width: 300px;
}

.requests-content .searchButtonContainer {
    padding: 30px 0 20px;
}

@media (max-width: 992px) {
    .requests-content .inputSearchContainer .searchButtonContainer .searchContainer {
        min-width: 100%;
    }
    .requests-content .inputTextContainer .p-inputtext {
        padding: 0.5em 0.5em;
    }
}

.requests-content .requests-content_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 3em 0 2em; 
}

.requests-content .selected-summary {
    color: var(--color-active1);
    float: left;
    font-weight: bold;
    margin: 0 0 2.5em;
}

.requests-content .selected-summary .selected-summary_import {
    padding-left: 10px;
}

.requests-content .selected-summary span {
    font-family: var(--secondary-font-family);
    font-weight: 600;
    font-size: 1.2em;
    padding-right: 10px;
}

/* Fix for IE10 */

.b-version-10 .requests-content .requests-content_top,
.b-version-10 .advances-content .advances-content_top {
    width: calc(100% - 115px);
}

.multiSignatureConfirmDialog .p-dialog {
    min-width: 750px !important;
    max-width: 900px;
}

.multiSignatureConfirmDialog .p-dialog-content {
    padding: 1em 6.5em 0 !important;
    max-height: 640px !important;
    overflow-y: auto;
}

.multiSignatureConfirmDialog .p-dialog-title {
    font-weight: 600;
}

.multiSignatureConfirmDialog .multiSignatureConfirmDialog_container {
    margin-bottom: 3em;
}

.multiSignatureConfirmDialog .multiSignatureConfirmDialog_container .multiSignatureConfirmDialog_small {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
}

.multiSignatureConfirmDialog .multiSignatureConfirmDialog_container .multiSignatureConfirmDialog_big {
    font-family: var(--secondary-font-family);;
    font-size: 1.6429em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.multiSignatureConfirmDialog .p-dialog-footer .multiSignatureConfirmDialog_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.multiSignatureDialog .p-dialog {
    width: 1200px !important;
}

.multiSignatureDialog .p-dialog-content {
    padding: 1em 3.5em 0 !important;
    max-height: 800px !important;
    overflow-y: auto;
}

.multiSignatureDialog .p-dialog-title {
    font-weight: 600;
}

.multiSignatureDialog .multiSignatureDialog_container {
    margin: 2em 0 3em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_text {
    font-family: var(--secondary-font-family);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
}


.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_summary {
    color: var(--color-active1);
    float: left;
    font-weight: bold;
    margin: 0 0 2.5em;
}

.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_summary .multiSignatureDialog_import {
    padding-left: 10px;
}

.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_summary span {
    font-family: var(--secondary-font-family);
    font-weight: 600;
    font-size: 1.2em;
    padding-right: 10px;
}


.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_iframe,
.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_loaderContainer,
.multiSignatureDialog .createInvoiceDocAuth {
    width: 100%;
    height: 550px;
}

.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_loaderContainer {
    border: 1px solid black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.multiSignatureDialog .multiSignatureDialog_container .multiSignatureDialog_loaderContainer .multiSignatureDialog_wait {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
    margin-bottom: 4em;
}

.multiSignatureDialog .createInvoiceDocAuth {
    margin-right: 0em;
}

.multiSignatureDialog .p-dialog-footer .multiSignatureDialog_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.multiSignatureDialog_newLoaderContainer {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signDocumentContainer .p-dialog {
    width: 1200px !important;
}

.signDocumentContainer .p-dialog-content {
    padding: 1em 3.5em 0 !important;
    max-height: 800px !important;
    overflow-y: auto;
}

.signDocumentContainer .p-dialog-title {
    font-weight: 600;
}

{
    margin: 2em 0 3em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.signDocumentContainer_text {
    font-family: var(--secondary-font-family);
    font-size: 1em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
}

.signDocumentButton {
  margin:10px !important;
}
.signDocumentContainer_summary_flex {
    display:flex;
    width: 100%;
}

.signDocumentContainer_summary {
    float: left;
    font-weight: bold;
    padding:10px;
    text-align:center;
    width:100%;
}

 .signDocumentContainer_summary .signDocumentContainer_import {
    padding-left: 10px;
}

.signDocumentContainer_summary span {
    font-family: var(--secondary-font-family);
    font-weight: 600;
    font-size: 1.2em;
    padding-right: 10px;
}

.signDocument_info  {
    text-align:center;
}
.signDocumentContainer_iframe,
.signDocumentContainer_loaderContainer,
.signDocumentContainer .createInvoiceDocAuth {
    width: 100%;
    height: 550px;
}

.signDocumentContainer_loaderContainer {
    border: 1px solid black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.signDocumentContainer_loaderContainer .signDocumentContainer_wait {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
    margin-bottom: 4em;
}

.signDocumentContainer .createInvoiceDocAuth {
    margin-right: 0em;
}

.signDocumentContainer .p-dialog-footer .signDocumentContainer_footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.signDocumentContainer_newLoaderContainer {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signDocument_container {
    width: 100%;
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.signDocument_container .signDocument_icon {
    width: 20px;
    height: 20px;
    margin: 16px 10px 18px 20px;
}

.signDocument_container .signDocument_icon .pi {
    font-size: 22px;
    opacity: 0.5;
}

.signDocument_container .signDocument_info {
    font-size: 15px;
    font-weight: bold;
    padding-right: 50px;
}

.signDocument_container .signDocument_info span {
    margin-right: 8px;
}

.signDocument_container.ok {
    background-color: var(--success-color-opacity);
}

.signDocument_container.ok .signDocument_info,
.signDocument_container.ok .signDocument_icon .pi {
    color: var(--success-color);
}

.signDocument_container.ok .signDocument_info.signed {
    color: var(--success-color-alternative);
    font-weight: 900;
}

.signDocument_container.error {
    background-color: var(--error-color-opacity);
}

.signDocument_container.error .signDocument_info,
.signDocument_container.error .signDocument_icon .pi {
    color: var(--discarded);
}

.signDocument_container.error .signDocument_info.signed {
    font-weight: 900;
}

.signDocument_container.warn {
    background-color: var(--warning-color-alternative-opacity);
}

.signDocument_container.warn .signDocument_info,
.signDocument_container.warn .signDocument_icon .pi {
    color: var(--roundBtn-advance-expired);
}

.signDocument_container.warn .signDocument_info.signed {
    color: var(--warning-color-alternative);
    font-weight: 900;
}

.signDocument_container.info {
    background-color: var(--info-color-opacity);
}

.signDocument_container.info .signDocument_info,
.signDocument_container.info .signDocument_icon .pi {
    color: var(--info-color-secondary);
}

.signDocument_container.info .signDocument_info.signed {
    color: var(--info-color-alternative);
    font-weight: 900;
}

.signDocument_container.fatal {
    background-color: var(--alert-primary-color);
}

.signDocument_container.fatal .signDocument_info,
.signDocument_container.fatal .signDocument_icon .pi {
    color: var(--light-color);
    opacity: 1;
}

.signDocument_container_not {
    width:100% !important;
}

.react-pdf__Page__canvas {
    margin: 0 auto;
    width: 100% !important;
    height: 1000px !important;
}


.requestsListPlaceholder {
    height: 400px;
    background: var(--placeholder-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.requestsListPlaceholder .loaderAlternative {
    width: 100px;
    height: 100px;
}

.requestsListPlaceholder .placeholderText {
    color: var(--color-inactive1);
}

.requestDetailsHeader {
    display: flex;
    margin-left: 2em;
    margin-top: 3em;
}

.requestDetailsHeader .leftContent {
    width: 70%;
    display: flex;
    flex-direction: row;
}

.requestDetailsHeader .main {
    color: var(--color-livery1);
    font-size: 20px;
    font-weight: 700;
}

.requestDetailsHeader .secondary {
    font-size: 14px;
    color: var(--gray-color-alternative);
    margin-top: 0.8em;
}

.requestDetailsHeader .leftContent .buttonStyle {
    background-color: transparent !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid rgba(128, 128, 128, 0.15) !important;
    color: var(--gray-color) !important;
    margin-right: 2em;
    margin-bottom: 2em;
}

.requestDetailsHeader .p-button.p-button-icon-only {
    width: 5em !important;
}

.requestDetailsHeader .p-button:enabled:focus {
    box-shadow: none;
}

.requestDetailsHeader .p-button-icon-only .p-button-icon-left {
    font-size: 1.5em;
    color: rgba(128, 128, 128, 0.4);
}

.request-details-content {
    padding: 0px 2em 40px 2em;
}

.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(1),
.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(2),
.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(3) {
    width: 10%;
    text-align: left;
}

.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(4){
    width: 30%;
    text-align: left;
}

.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(5){
    width: 15%;
    text-align: right;
}

.request-details-content .request-mono-layout .invoices-list table tr td:nth-child(5) {
    text-align: right;
}

.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(6) {
    width: 20%;
    text-align: right;
}

.request-details-content .request-mono-layout .invoices-list table tr td:nth-child(6) {
    font-weight: 900;
    color: var(--dark-color) !important;
    text-align: right;
}

.request-details-content .request-mono-layout .invoices-list table tr th:nth-child(1),
.request-details-content .request-mono-layout .invoices-list table tr td:nth-child(1) {
    padding-left: 3em !important;
}

.request-details-content .request-invoices-bottom-overview {
    padding: 0 0 0 3em;
}

.request-details-content .totalContainer .totalDescription.normal{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.6em;
    text-transform: capitalize;
}

.request-details-content .totalContainer .totalAmount.normal{
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    width: auto;
}

.request-details-content .total-amount-container {
    display: flex;
    flex-direction: row;
}

.request-details-content .total-amount-container .totalContainer {
    flex-direction: column;
    align-items: flex-end;
}

.request-details-content .total-amount-container .totalContainer:first-child .totalAmount.normal {
    color: var(--total-amount-grey);
}

.request-details-content .total-amount-container .totalContainer:first-child {
    margin-right: 4em;
}

.requestDetailsLoaderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.requestDetailsLoaderContainer .loaderAlternative {
    width: 100px;
    height: 100px;
}

.request-invoices-bottom-overview {
    display: flex;
    flex-direction: row;
    padding: 0 3em;
    margin: 2em 0 0;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--label-primary-color);
    align-items: center;
}

.request-invoices-bottom-overview .totalContainer, .request-invoices-bottom-overview .totalDescription, .request-invoices-bottom-overview  > span {
    font-size: 16px;
    color: var(--label-primary-color);
    align-items: center;
    margin: 0;
    font-family: var(--primary-font-family);
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.request-invoices-bottom-overview .totalContainer .totalAmount {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 25px;
    color: var(--primary-dark-color);
    width: auto;
}

.request-invoices-bottom-overview .request-invoices-with-icon {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.request-invoices-bottom-overview .request-invoices-with-icon img {
    margin-right: 0.8em;
}

.request-invoices-bottom-overview .additionalInfo {
    margin-left: 1em;
}

.request-invoices-bottom-overview .additionalInfo span {
    margin-left: 1em;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
}

.authorizationSection {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    justify-content: space-between;
}

.authorizationSection_iframe {
    width: 100%;
    height: 550px;
}
.authorizationSection .createInvoiceDocAuth {
    width: 100%;
}
.authorizationSection .createInvoiceDocAuth:not(.reducedHeight) {
    height: 400px !important;
}

.request-details-content .authorizationSection .createInvoiceDocAuth {
    padding: 0em 3.5em 5em;
    margin-right: 0;
}

.request-details-content .authorizationSection .createInvoiceDocAuth:not(.reducedHeight) {
    height: auto !important;
}

.request-details-content .authorizationSection .createInvoiceDocAuth .valueKeyElementContainer .value{
    color: var(--color-active1);
}

.request-details-content .authorizationSection .createInvoiceDocAuth.backgroundContainerAlert {
    padding: 0 !important;
}

.requestStatusInfo {
    width: calc( 100% - 6em) !important;
    margin: 0 3em 2em !important;
}
.request-validations-dialog {
    background-color: var(--light-color);
    box-shadow: 0 0 13px 0 var(--dialog-shadow) !important;
    font-family: var(--secondary-font-family);
    position: absolute;
}

.request-validations-dialog .p-dialog {
    width: 50%;
}

.request-validations-dialog .p-dialog-content {
    padding-left: 6.25em !important;
    padding-right: 6.25em !important;
}

.request-validations-dialog .custom-dialog .p-dialog .p-dialog-titlebar {
    padding: 2em;
}

.request-validations-dialog .p-dialog.p-component .action-footer {
    margin-bottom: -3em !important
}

.request-validations-dialog .request-validations_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.request-validations-dialog .request-validations_container .request-validations_error {
    padding-top: 0.5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--toastr-icon-error);
}

.request-validations-dialog .request-validations_container .request-validations_error span {
    font-family: var(--primary-font-family);
    font-size: 1.25em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    padding-left: 1em;
}

.request-validations-dialog .request-validations_container .request-validations_error .pi {
    font-size: 2em;
}

.request-validations-dialog .request-validations_container .request-validations_text {
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
    padding-top: 3em;
}

.request-validations-dialog .p-dialog-footer {
    padding-top: 3em !important;
}

.request-validations-dialog .footer {
    background-color: unset;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.resend-request-dialog {
    background-color: var(--light-color);
    box-shadow: 0 0 13px 0 var(--dialog-shadow) !important;
    font-family: var(--secondary-font-family);
    position: absolute;
}

.resend-request-dialog .p-dialog-content {
    padding-left: 6.25em !important;
    padding-right: 6.25em !important;
}

.resend-request-dialog .content-container .warning-text {
    color: var(--warning-dialog);
    font-size: 1.5em;
    font-weight: 600;
    font-family: var(--secondary-font-family);
    letter-spacing: -0.5px;
}

.resend-request-dialog .p-dialog .p-dialog-titlebar .pi {
    font-size: 2.3em !important;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}

.resend-request-dialog .custom-dialog .p-dialog .p-dialog-titlebar {
    padding: 2em;
}

.resend-request-dialog .custom-dialog .p-dialog .p-dialog-titlebar .p-dialog-title {
    font-size: 15px;
    font-weight: 700;
    font-family: var(--secondary-font-family);
}

.resend-request-dialog .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.resend-request-dialog .content-container .valueKeyElementContainer {
    align-items: center;
    height: 5em !important;
}

.resend-request-dialog .content-container .valueKeyElementContainer .title {
    font-weight: normal;
    font-family: var(--primary-font-family);
    font-size: 16px;
    color: var(--dialog-text-primary);
}

.resend-request-dialog .content-container .valueKeyElementContainer .value {
    font-size: 1.5em !important;
    font-family: var(--secondary-font-family);
}

.resend-request-dialog .content-container .confirm-msg {
    color: var(--dialog-text-secondary);
    margin-top: 1em;
    font-size: 1.1em;
}

.resend-request-dialog .p-dialog.p-component .action-footer {
    margin-bottom: -3em !important
}

.resend-request-dialog .p-dialog.p-component .action-footer .item {
    margin: 1em 4em 4em !important;
}

.resend-request-dialog .footer {
    background-color: white;
    display: flex;
    justify-content: space-around;
}

.option-button-imports {
    margin-right: 1.875em !important;
}

.dashboard-section.dashboard-calendar .timetableCalendar-container {
    width: 100%;
    margin-right: 2.5em;
    margin-left: 2.5em;
}

.dashboard-section.dashboard-calendar .calendar-container {
    width: 100%;
}

.dashboard-section.dashboard-calendar .rbc-month-view {
    height: auto;
}

.dashboard-line-usage .dashboard-line-usage_container {
    width: 100%;
    margin: 2.3125em 2.5em;
    display: flex;
    flex-direction: column;
}

.dashboard-line-usage .dashboard-line-usage_title {
    font-family: var(--primary-font-family);
    color: var(--color-inactive1);
    font-size: 0.8125em;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    margin-bottom: 0.8125em;
    text-transform: uppercase;
}

.dashboard-line-usage .toggle-section {
    margin-top: 1em;
}

.dashboard-line-usage .dashboard-line-usage_container .toggle-section_container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dashboard-line-usage .dashboard-line-usage_container .line-detail {
    width: 70%;
}

.dashboard-line-usage .dashboard-line-usage_container .detail-box {
    width: 25%;
}

.dashboard-line-usage_top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.dashboard-line-usage .badges-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
}

.dashboard-line-usage .badges-container .badge {
    flex-grow: 1;
}

.dashboard .page-header .option-button-imports,
.dashboard .page-header .option-button-new-requests,
.dashboard .page-header .simpleSearch {
    margin-top: 1.5em;
}

.dashboard .page-header .actions-container {
    max-width: 500px;
    width: 50%;
    text-align: right;
}

.dashboard .simpleSearch .results {
    right: 0;
    max-height: 700px;
}

.dashboard .page-header_caption .dashboard_companyName {
    font-weight: bold;
    margin-right: 0.5em;
}

.dashboard .page-header_caption .dashboard_accountLabel {
    margin-left: 0.5em;
}

.dashboard .page-header_caption .dashboard_accountNumber {
    font-weight: bold;
    margin: 0 0.3em 0 0.5em;
}

.dashboard .page-header_caption .dashboard_accountDetails {
    cursor: pointer;
    margin: 0 0.3em;
    text-decoration: underline;
}

.dashboard .dashboard-error {
    padding: 1em 2em 0;
}

.dashboard .dashboard-error .errorUppercase {
    text-transform: uppercase;
}

.dashboard_extension-to-sign {
	margin: 1em 1.2em 2em;
	width: 100%;
	font-weight: 600;
    cursor: pointer;
}

.dashboard_extension-to-sign .messageBar_info {
	color: var(--toastr-icon-error);
	width: 100%;
}

.dashboard_content-extension-to-sign {
	display: flex;
	justify-content: center;
}

.dashboard_content-extension-to-sign span {
	margin-left: 1em;
}

.dashboard_content-extension-to-sign img {
    height: 18px;
    width: auto;
}

/* Fix for IE11 */

.b-version-10 .dashboard-line-usage .badges-container,
.b-version-11 .dashboard-line-usage .badges-container {
    justify-content: space-around;
}

.b-version-10 .dashboard-line-usage .badges-container .badge,
.b-version-11 .dashboard-line-usage .badges-container .badge {
    flex-grow: none;
    width: 100%;
}

.b-version-10 .dashboard .simpleSearch .resultsItems,
.b-version-11 .dashboard .simpleSearch .resultsItems {
    max-height: 500px;
}

.b-version-11 .dashboard .simpleSearch .results {
    left: auto;
}

.timetableCalendar-container {
    margin-top: 2em; 
    margin-left: 2em;    
}

.timetableCalendar-container .rbc-time-content, .rbc-time-header-gutter {
    display: none !important;
}

.timetableCalendar-container .rbc-time-header {
    height: 100%;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
}

.timetableCalendar-container .rbc-time-header-content {
        border-left: none;
}

@media (max-width: 992px) {
    .timetableCalendar-container .calendar-container .rbc-calendar .rbc-toolbar {
        flex-direction: column;
    }
    .timetableCalendar-container .calendar-container .rbc-calendar .rbc-toolbar .rbc-toolbar-label {
        margin: 0.5em 0;
    }
}

.calendar-container {
    height: 66em;
    width: 96%;
}

.calendar-container .rbc-show-more {
    margin: 0 0.5em;
    width: 100%;
    text-align: center;
}

.calendar-container .rbc-event {
    background-color: transparent; 
    height: 45px !important;
}

.calendar-container .rbc-date-cell {
    margin: 0.4em 0 0 0.4em;
}

.calendar-container .rbc-off-range-bg {
    background-image: linear-gradient(45deg, var(--border-light) 8.33%, white 8.33%, white 50%, var(--border-light) 50%, var(--border-light) 56%, white 58.33%, white 100%) !important;
    background-size: 8.49px 8.49px !important;
}

.calendar-container .rbc-day-bg.rbc-off-range-bg.weekend-day {
    border-right: 1px solid var(--border-light) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.calendar-container .rbc-toolbar button {
    background: var(--disabled-button-background);
    border: 1px solid var(--active-calendar);
    border-radius: 3px; 
}

.calendar-container .rbc-toolbar button:focus {
    outline: 0;
}

.calendar-container .rbc-toolbar .rbc-toolbar-label {
    color: var(--color-active1);
    font-size: 19px;
    font-weight: 600;   
}

.calendar-container .rbc-row-bg {
    color: var(--borders-secondary-color);
    background: var(--calendar-blue);
    font-size: 13px;
}

.calendar-container .rbc-row-bg .weekend-day {
    background: var(--calendar-weekend-background);
    border-right: 1px solid var(--border-blue) !important; 
    border-bottom: 1px solid var(--border-blue) !important;     
}

.calendar-container .rbc-month-row + .rbc-month-row {
    border-top: none;
}

.calendar-container .rbc-day-bg + .rbc-day-bg {
    border-left: none;
    border-top: none;
    border-right: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

.calendar-container .rbc-day-bg:first-of-type {
    border-left: 1px solid var(--border-light);
    border-right: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}

.calendar-container .rbc-month-view {
     border: none; 
}

.calendar-container .rbc-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid var(--border-light);    
}
.calendar-container .rbc-row div {
    display: flex; 
}

.calendar-container .rbc-row .rbc-event-content {
    margin: 0.1em !important; 
}

.calendar-container .rbc-row .weekend-day {
    color: var(--color-livery1);
}

.calendar-container .rbc-event-content {
    width: 100%;
    padding: 0.2em 0.2em 0 0; 
}

.calendar-container .rbc-row .rbc-off-range .weekend-day {
    color: var(--off-range);
}

.calendar-container .rbc-btn-group {
    display: flex
}

.calendar-container .rbc-btn-group > button:not(:first-child):not(:last-child) {
    order: 1
}

.calendar-container .rbc-btn-group > button:last-child:not(:first-child) {
    order: 2
}

.calendar-container .rbc-toolbar {
    margin-bottom: 1.1875em;
}

.calendar-container .rbc-top {
    margin-bottom: 3em;
}

.calendar-container .rbc-top .rbc-top_summary {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-active1);
    text-align: center;
}

.calendar-container .rbc-top .rbc-top_calendar {
    position: relative;
    right: 3em;
}

.calendar-container .rbc-top .rbc-top_agenda {
    position: relative;
    left: 4em;
}

.calendar-container .rbc-top .rbc-top_summary span {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: 600;
    margin: 0 0.5em;
}

.calendar-container .rbc-toolbar button:active, .rbc-toolbar button.rbc-active, button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
    background: var(--active-calendar-button);
    border: 1px solid var(--active-calendar);
    color: var(--active-calendar) !important;
    box-shadow: none; 
}

.calendar-container .rbc-btn-group button {
    height: 3em; 
    color: var(--label-primary-color);
    border-radius: 4px; 
}

.calendar-container .rbc-toolbar .rbc-btn-group:first-child button:nth-child(3), .rbc-btn-group:first-child button:nth-child(2) {
    padding: 0 0.9em;
    color: var(--calendar-arrows)
}

.calendar-container .rbc-header{
    color: var(--off-range);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 1.2em;
    justify-content: center; 
}

.calendar-container .rbc-label {
    color: var(--off-range);    
}

.calendar-container .rbc-agenda-empty {
    color: var(--off-range);    
    font-size: 14px;    
}

/**
* Agenda view 
*/

.calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-header {
    display: none; 
}

.calendar-container .rbc-agenda-view .rbc-agenda-content .rbc-agenda-time-cell {
    display: none;
}    

.calendar-container .rbc-agenda-view table.rbc-agenda-table {
    border: none;
}

.calendar-container .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
    border-left: none; 
}

.calendar-container .rbc-agenda-view .rbc-agenda-table tr {
    display: flex;
    flex-direction: column;
}

.calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-date-cell {
    background: var(--color-background3);
    font-size: 13px;
    font-weight: bold; 
}

.calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-event-cell .calendarEvent-container {
    width: 60%;
}

.calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-event-cell {
    margin: 0.3em 0 0.3em 0em;
    padding-left: 3em;
}

.calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-date-cell .agenda-date-wrapper {
    display: flex; 
    justify-content: space-between;
    margin: 0.5em;
}

.calendar-container .legendBar {
    margin-top: 3em;
}

@media (max-width: 992px) {
    .calendar-container .rbc-top .rbc-top_calendar {
        right: 0;
    }
}

@media (max-width: 1124px) { 
    .calendar-container .rbc-top .rbc-top_agenda {
        left: 0;
    }
}

/* Fix for IE10 */

.b-version-10 .calendar-container .rbc-toolbar {
    justify-content: space-between;
}

.b-version-10 .rbc-agenda-view .rbc-agenda-table .rbc-agenda-date-cell,
.b-version-11 .rbc-agenda-view .rbc-agenda-table .rbc-agenda-date-cell {
    display: block;
}

.b-version-10 .calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-event-cell .calendarEvent-container,
.b-version-11 .calendar-container .rbc-agenda-view .rbc-agenda-table .rbc-agenda-event-cell .calendarEvent-container {
    width: 60em;
}

.b-version-10 .calendar-container .rbc-row-segment {
    width: 100%;
}

.calendarEvent-container {
    width: 100%;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    border-radius: 5px;
    height: 2.2em;
    cursor: pointer;
}

.calendarEvent-title-container {
    display: flex;
    align-items: center; 
}

.calendarEvent-container .calendarEvent-amount {
    margin-right: 0.5em; 
    margin-left: 0.5em;
    font-weight: bold; 
}

.calendarEvent-container .calendarEvent-title {
    margin-left: 0.5em;
}

.calendarEvent-container .roundButton {
    pointer-events: none;
}

.calendarEvent-container .calendarEvent-button .roundButton {
    margin-left: 0.5em; 
    height: 1.9em; 
    width: 1.9em;
}

.calendarEvent-container .p-button.p-button-text-only .p-button-text {
    padding: 0;
    font-size: 0.82em; 
}

.calendarEvent-container.red {
    background: var(--error-color-badge-opacity)
}

.calendarEvent-container.red .calendarEvent-amount {
    color: var(--toastr-icon-error)
}

.calendarEvent-container.red .calendarEvent-title {
    color: var(--toastr-icon-error)
}

.calendarEvent-container.red .roundButton {
    background: var(--card-warning-footer-text);
    border: 1px solid var(--card-warning-footer-text);
}

.calendarEvent-container.blue,
.calendarEvent-container.blue-warning {
    background: var(--soft-blu-opacity);
}

.calendarEvent-container.blue .calendarEvent-amount {
    color: var(--color-active1);
}

.calendarEvent-container.blue .calendarEvent-title {
    color: var(--color-active1);
}

.calendarEvent-container.blue .roundButton {
    background: var(--color-active1);
    border: 1px solid var(--color-active1);
}


.calendarEvent-container.orange,
.calendarEvent-container.orange-info,
.calendarEvent-container.orange-warning {
    background: var(--warning-color-badge-opacity);
}

.calendarEvent-container.orange .calendarEvent-title,
.calendarEvent-container.orange .calendarEvent-amount,
.calendarEvent-container.orange-warning .calendarEvent-amount, 
.calendarEvent-container.orange-warning .calendarEvent-title {
    color: var(--toastr-icon-error);
}

.calendarEvent-container.orange .roundButton {
    background: var(--card-error-color);
    border: 1px solid var(--card-error-color);
}


.calendarEvent-container.blue-warning .calendarEvent-amount, 
.calendarEvent-container.blue-warning .calendarEvent-title,
.calendarEvent-container.orange-info .calendarEvent-amount,
.calendarEvent-container.orange-info .calendarEvent-title {
    color: var(--danger-color);
}

.calendarEvent-container.orange-info .roundButton,
.calendarEvent-container.orange-warning .roundButton {
    background: var(--warning-color-badge);
    border: 1px solid var(--warning-color-badge);
}

.calendarEvent-container.orange-info .roundButton .p-button-text,
.calendarEvent-container.orange-warning .roundButton .p-button-text {
    color: var(--discarded);
}


.calendarEvent-container .calendarEvent-title {
  font-family: var(--secondary-font-family);
  font-size: 0.82em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.legendBar {
    width: 100%;
}

.legendBar .legendBar_container {
    text-align: right;
}

.legendBar .legendBar_label {
    opacity: 0.6;
    font-family: var(--primary-font-family);
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--label-primary-color);
    text-transform: uppercase;
    display: inline-block;
    margin-right: 1em;
}

.legendBar .calendarEvent-container {
    height: 1.5em;
    width: auto;
    padding: 0 0.5em;
    cursor: default;
    display: inline-block;
    margin: 0 0.5em;
}

.legendBar .calendarEvent-title-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.legendBar .calendarEvent-container .calendarEvent-button .roundButton {
    margin-left: 0.5em; 
    height: 1.016em; 
    width: 1.016em;
}

.legendBar .calendarEvent-container .p-button.p-button-text-only .p-button-text {
    font-size: 0.55em;
}

.legendBar .calendarEvent-title {
   font-size: 0.563em;
   margin: 0.8em 0.5em;
}


@media (min-width: 1228px) {
    .legendBar .calendarEvent-container:last-child {
        margin-right: 0 !important;
    }
}

@media (max-width: 1227px) {
    .legendBar .calendarEvent-container {
        margin-top: 0.5em;
    }
}


.calendarEventsDialog .p-dialog {
    max-width: 270px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.40);
    border: 3px solid var(--color-active1);
    border-radius: 1.5em;
    position: absolute;
}

.calendarEventsDialog .custom-dialog.header-filled .p-dialog-mask .p-dialog .p-dialog-titlebar {
    padding: 2em 2em 0.5em !important;
    text-align: center !important;
    border-bottom: none !important;
    border-top-left-radius: 1.3em;
    border-top-right-radius: 1.3em;
}

.calendarEventsDialog .p-dialog-titlebar  .p-dialog-title {
    color: var(--color-active1) !important;
    font-weight: 600;
    font-size: 1em !important;
    font-family: var(--secondary-font-family);
    text-transform: none;
}

.calendarEventsDialog .custom-dialog .p-dialog-mask .p-dialog .p-dialog-content {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 1.3em;
    border-bottom-right-radius: 1.3em;
}

.calendarEventsDialog .calendarEventsDialog_container {
    margin: 0 3em 1em;
}

.calendarEventsDialog .calendarEventsDialog_container .calendarEvent-container {
    margin-bottom: 0.5em;
}

.calendarEventsDialog .p-dialog:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent; 
    border-top: 22px solid var(--color-active1);
    left: 46%;
    bottom: -22px;
}

.calendarEventsDialog .p-dialog:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 22px solid var(--light-color);
    left: 46%;
    bottom: -17px;
}

.calendarEventsDialog .calendarEventsDialog_info {
    color: var(--label-primary-color);
    font-size: 0.75em;
    margin-top: 0.5em;
}

.toggle-section .toggle-section_header {
    display: flex;
    flex-direction: row;
    color: var(--line-color-dark);
    align-items: center;
    cursor: pointer;
    margin-bottom: 1.5em;
    width: -moz-fit-content;
    width: fit-content;
}

.toggle-section .toggle-section_title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    margin-left: 0.8125em;
}

.toggle-section i.closed {
    transform: rotate(270deg);
}

.detail-box {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 5.875em;
    border: solid 2px var(--division-dark);
    padding: 1.25em 0.8125em 0;
}

.detail-box.withSubtitle {
    height: 7.125em;
}

.detail-box.colored-blue {
    border-color: var(--line-color-dark);
}

.detail-box.colored-blue .detail-box_title,
.detail-box.colored-blue .detail-box_amount {
    color: var(--line-color-dark);
}

.detail-box .detail-box_title{
    font-size: 0.875em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 1px;
    color: var(--dark-grey-blue);
    text-transform: uppercase;
    margin-bottom: 0.25em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-box .detail-box_amount {
    font-family: var(--secondary-font-family);
    font-size: 1.75em;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark-grey-blue);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-box .detail-box_subtitle{
    font-size: 0.8125em;
    line-height: 1.36;
    color: var(--label-primary-color);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.3em;
}

.line-detail .line-detail_header {
    display: flex;
    flex-direction: column;
}

.line-detail .line-detail_amount-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.25em;
}

.line-detail .line-detail_amount-detail.bottom-legend {
    margin-top: 1.25em;
}
.line {
    display: flex;
    flex-direction: row;
}

.line.bordered {
    border: var(--line-color-dark) solid 2px;
    padding: 0.3em;
}

.line .line_sector {
    height: 3.125em;
    border: 1px solid white;
}

.line.bordered .line_sector {
    height: 2.25em;
}

.line .line_sector.darkblue {
    background-color: var(--line-color-dark);
}

.line .line_sector.lightblue {
    background-color: var(--line-color-lightblue);
}

.line .line_sector.green {
    background-color: var(--success-color);
}

.line .line_sector.skyblue {
    background-color: var(--line-color-active);
}

.line .line_sector.orange {
    background-color: var(--line-color-orange);
}

.line .line_sector.red {
    background-color: var(--toastr-icon-error);
}

.line .line_sector.stripes {
    background: repeating-linear-gradient(
            60deg,
            var(--sky-blue),
            var(--sky-blue) 10px,
            var(--line-color-dark) 10px,
            var(--line-color-dark) 20px
    );
}

.line .line_sector.clickable {
    cursor: pointer;
}

.amount-status {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
}

.amount-status.clickable {
    cursor: pointer;
}

.amount-status .amount-status_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.amount-status .amount-status_container {
    display: flex;
    flex-direction: column;
    margin-left: 0.75em;
}

.amount-status .amount-status_container .amount-status_title {
    font-family: var(--primary-font-family);
    font-size: 0.75em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.amount-status .amount-status_container .amount-status_amount {
    font-family: var(--secondary-font-family);
    font-size: 1.125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: 0.64px;
}

/* Circle */
.amount-status .amount-status_circle.darkblue {
    background-color: var(--line-color-dark);
}

.amount-status .amount-status_circle.lightblue {
    background-color: var(--line-color-lightblue);
}

.amount-status .amount-status_circle.green {
    background-color: var(--success-color);
}

.amount-status .amount-status_circle.skyblue {
    background-color: var(--line-color-active);
}

.amount-status .amount-status_circle.orange {
    background-color: var(--line-color-orange);
}

.amount-status .amount-status_circle.red {
    background-color: var(--toastr-icon-error);
}

.amount-status .amount-status_circle.stripes {
    background: repeating-linear-gradient(
            60deg,
            var(--sky-blue),
            var(--sky-blue) 10px,
            var(--line-color-dark) 10px,
            var(--line-color-dark) 20px
    );
}

/* Text */

.amount-status .amount-status_container.darkblue,
.amount-status .amount-status_container.stripes {
    color: var(--line-color-dark);
}

.amount-status .amount-status_container.green {
    color: var(--success-color);
}

.amount-status .amount-status_container.skyblue {
    color: var(--line-color-active);
}

.amount-status .amount-status_container.orange {
    color: var(--line-color-orange);
}

.amount-status .amount-status_container.red {
    color: var(--toastr-icon-error);
    background-color: var(--light-color);
}

.amount-status .amount-status_container.lightblue {
    color: var(--line-color-lightblue);
}

.badge {
    margin: 1em;
    text-align: center;
    border-radius: 0.625em;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 20em;
    min-height: 5.5em;
}

.badge.clickable {
    cursor: pointer;
}

.badge.grey {
    background: var(--light-grey-blue);
}

.badge.border-gray {
    border: 4px var(--badge-grey-border) solid;
    background: var(--color-background1);
}

.badge.border-gray .label,
.badge.border-gray .requests {
    opacity: 0.5;
}

.badge.blue {
    background: var(--soft-blue);
    color: var(--soft-blue-text);
}

.badge.border-blue {
    border: 4px var(--badge-blue-border) solid;
    background: var(--color-background1);
    opacity: 0.5;
}

.badge.red {
    background: var(--badge-red);
    color: var(--badge-red-text);
}

.badge.red .label {
    color: var(--badge-red-label);
}

.badge.border-red {
    border: 4px var(--badge-red-border) solid;
    background: var(--color-background1);
    opacity: 0.5;
}

.badge .label {
    margin-bottom: 0;
}

.badge .label .labelIcon {
    margin-right: 0.5em;
    vertical-align: middle;
}

.badge.blue .label .labelIcon {
    height: 18px;
}

.badge .label .labelText {
    font-family: var(--primary-font-family);
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.6;
}

.badge.blue .label .labelIcon,
.badge.blue .requests .requestsLabel {
    opacity: 0.8;
}

.badge .requests {
    font-weight: bold;
    margin: 0.5em;
}

.badge .requests .requestsLabel {
    font-family: var(--primary-font-family);
    margin-left: 0.6em;
    font-size: 0.9em;
    opacity: 0.6;
}

.badge .requests .requestsAmount {
    font-family: var(--secondary-font-family);
    font-size: 1.4em;
    opacity: 0.7;
    font-weight: 600;
}

.badge .amount {
    font-family: var(--secondary-font-family);
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 0.6em;
    opacity: 0.7;
}

.badge.blue .amount,
.badge.blue .requests .requestsAmount {
    opacity: 0.9;
}

.badge.blue .label .labelText,
.badge.blue .requests .requestsLabel {
    opacity: 0.8;
}

.accountConditionsDialog .p-dialog {
    width: 730px;
}

.accountConditionsDialog .p-dialog .p-dialog-content {
    padding: 2em 6.4em !important;
    overflow-y: auto;
    /* Fix for IE11 */
    -ms-overflow-y: auto;
}

.accountConditionsDialog .accountConditionsDialog_container .accountConditionsDialog_info {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--dark-color);
    margin-bottom: 2em;
    text-align: center;
}

.accountConditionsDialog .accountConditionsDialog_container .accountConditionsDialog_title {
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark-color);
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 2em;
}

.accountConditionsDialog .p-accordion {
    margin-bottom: 4.7em;
}

.accountConditionsDialog .p-accordion .p-accordion-tab .p-accordion-header a,
.accountConditionsDialog .p-accordion .p-accordion-header:not(.p-disabled).p-highlight a {
    background-color: var(--light-color);
    padding: 1em 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--borders-primary-color);
    color: inherit;
}

.accountConditionsDialog  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover a,
.accountConditionsDialog .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover a {
    background-color: var(--light-color);
    border: none;
    border-bottom: 1px solid var(--borders-primary-color);
    color: inherit;
}

.accountConditionsDialog .p-accordion .p-accordion-header:not(.p-disabled) a:focus {
    box-shadow: none;
}

.accountConditionsDialog .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-toggle-icon {
    display: none;
}

.accountConditionsDialog .p-accordion .p-accordion-tab .p-accordion-header a>span {
    display: inherit;
}


.accountConditionsDialog .p-accordion .p-accordion-content {
    background-color: var(--secondary-dark-color-opacity);
    padding: 1.44em;
    text-align: left;
    color: var(--label-primary-color);
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border: none;
    border-radius: 0;
}

.accountConditionsDialog .p-accordion .p-accordion-header.p-disabled {
    opacity: 1;
}

.accountConditionsDialog .p-accordion .p-accordion-header.p-disabled .pi::before {
    display: none;
}

.accountConditionsDialog .p-accordion .p-accordion-header.p-disabled:focus,
.accountConditionsDialog .p-accordion .p-accordion-header.p-disabled a:focus {
    outline: none;
}

.accountConditionsDialog .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-text .accordionTabHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
}

.accountConditionsDialog .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-text .accordionTabHeader .pi {
    vertical-align: middle;
    padding-left: 1.3em;
    font-size: 1em;
    min-width: 44px;
}

.accordionTabHeader .accordionTabHeader_label {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.accordionTabHeader .accordionTabHeader_value {
    font-family: var(--secondary-font-family);
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: var(--primary-dark-color);
}

.accordionTabHeader .accordionTabHeader_value span {
    font-size: 14px;
    font-weight: 900;
}

.extraAdvanceDialog .p-dialog {
    width: 730px;
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content {
    padding: 2em 3.5em 4.5em !important;
    overflow-y: auto;
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .extraAdvanceDialog_text {
    font-size: 1.145em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
    margin: 0 0 2em 0;
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .extraAdvanceDialog_rowsContainer {
    padding: 0 3em;
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .settingsRow {
    padding-top: 1em;
    border-bottom: 1px solid var(--border-grey);
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .settingsRow .settingsRow_label {
    padding-bottom: 0.815em;
    font-size: 1.145em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .settingsRow .settingsRow_field,
.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .settingsRow.extraAdvanceDialog_total .settingsRow_label {
    font-family: var(--secondary-font-family);
    font-size: 1.357em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--primary-dark-color);
    padding-right: 2.8em;
}

.extraAdvanceDialog .custom-dialog .p-dialog .p-dialog-content .settingsRow.extraAdvanceDialog_total {
    border-bottom: none;
    padding-top: 2em;
}
.settingsRow {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-primary-color);
    padding-top: 1.86em;
    align-items: baseline;
}

.settingsRow .settingsRow_label {
    font-size: 1em;
    font-weight: bold;
    color: var(--color-inactive1);
    padding-bottom: 2.26em;
}

.settingsRow .settingsRow_field {
    font-family: var(--secondary-font-family);
    font-size: 0.928em;
    font-weight: 600;
    color: var(--color-inactive1);
}

.settingsRow .inputTextContainer {
    width: 50%;
}

.settingsRow .inputTextContainer .p-inputtext {
    font-family: var(--primary-font-family);
    font-size: 1em;
    color: var(--primary-dark-color);
}

.settingsRow .p-button {
    margin-right: 2em;
}

.settingsRowClickable {
    cursor: pointer;
}

.settingRowWithButton .settingsRow_label,
.settingRowWithButton .settingsRow_field {
    width: 40%;
    text-align: left;
}

.settingsRow .settingsRow_more-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.settingsRow .settingsRow_more-info .settingsRow_field:nth-child(1) {
    margin-bottom: 1em;
}

.settingsRow .settingsRow_more-info .settingsRow_field:nth-child(2),
.settingsRow .settingsRow_more-info .settingsRow_field:nth-child(3) {
    margin-bottom: 2em;
}

.debtors-content {
    padding: 0 2em 40px 2em;
}

.debtors-content .debtor-search {
    display: flex; 
    justify-content: flex-start; 
    padding-top: 1em; 
    padding-bottom: 0.5em;
}
.debtors-content .debtor-search .inputSearchContainer button:not(.p-button-icon-only) {
    padding: 0.2em 4.5em 0.2em 4.5em; 
}
.debtors-content .debtor-search .inputSearchContainer {
    width: 100%; 
}

.debtors-content .debtors-summary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1em 0;
}

.debtors-content .debtors-summary .debtors-found {
    font-size: 1em;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.debtors-content .debtors-summary .debtors-found span {
    font-family: var(--secondary-font-family);
    font-size: 1.1875em;
    font-weight: 600;
    padding-right: 0.79em;
}

@media (max-width: 992px) {
    .debtors-content .debtor-search .inputSearchContainer button:not(.p-button-icon-only) {
        padding: 0.2em 2em 0.2em 2em;
    }

    .debtors-content .inputTextContainer .p-inputtext {
        padding: 0.5em 0.5em;
    }
}

.debtors-list .title {
    color: var(--color-inactive1);
    font-size: 0.8em;
}

.debtors-list table tr th:nth-child(1){
    width: 5%
}

.debtors-list table tr th:nth-child(2){
    width: 15%
}

.debtors-list table tr th:nth-child(3){
    width: 35%
}

.debtors-list table tr th:nth-child(4){
    width: 30%
}

.debtors-list .user-icons {
    text-align: right
}

.debtors-list .user-icons img {
    margin-right: 1em; 
}
.debtors-list .user-icons:last-child{
    margin-right: 0.5em
}





.debtorPreview {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    bottom: 3.1em;
    width: 400px;
    max-width: 100%;
    border-left: solid 1px var(--borders-dark-color);
    background-color: var(--light-color);
    padding: 30px 20px 20px;
    overflow: auto;
}

.debtorPreview .p-grid {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.debtorPreview .debtorPreview_initialsButton {
    width: 95px;
    height: 95px;
    background-color: var(--color-active1);
    text-align: center;
    padding: 0;
    opacity: 1 !important;
    border: none;
}

.debtorPreview .debtorPreview_initialsButton span {
    font-family: var(--secondary-font-family);
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2.3px;
    text-align: center;
    color: var(--light-color);
    padding: 0 !important;
}

.debtorPreview .debtorPreview_closeButton {
    position: fixed !important;
    top: 0;
    right: 0;
}

.debtorPreview .debtorPreview_nameTitle {
    font-family: var(--primary-font-family);
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark-color);
    margin: 30px 0 20px 24px;
}

.debtorPreview .debtorPreview_isPerson {
    font-family: var(--primary-font-family);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--card-disabled-color);
    margin: 0 0 0 16px;
    display: flex;
    align-content: baseline;
}

.debtorPreview .debtorPreview_isPerson img{
    margin-right: 8px;
}

.debtorPreview .debtorPreview_sectionButtons {
    margin-top: 10px;
}
.debtorPreview .debtorPreview_sectionData {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    padding: 0 0.5em;
}

.debtorPreview .debtorPreview_headerDebtorSituation {
    margin-top: 30px;
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-active1);
    text-transform: uppercase;
}

.debtorPreview .debtorPreview_sectionDebtorSituation {
    flex-direction: column;
}

.debtorPreview .buttonNavigationWithLabelContainer {
    margin-right: 2em;
    margin-top: 4em;
}

.debtorPreviewDataRow {
    padding: 30px 0 15px;
    border-bottom: solid 1px var(--borders-dark-color);
    justify-content: space-between;
}
.debtorPreviewDataRow .debtorPreviewDataRow_label {
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark-color);
    max-width: 39%;
    word-break: break-all;
}
.debtorPreviewDataRow .debtorPreviewDataRow_value {
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: right;
    color: var(--dark-color);
    text-transform: uppercase;
    max-width: 60%;
    word-break: break-all;
}

.debtorEditable .action-footer .tooltip .content {
  text-align: left;
}

.debtorEditable .action-footer .tooltip .content ul {
    padding-left: 0.5em;
}

.debtorEditable .debtorEditable_error{ 
    font-size: 0.75em;
    color: var(--discarded);
    opacity: 0.75;
    font-weight: 600;
    width: 250px;
    margin-bottom: 0.5em;
    min-height: 2.5em;
}

.debtorEditable .debtorEditable_error-container {
    margin: 0 2em 0.5em;
}

.debtorEditable .debtorEditable_error-container .messageBar_container {
    width: 100%;
    margin: 0 0 1.5em;
}

.debtorEditable .action-footer .wrappedRight .rightItem:first-child, 
.debtorEditable .action-footer .item:first-child {
    margin: 4.25em 0 0 0;
}

.debtorEditable .debtorEditable_deleteInfo {
    padding: 0.5em;
    max-width: 250px;
}

.debtor-view-container {
    padding: 0 3em;
    display: flex;
    flex-direction: column;
}

.debtor-view-container .debtor-info {
    padding: 3em 0em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.debtor-view-container .personal-data {
    margin-top: 2.5em;
}

.debtor-view-container .personal-data .p-grid.sectionContainer {
    border-top: 1px solid var(--borders-secondary-color);
}

.debtor-view-container .debtor-view_footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 8em 0 6em;   
}

.debtor-view-container .lineUsage.light  {
    border-left: none;
}

.debtor-view-container .lineUsage .lineUsage_title {
    color: var(--color-active1);
}

.debtor-view .header-container .page-header .title-row > .primary-title {
    max-width: 100%;
}

.debtor-view-container .lineUsage_sectionTitle {
    margin-right: 1.5em;
}

.debtor-view .debtor-view-container .transfer-availability-tab .advancesContainer .p-card .p-card-body .p-card-content .middleContainer .default-button {
    display: none;
}

/* Fix for IE10 */

.b-version-10 .debtor-view .debtor-view-container .transfer-availability-tab .invoices-layout {
    width: calc(100% + 50px);
}

.b-version-10 .debtor-view .debtor-view-container .transfer-availability-tab .advancesContainer {
    width: calc(100vw - var(--left-menu-size) - 50px);
}

.transfer-availability-tab .transfer-availability {
    padding: 2.4em 0;
}

.transfer-availability-tab .method-types {
    display: flex;
    margin-top: 1.5em;
    margin-bottom: 4em;
}

.transfer-availability-tab .section-header {
    padding: 2em 0 1em 0;
}

.transfer-availability-tab .dashboard-content {
    padding: 0;
}

.transfer-availability-tab .transferMethodCard {
    cursor: unset;
}

.transfer-availability-tab .pi-info-circle {
    cursor: pointer;
}

.transfer-availability-tab .dashboard-section {
    margin-bottom: 7.5em;
}


.transfer-availability-tab .transferMethodCard .transferMethodCard_header .transferMethodCard_title,
.transfer-availability-tab .transferMethodCard:not(.disabled-card) .transferMethodCard_body .transferMethodCard_description {
    opacity: 1;
}

.transfer-availability-tab .transferMethodCard.disabled-card .transferMethodCard_body .transferMethodCard_description {
    opacity: 0.8;
}

.advancesContainer {
    display: flex;
    flex-wrap: wrap;
}

.timetable-content {
    padding: 10px 2em 40px 2em;
}

.timetableList-container {
    margin-top: 2em; 
    margin-left: 2em;
}

@media (max-width: 1124px) {
    .timetableList-container .calendar-container .rbc-calendar .rbc-toolbar {
        flex-direction: column;
    }
    .timetableList-container .calendar-container .rbc-calendar .rbc-toolbar .rbc-toolbar-label {
        margin: 0.5em 0;
    }
}

.imports-content {
    padding: 10px 2em 20px 2em;
}

.imports-content .imports-list {
    display: flex;
    flex-direction: column; 
    padding-bottom: 2em; 
}

.imports-content .imports-list .imports-text {
    display: flex; 
    flex-direction: column; 
    align-items: center;     
    margin: 0 4em 0em 4em;        
}

.imports-content .imports-list .imports-description-header {
    font-weight: 900;
    font-size: 22px;
    padding-top: 0.5em; 
}

.imports-content .imports-list .imports-description {
    padding-bottom: 2em;
    line-height: 1.5em;
    color: var(--label-primary-color);    
    text-align: center; 
}

.imports-content .imports-list .imports-main-content {
    margin: 0 4em 0em 4em;            
    display: flex; 
    flex-direction: column; 
}

.imports-content .imports-list .imports-main-content .line-container {
    display: flex;
    flex-direction: column; 
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.imports-content .imports-list .imports-main-content .line-container .filter-container {
    display: flex; 
    align-items: center; 
    color: var(--label-primary-color);    
}

.imports-content .imports-list .imports-main-content .line-container .filter-container .importIndicatorContainer {
    margin-left: 0.8em; 
}

/* Fix for IE11 */

.b-version-10 .imports-content .imports-list .imports-text,
.b-version-11 .imports-content .imports-list .imports-text {
    align-items: stretch;
}

.b-version-10 .imports-content .imports-list .imports-text .imports-description-header,
.b-version-11 .imports-content .imports-list .imports-text .imports-description-header {
    text-align: center;
}

.zipFileSummaryContainer {
  display: flex;
  flex-direction: row;
  color: var(--color-livery1);
  font-family: var(--primary-font-family);
  padding: 0.5em 2em 0 6em;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: center;
}

.zipFileSummaryContainer .valueKeyElementContainer {
  margin: 0 3em 0 0;
  justify-content: space-around;
  height: auto;
}

.zipFileSummaryContainer .valueKeyElementContainer .title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
}
.zipFileSummaryContainer .valueKeyElementContainer .value {
  margin: 30px 0 8px;
}


.advances-header {
    padding: 2em;
}

.advances-header .primary-title {
    position: relative;
    float: left;
}

.advances-header .p-button {
    position: relative;
    float: right;
}

.advances-content {
    padding: 10px 2em 40px 2em;
}

.advances-content .amount-summary {
    color: var(--color-active1);
    float: left;
}

.advances-content .amount-summary span {
    font-size: 1.2em;
}

.advances-content .dropdownContainer {
    max-width: 300px;
}


.advances-content .advances-content_top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.advances-content .advances-summary {
    color: var(--color-active1);
    float: left;
}

.advances-content .advances-summary .advances-summary_import {
    padding-left: 10px;
}

.advances-content .advances-summary span {
    font-size: 1.2em;
    padding-right: 10px;
}

.advances-content .dropdownContainer {
    max-width: 300px;
}

.advances-content .searchButtonContainer {
    padding: 30px 0 20px;
}

.advances-content .card.stripes-light .p-card-content {
    background-color: var(--light-color) !important;
}

@media (max-width: 992px) {
    .advances-content .inputSearchContainer .searchButtonContainer .searchContainer {
        min-width: 100%;
    }
    .advances-content .inputTextContainer .p-inputtext {
        padding: 0.5em 0;
    }
}

.advancesListPlaceholder {
    height: 400px;
    background: var(--placeholder-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

.advancesListPlaceholder .loaderAlternative {
    width: 100px;
    height: 100px;
}

.advancesListPlaceholder .placeholderText {
    color: var(--color-inactive1);
}

.advancesTab .advances-content_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 3em 0 2em; 
}

.advancesTab .selected-summary {
    color: var(--color-active1);
    float: left;
    font-weight: bold;
    margin: 0 0 2.5em;
}

.advancesTab .selected-summary .selected-summary_import {
    padding-left: 10px;
}

.advancesTab .selected-summary span {
    font-family: var(--secondary-font-family);
    font-weight: 600;
    font-size: 1.2em;
    padding-right: 10px;
}

.advancesTab_extension-to-sign {
	margin: 1em 0em 1em;
	width: 100%;
	font-weight: 600;
}

.advancesTab_extension-to-sign .messageBar_info {
	color: var(--toastr-icon-error);
	width: 100%;
}

.advancesTab_content-extension-to-sign {
	display: flex;
	justify-content: center;
}

.advancesTab_content-extension-to-sign span {
	margin-left: 1em;
}

.advancesTab_content-extension-to-sign img {
    height: 18px;
    width: auto;
}

.advances-content_action-buttons .p-button {
    margin: 0 0 1em 2em;
}

.advancesSettleAllDialog .p-dialog {
    width: 990px;
}

.advancesSettleAllDialog .p-dialog .p-dialog-content {
    padding: 0.5em 6em !important;
}

.advancesSettleAllDialog .p-dialog .p-dialog-content .messageBar_container {
    margin: 1em 0 2em;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.advancesSettleAllDialog .p-dialog .p-dialog-content .messageBar_container .messageBar_info {
    padding-left: 0.5em;
    font-weight: bold;
}

.advancesSettleAllDialog .p-dialog .p-dialog-content .messageBar_container .closeIcon {
    cursor: pointer;
}

.advancesSettleAllDialog .p-dialog .advancesSettleAllDialog_text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
}

.advancesSettleAllDialog .p-dialog .advancesSettleAllDialog_textBlu {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.advancesSettleAllDialog .p-dialog .p-grid.sectionContainer {
    margin: 1.5em 0 0.5em;
    padding: 1.5em 3em 2em;
    background: var(--color-background2);
}

.advancesSettleAllDialog .advancesSettleAllDialog_list {
    background-color: var(--color-background2);
    padding: 1em 3em 2em;
}

.advancesSettleAllDialog .p-dialog .advancesSettleAllDialog_warning {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
    color: var(--warning-color-secondary);
}

.advancesSettleAllDialog .p-dialog .advancesSettleAllDialog_warning .pi {
    font-size: 1.8em;
}

.advancesSettleAllDialog .p-dialog .advancesSettleAllDialog_warning .advancesSettleAllDialog_warningText {
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 0.2em;
}

.advancesSettleAllDialog .p-dialog .p-dialog-footer {
    padding-left: 6em;
    padding-right: 6em; 
}

.advancesSettleAllDialog .p-dialog .p-dialog-footer .action-footer {
    margin: 0;
    justify-content: space-between;
}

.advancesSettleAllDialog .loaderAlternativeContainer {
    min-height: 490px;
    display: flex;
    flex-direction: row;
    height: 490px;
    align-items: center;
    justify-content: center;
}

.advancesSelectedList {
    padding: 1em 0;
    max-width: 1200px;
    margin: 0 auto;
    background-color: var(--color-background2);
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th {
    background-color: var(--color-background2);
    color: var(--dialog-shadow);
    border-bottom: solid 2px var(--card-disabled-color);
}

.advancesSelectedList .p-datatable table .p-datatable-tbody {
    border: none;
}

.advancesSelectedList .p-datatable .p-datatable-tbody .p-datatable-row {
    height: 65px;
    font-size: 1.0715em;
    font-weight: bold;
    outline: 10px solid var(--color-background2);
    outline-offset: -10px;
}

.advancesSelectedList .p-datatable .p-datatable-tbody .p-datatable-row td {
    border: none;
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--info-color-alternative) !important;
}

.advancesSelectedList .p-datatable .p-datatable-tbody .p-datatable-row .closeIcon {
    cursor: pointer;
    height: 1em;
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th:nth-child(1) {
    width: 20%;
    padding-left: 40px !important;
    text-align: left;
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th:nth-child(2) {
    width: 30%;
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th:nth-child(3) {
    width: 15%;
    text-align: right;
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th:nth-child(4) {
    width: 25%;
    text-align: right;
}

.advancesSelectedList .p-datatable .p-datatable-thead tr th:nth-child(5) {
    width: 10%;
}

.advancesSelectedList .p-datatable .p-datatable-tbody tr td:nth-child(1) {
    padding-left: 40px !important;
    text-align: left;
}

.advancesSelectedList .p-datatable .p-datatable-tbody tr td:nth-child(2) {
   text-align: left;
}

.advancesSelectedList .p-datatable .p-datatable-tbody tr td:nth-child(3) {
    text-align: right;
}

.advancesSelectedList .p-datatable .p-datatable-tbody tr td:nth-child(4) {
    text-align: right;
}

.advancesSelectedList .p-datatable .p-datatable-tbody tr td:nth-child(5) {
    padding: 1.6em 0.5em 1.3em 0em !important;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(1) {
    width: 24%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(2) {
    width: 19%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(3) {
    width: 28%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(4) {
    width: 24%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(5) {
    width: 21%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-thead tr th:nth-child(6) {
    width: 9%;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-tbody tr td:nth-child(3) {
    text-align: center;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-tbody tr td:nth-child(4) {
    text-align: center;
}

.advancesSelectedList_extensionLayout .p-datatable .p-datatable-tbody tr td:nth-child(5) {
    padding: 1.6em 2.1em 1.3em 0em !important;
    text-align: right;
}

.advancesSelectedList_details .p-datatable .p-datatable-thead tr th:nth-child(1) {
    width: 22%;
}

.advancesSelectedList_details .p-datatable .p-datatable-tbody > tr:nth-child(even) {
    background-color: var(--light-color);
}

.advancesSelectedList_details .p-datatable .p-datatable-thead tr th,
.advancesSelectedList_details {
    background-color: var(--light-color);
    border-bottom: none;
}

.advancesSelectedList_details .p-datatable .p-datatable-thead tr {
    height: 40px;
}

.advancesSelectedList_details .p-datatable .p-datatable-tbody .p-datatable-row {
    outline: none;
    height: 40px;
}

.advancesSelectedList_details .p-datatable .p-datatable-tbody .p-datatable-row td {
    padding: 0em 0.5em 0 0em !important;
    font-family: var(--secondary-font-family);
    font-size: 19px;
    line-height: 1.43;
    letter-spacing: -0.3px;
    color: var(--color-inactive1) !important;
    font-weight: normal;
}

.advancesSelectedList_details .p-datatable .p-datatable-tbody tr td:nth-child(5) {
    padding: 0em 2.1em 0 0em !important;
}

.advancesExtensionAllDialog .p-dialog {
    width: 990px;
}

.advancesExtensionAllDialog .p-dialog .p-dialog-content {
    padding: 0.5em 6em !important;
}

.advancesExtensionAllDialog .messageBar_container {
    margin: 1em 0 2em;
    width: 100%;
}

.advancesExtensionAllDialog_text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--dark-color);
}

.advancesExtensionAllDialog_textBlu {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.advancesExtensionAllDialog_textGray {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--color-inactive1);
}

.advancesExtensionAllDialog_list {
    background-color: var(--color-background2);
    padding: 1em 3em 2em;
}

.advancesExtensionAllDialog_list-info {
    padding: 0 6em;
}

.advancesExtensionAllDialog_more-padding {
    padding: 0 4.5em 2.5em;
}

.advancesExtensionAllDialog_row-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.advancesExtensionAllDialog_row-filter .signers-number {
    width: 40%;
    text-align: left;
    padding: 0 1em 2em 0;
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    color: var(--color-active1);
    text-transform: uppercase;
}

.advancesExtensionAllDialog .p-datatable-scrollable-header-box {
    margin-right: 0 !important;
}

.advancesExtensionAllDialog table tr th:nth-child(1),
.advancesExtensionAllDialog table tr td:nth-child(1) {
    width: 20%;
}

.advancesExtensionAllDialog table tr th:nth-child(2) {
    width: 80%;
}

.advancesExtensionAllDialog table tr td:nth-child(2) {
    text-align: left;
}

.advancesExtensionAllDialog_more-padding .selected-signers {
    padding-top: 1em;
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: bold;
    color: var(--color-active1);
}

.advancesExtensionAllDialog_more-padding .selected-signers span {
    font-family: var(--secondary-font-family);
    font-size: 1.36em;
    font-weight: 600;
    padding-right: 0.8em;
}

.advancesExtensionAllDialog_details-list {
    background-color: var(--light-color);
    padding: 0em 3em 2em;
}

.advancesExtensionAllDialog_step {
    display: flex;
    justify-content: center;
}

.advancesExtensionAllDialog .p-dialog .p-dialog-footer {
    padding-left: 6em;
    padding-right: 6em; 
}

.advancesExtensionAllDialog .p-dialog .p-dialog-footer .action-footer {
    margin: 0;
    justify-content: space-between;
}

.advancesExtensionAllDialog .p-dialog .p-dialog-footer .action-footer .item {
    margin: 1em 0 0;
}

.advancesExtensionAllDialog .loaderAlternativeContainer {
    min-height: 490px;
    display: flex;
    flex-direction: row;
    height: 490px;
    align-items: center;
    justify-content: center;
}

.bullet {
    display: flex;
}

.bullet_item {
    width: 0.6em;
    height: 0.6em;
    border: 1px solid var(--color-inactive2);
    background-color: var(--color-background2);
    border-radius: 50%;
    margin: 0 0.3em;
}

.bullet_item-active {
    border: 1px solid var(--color-inactive1);
    background-color: var(--color-inactive1);
}

.advance-invoices .totalContainer {
    justify-content: flex-end;
    margin-right: 4em;
}

.advance-details-content {
    padding: 0px 2em 40px 2em;
}

.advance-details-content .action-footer {
    justify-content: space-around;
}

.advance-details-content .advance-invoices .invoices-list {
    margin-top: 1em;
}

.advance-details-content .advance-invoices {
    margin-bottom: 1em;
} 

.advance-details-content .advance-invoices .invoices-list .title {
    display: none;
}

.advance-details-content .advance-invoices .invoices-list .p-datatable .p-datatable-thead > tr > th {
    background-color: var(--light-color);
    color: var(--label-primary-color);
}

.advance-details-content .advance-invoices .invoices-list .p-datatable .p-datatable-tbody > tr > td{
    border-top: 0;
}

.advance-details-content .authorizationSection .createInvoiceDocAuth .valueKeyElementContainer .value {
    color: var(--color-active1);
}

.advance-details-content .action-footer.advanceDetailsFooterFirstRow {
    margin: 1em 0 4em;
    justify-content: flex-end;
}

.advance-details-content .action-footer.advanceDetailsFooterFirstRow .item {
    margin: 2em 0em 0em 2em;
}

.advance-details-content .action-footer .item {
    margin: 0;
}

.advanceDetailsLoaderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.advanceDetailsLoaderContainer .loaderAlternative {
    width: 100px;
    height: 100px;
}

.advance-details-content .advanceDetails_footerInfo {
    font-size: 14px;
    text-align: right;
    color: var(--dialog-text-primary);
    opacity: 0.7;
    margin: 3em 0 0;
    min-height: 1.5em;
}

.advance-details_messages {
    margin: 0 3em;
}

.advance-details_message-bar {
    margin-left: 0;
    width: 100%;
}

.advance-details_custom-tab-title {
    display: flex;
    align-items: center;
}

.advance-details_to-signed {
    width: 0.5em;
    height: 0.5em;
    background-color: var(--toastr-icon-error);
    border-radius: 50%;
    margin-left: 0.5em;
}

.advanceSettlementDialog .p-dialog {
    width: 990px;
}

.advanceSettlementDialog .p-dialog .p-dialog-content {
    padding: 0.5em 6em !important;
}

.advanceSettlementDialog .p-dialog .p-dialog-content .messageBar_container {
    margin: 1em 0;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.advanceSettlementDialog .p-dialog .p-dialog-content .messageBar_container .messageBar_info {
    padding-left: 0.5em;
    font-weight: bold;
}

.advanceSettlementDialog .p-dialog .p-dialog-content .messageBar_container .closeIcon {
    cursor: pointer;
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_textBlu {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_textGray {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: var(--dialog-text-primary);
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_content {
    padding: 0 3em;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer {
    margin: 1.5em 0 0.5em;
    padding: 1.5em 3em 2em;
    background: var(--color-background2);
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .title,
.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-header-label {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-header-label {
    margin: 0.3em 0 0.6em;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .value {
    font-family: var(--secondary-font-family);
    font-size: 23px !important;
    color: var(--dark-color);
    line-height: 1.43;
    letter-spacing: -0.3px;
    margin-top: 0.2em;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .amountGray .valueKeyElementContainer .value {
    color: var(--label-primary-color);
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .amountBlu .valueKeyElementContainer .title {
    color: var(--color-active1);
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .amountBlu .valueKeyElementContainer .value {
    color: var(--borders-alternative-color);
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .inputTextContainer {
    margin-top: 0;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .addOnRight {
    font-family: var(--secondary-font-family);
    font-size: 24px;
    padding: 0.2em;
}

.advanceSettlementDialog .inputTextContainer .p-inputtext {
    text-align: right;
    color: var(--dark-color);
    font-size: 16px;
    font-family: var(--primary-font-family);
    padding: 0.3em 0;
}

.advanceSettlementDialog .p-inputtext:enabled:focus {
    outline: none !important;
    -webkit-box-shadow: none;
}

.advanceInstallmentsTab .p-datatable .inputTextContainer .addOnRight {
    color: var(--dark-color);
    font-size: 16px;
    font-family: var(--primary-font-family);
    min-width: 1.5em;
    font-weight: normal;
}

.advanceSettlementDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-info-label {
    text-align: left;
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_warning {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1em 2em;
    color: var(--warning-color-secondary);
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_warning .pi {
    font-size: 1.8em;
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_warning .advanceSettlementDialog_warningText {
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 0.2em;
}

.advanceSettlementDialog .p-dialog .advanceSettlementDialog_installmentsSummary {
    padding: 1em 10em 0;
}

.advanceSettlementDialog .p-dialog .p-dialog-footer {
    padding-left: 6em;
    padding-right: 6em;
}

.advanceSettlementDialog .p-dialog .p-dialog-footer .action-footer {
    margin: 0;
    justify-content: space-between;
}

.advanceSettlementDialog .loaderAlternativeContainer {
    min-height: 490px;
    display: flex;
    flex-direction: row;
    height: 490px;
    align-items: center;
    justify-content: center;
}

.advanceInstallmentsTab {
    padding: 1em 0;
    max-width: 1200px;
    margin: 0 auto;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th {
    background-color: var(--light-color);
    color: var(--dialog-shadow);
    border-bottom: solid 2px var(--card-disabled-color);
}

.advanceInstallmentsTab .p-datatable table .p-datatable-tbody {
    border-bottom: solid 1px var(--table-border-opacity);
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody tr td {
    border-color: var(--table-border-opacity) !important;
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row {
    font-size: 1.0715em;
    font-weight: bold;
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row.extinguished td {
    background-color: var(--table-row-background);
    color: var(--table-row-text) !important;
    font-style: italic;
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row.expiring td,
.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row.expired td,
.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row.outstanding td {
    color: var(--table-row-text-red) !important;
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody .p-datatable-row.to_be_extinguished td {
    font-weight: 900;
    color: var(--dark-color) !important;
}

.advanceInstallmentsTab .p-datatable .p-datatable-tbody > tr:nth-child(even) {
    background-color: var(--light-color);
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(1) {
    width: 10%;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(2) {
    width: 15%;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(3) {
    width: 20%;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(4) {
    width: 20%;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(5) {
    width: 15%;
}

.advanceInstallmentsTab .p-datatable .p-datatable-thead tr th:nth-child(6) {
    width: 20%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(1) {
    width: 10%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(2) {
    width: 25%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(3) {
    width: 18%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(4) {
    width: 25%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(5) {
    width: 18%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(6) {
    width: 23%;
    padding-right: 0;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th:nth-child(7) {
    width: 25%;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-thead tr th {
        padding: 0.9em 0.6em 1em 0;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-tbody tr td {
    text-align: left;
}

.advanceInstallmentsTab.installmentsEditable .p-datatable .p-datatable-tbody tr td:nth-child(7) {
  text-overflow: clip !important;
  padding: 1.3em 0 1.3em 0em !important;
}

.advanceExtensionDialog .p-dialog {
    width: 990px;
}

.advanceExtensionDialog .p-dialog .p-dialog-content {
    padding: 0.5em 6em !important;
}

.advanceExtensionDialog_text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--dark-color);
}

.advanceExtensionDialog_textBlu {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.advanceExtensionDialog_textGray {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--color-inactive1);
}

.advanceExtensionDialog .messageBar_container {
    margin: 1em 0;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.advanceExtensionDialog .messageBar_info {
    padding-left: 0.5em;
    font-weight: bold;
}

.advanceExtensionDialog_content {
    padding: 0 3em;
}

.advanceExtensionDialog_no-platform-error {
    display: flex;
    justify-content: space-between;
    color: var(--toastr-icon-error);
    align-items: center;
    padding: 0 4em;
}

.advanceExtensionDialog_no-platform-error .pi-exclamation-triangle {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.advanceExtensionDialog_no-platform-error div {
    text-align: left;
    font-family: var(--secondary-font-family);
    font-weight: 600;
    opacity: 0.9;
}

.advanceExtensionDialog .p-dialog .p-grid.sectionContainer {
    padding: 1.5em 2em 2em 5em;
    background: var(--color-background2);
    align-items: baseline;
}

.advanceExtensionDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .title {
    font-size: 16px;
    font-weight: bold;
}

.advanceExtensionDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .value {
    font-family: var(--secondary-font-family);
    font-size: 23px !important;
    line-height: 1.43;
    letter-spacing: -0.3px;
    margin-top: 0.2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.advanceExtensionDialog_blueSection .title,
.advanceExtensionDialog_blueSection .value {
    color: var(--color-active1);
}

.advanceExtensionDialog_redSection .value {
    color: var(--toastr-icon-error);
}

.advanceExtensionDialog_greySection .value {
    width: 65%;
    color: var(--dark-color);
}

.advanceExtensionDialog_fullWidthSection .value {
    width: 100%;
}

.advanceExtensionDialog_greySection .pi-calendar {
   color: var(--label-primary-color);
}

.advanceExtensionDialog_greySection .sub-info {
    font-family: var(--prymary-font-family);
    color: var(--label-primary-color);
}

.advanceExtensionDialog_fullWidthSection .sub-info {
    font-size: 16px;
    font-weight: bold;
}

.advanceExtensionDialog_no-platform-info {
    padding: 0 4em;
}

.advanceExtensionDialog_more-padding {
    padding: 0 4.5em 2.5em;
}

.advanceExtensionDialog_row-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.advanceExtensionDialog_row-filter .signers-number {
    width: 40%;
    text-align: left;
    padding: 0 1em 2em 0;
    font-family: var(--secondary-font-family);
    font-size: 0.8125em;
    font-weight: 600;
    color: var(--color-active1);
    text-transform: uppercase;
}

.advanceExtensionDialog .p-datatable-scrollable-header-box {
    margin-right: 0 !important;
}

.advanceExtensionDialog table tr th:nth-child(1),
.advanceExtensionDialog table tr td:nth-child(1) {
    width: 20%;
}

.advanceExtensionDialog table tr th:nth-child(2) {
    width: 80%;
}

.advanceExtensionDialog table tr td:nth-child(2) {
    text-align: left;
}

.advanceExtensionDialog_more-padding .selected-signers {
    padding-top: 1em;
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 1em;
    font-weight: bold;
    color: var(--color-active1);
}

.advanceExtensionDialog_more-padding .selected-signers span {
    font-family: var(--secondary-font-family);
    font-size: 1.36em;
    font-weight: 600;
    padding-right: 0.8em;
}

.advanceExtensionDialog_step {
    display: flex;
    justify-content: center;
}

.advanceExtensionDialog .p-dialog .p-dialog-footer {
    padding-left: 6em;
    padding-right: 6em; 
}

.advanceExtensionDialog .p-dialog .p-dialog-footer .action-footer {
    margin: 0;
    justify-content: space-between;
}

.advanceExtensionDialog .p-dialog .p-dialog-footer .action-footer.one-item {
    justify-content: center;
}

.advanceExtensionDialog .loaderAlternativeContainer {
    min-height: 490px;
    display: flex;
    flex-direction: row;
    height: 490px;
    align-items: center;
    justify-content: center;
}

.advanceAuthTab_iframe,
.advanceAuthTab_signed {
    margin-top: 2em;
}

.authorizationPanel {
    background-color: var(--color-background2);
    padding: 1em;
}

.authorizationPanel_main-content {
    padding: 2em 3em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.authorizationPanel_label {
    color: var(--color-active1);
    text-align: left;
    font-size: 1em;
    font-family: var(--secondary-font-family);
    font-weight: bold;
    text-transform: uppercase;
}

.authorizationPanel .statusDescription {
    height: 60px;
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--dialog-text-secondary);
    margin: 40px 0 0;
}

.authorizationPanel .statusDescription.statusDescriptionSmall {
    font-size: 15px;
    margin-top: 30px;
}

.authorizationPanel_label img {
    height: 16px;
    margin-left: 1em;
}

.authorizationPanel_status {
    display: flex;
    align-items: center;
}

.authorizationPanel_status div {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
}

.authorizationPanel_status img {
    height: 40px;
    margin-right: 1em;
}

.authorizationPanel_extended .authorizationPanel_main-content {
    flex-direction: column;
    min-height: 320px;
    justify-content: unset;
}

.authorizationPanel_extended .authorizationPanel_label {
    align-self: flex-start;
}

.authorizationPanel_extended .authorizationPanel_status {
    flex-direction: column;
}

.authorizationPanel_extended .authorizationPanel_status img {
    height: auto;
}

.authorizationPanel_extended .authorizationPanel_status div {
    padding-top: 1em;
}

.authorizationPanel_iframe {
    width: 100%;
    height: 550px;
}

.authorizationPanel_timerContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.authorizationPanel_timerContainer .timeLeftToSignContainer {
    display: flex;
    flex-direction: column;
    color: var(--color-active1);
    max-width: 150px;
    margin-left: 3em;
}

.authorizationPanel_timerContainer .timeLeftToSignContainer .timeLeftToSign {
    font-family: var(--secondary-font-family);
    text-transform: uppercase;
    font-weight: 600;
}

.authorizationPanel_timerContainer .timeLeftToSignContainer .timeLeftToSignValue {
    font-family: var(--secondary-font-family);
    font-size: 1.2em;
    font-weight: 600;
}

.authorizationPanel_timerContainer .timeLeftToSignContainerRed {
    color: var(--error-color);
}

.authorizationPanel_timerContainer .centerContainer {
    text-align: center;
    margin: 0 auto;
}

.authorizationPanel_withSignatories {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 35px 0 0;
}

.authorizationPanel_withSignatories .authorizationPanel_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

.authorizationPanel_withSignatories .authorizationPanel_right {
    padding-left: 6.25em;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.authorizationPanel_withSignatories .authorizationPanel_right .signatories_title {
    font-family: var(--secondary-font-family);
    font-size: 1em;
    font-weight: 600;
    line-height: 1.31;
    color: var(--color-active1);
    text-transform: uppercase;
    padding-bottom: 2.2em;
}

.authorizationPanel_withSignatories .authorizationPanel_right .signatory_info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 1.1875em;
    font-family: var(--secondary-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.31;
    color: var(--color-inactive1);
    text-transform: uppercase;
}

.authorizationPanel_withSignatories .authorizationPanel_right .signed,
.authorizationPanel_withSignatories .authorizationPanel_right .notSigned {
    border-radius: 50%;
    width: 1.3125em;
    height: 1.3125em;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.authorizationPanel_withSignatories .authorizationPanel_right .signed .pi {
    font-size: 1em;
    color: var(--light-color);
}

.authorizationPanel_withSignatories .authorizationPanel_right .signed {
    background-color: var(--success-color);
}

.authorizationPanel_withSignatories .authorizationPanel_right .notSigned {
    border: solid 2px var(--accent-dark-color-opacity);
}

.authorizationPanel_withSignatories .statusInfo {
    height: 75px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--dialog-text-primary);
    margin-bottom: 60px;
    max-width: 100%;
}

.advanceIncreaseDialog .p-dialog {
    width: 990px;
}

.advanceIncreaseDialog .p-dialog .p-dialog-content {
    padding: 0.5em 6em !important;
}

.advanceIncreaseDialog .p-dialog .p-dialog-content .messageBar_container {
    margin: 1em 0;
    width: 100%;
}

.advanceIncreaseDialog .p-dialog .p-dialog-content .messageBar_container .messageBar_info {
    padding-left: 0.5em;
    font-weight: bold;
}

.advanceIncreaseDialog_text {
    font-family: var(--primary-font-family);
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: var(--dark-color);
}

.advanceIncreaseDialog_textBlu {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.3px;
    text-align: center;
    color: var(--borders-secondary-color);
}

.advanceIncreaseDialog_textGray {
    font-family: var(--secondary-font-family);
    font-size: 23px;
    line-height: 1.43;
    text-align: center;
    color: var(--dialog-text-primary);
}

.advanceIncreaseDialog_warning {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1em 1em;
    color: var(--warning-color-secondary);
}

.advanceIncreaseDialog_warning .pi {
    font-size: 1.8em;
    line-height: normal;
}

.advanceIncreaseDialog_warningText {
    font-family: var(--primary-font-family);
    font-size: 15px;
    font-weight: bold;
    padding-left: 0.2em;
}

.advanceIncreaseDialog_content {
    padding: 0 3em;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer {
    margin: 1.5em 0 0.5em;
    padding: 1.5em 3em 2em;
    background: var(--color-background2);
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer {
    justify-content: flex-start;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .title,
.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-header-label {
  font-size: 16px;
  font-weight: bold;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-header-label {
    margin: 0em 0 0.6em;
    text-align: left;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .valueKeyElementContainer .value {
    font-family: var(--secondary-font-family);
    font-size: 23px !important;
    color: var(--dark-color);
    line-height: 1.43;
    letter-spacing: -0.3px;
    margin-top: 0.2em;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountGray .valueKeyElementContainer .value {
    color: var(--label-primary-color);
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountBlu .valueKeyElementContainer .title {
    color: var(--color-active1);
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountBlu .valueKeyElementContainer .value {
    color: var(--borders-alternative-color);
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountRed .valueKeyElementContainer .value {
    color: var(--discarded);
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .advanceIncreaseDialog_noIncrease .valueKeyElementContainer .value {
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    font-size: 19px !important;
    width: 230px;
    max-width: 230px;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountRed .valueKeyElementContainer .sub-info {
    margin-bottom: -2.9em;
    margin-top: 2.2em;
    font-size: 0.75em;
    color: var(--label-primary-color);
    opacity: 0.75;
    width: 190px;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .amountInfo .valueKeyElementContainer .sub-info {
    margin-bottom: -1.9em;
    margin-top: 1.84em;
    font-size: 0.75em;
    color: var(--label-primary-color);
    opacity: 0.75;
    width: 185px;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .inputTextContainer {
    margin-top: 0;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .addOnRight {
    font-family: var(--secondary-font-family);
    font-size: 24px;
    padding: 0.2em;
}

.advanceIncreaseDialog .inputTextContainer .p-inputtext {
    text-align: right;
    color: var(--dark-color);
    font-size: 16px;
    font-family: var(--primary-font-family);
    padding: 0.3em 0;
}

.advanceIncreaseDialog .p-inputtext:enabled:focus {
    outline: none !important;
    -webkit-box-shadow: none;
}

.advanceInstallmentsTab .p-datatable .inputTextContainer .addOnRight {
    color: var(--dark-color);
    font-size: 16px;
    font-family: var(--primary-font-family);
    min-width: 1.5em;
    padding: 0.429em 0.5em 0.429em 0em;
    font-weight: normal;
}

.advanceIncreaseDialog .p-dialog .p-grid.sectionContainer .inputTextContainer .input-info-label {
    text-align: left;
    min-height: 24px;
}

.advanceIncreaseDialog .inputTextContainer.inputError .input-header-label {
    color: var(--label-primary-color);
}

.advanceIncreaseDialog .inputTextContainer.inputError .p-inputgroup input {
    color: var(--discarded);
}

.advanceIncreaseDialog .inputTextContainer.inputError .input-error-label {
    text-align: left;
    width: 220px;
}

.advanceIncreaseDialog .inputTextContainer.inputError .addOnRight,
.advanceIncreaseDialog .inputTextContainer.inputError .p-inputtext,
.advanceIncreaseDialog .inputTextContainer.inputError .p-inputtext:focus:hover {
    border-color: var(--borders-primary-color) !important;
}

.advanceIncreaseDialog .p-dialog .p-dialog-footer {
    padding: 2em 6em 0;
}

.advanceIncreaseDialog .p-dialog .p-dialog-footer .action-footer {
    margin: 0;
    justify-content: space-between;
}

.advanceIncreaseDialog .p-dialog .p-dialog-footer .action-footer.one-item {
    justify-content: center;
}

.advanceIncreaseDialog .loaderAlternativeContainer {
    display: flex;
    flex-direction: row;
    height: 160px;
    align-items: center;
    justify-content: center;
    margin-bottom: 4em;
}

.advanceIncreaseDialog_confirm .loaderAlternativeContainer {
    height: 360px;
    margin-bottom: 0;
}

.advanceIncreaseDialog_confirm {
    margin-bottom: 0 !important;
}
.notificationsSection .linkAssociationContainer {
    margin: 0em;
}

.notificationsSection .linkAssociationContainer span {
    color: var(--color-active1);
}

.notificationsSection .linkAssociationContainer > span {
    font-size: 0.87em;
    font-weight: normal;
}

.notificationsSection
.linkAssociationContainer
.p-button-icon-only
.p-button-icon-left {
    font-size: 1.2em;
    color: var(--color-active1);
}

.notificationsSection .linkAssociationContainer .goButton {
    border: 2px solid var(--color-active1) !important;
    border-radius: 50px;
}

.notificationsSection .notificationsContent {
    padding: 2em 2em 2.5em 2em;
}

.notificationsSection .notificationsContent .notificationsList {
    margin-top: 2em;
}

.notificationsContainer .notificationsDate {
    font-size: 0.81em;
    line-height: 1.38;
    color: var(--label-primary-color);
    padding-bottom: 0.85em;
    padding-left: 3.86em;
    text-align: center;
}

.notificationsContainer .singleNotification_container {
    margin-bottom: 0.63em;
}

.notificationUnreadCounter {
    font-family: var(--primary-font-family);
    color: var(--label-primary-color);
}

.notificationUnreadCounter .count {
    font-family: var(--secondary-font-family);
    font-size: 1.1875em;
    margin: 0 0.5em;
    font-weight: 600;
}

.profileDialog .p-dialog {
    width: 800px !important;
    max-width: 80%;
}
.profileDialog .custom-dialog.header-filled .p-dialog-mask .p-dialog .p-dialog-titlebar {
    padding: 3em 4em 0 !important;
    text-align: left !important;
    border-bottom: none !important;
}

.profileDialog .p-dialog-titlebar  .p-dialog-title {
    text-transform: capitalize !important;
    color: var(--color-livery1) !important;
    font-weight: 600;
    font-size: 1.85em !important;
}

.profileDialog .profileDialogContent {
    padding: 0 3em;
}

.profileDialog .custom-dialog .p-dialog.p-component {
    position: absolute;
    right: 1.2em;
    top: 5em !important; 
    left: auto !important; 
}

.profileDialog .p-tabview {
    padding: 0;
}

.profileDialog .profileDialog_text {
    margin-top: 1.86em;
    font-size: 1.145em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: var(--dark-color);
    padding: 0px 5.5em;
}

.profileDialog  .profileDialog_requestUserRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: 3em 0;
}

.profileDialog .profileDialog_requestUserRow .profileDialog_title {
    font-family: var(--secondary-font-family);
    font-size: 1.145em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--color-inactive1);
    text-transform: uppercase;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer  {
    margin: 2.58em 0 0;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .input-header-label {
    text-align: left;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_buttonRow {
    margin: 5em 0 4em;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_buttonRow .transparent {
    min-width: 220px;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_buttonRow .normal:not(.transparent) {
    min-width: 280px;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_buttonRow.dangerBtn .p-button {
    background-color: var(--alert-primary-color) !important;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_btnDetailRow {
    margin: 3em 0 4em;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_btnDetailRow .destructive {
    background-color: var(--content-background) !important;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .editPasswordButton {
    margin: 4em 0;
}

.profileDialog .p-dialog .profileDialogContent .profileDialog_myDataTab .action-footer .item,
.profileDialog .p-dialog .profileDialogContent .profileDialog_guestUserTab .action-footer .item {
    margin-top: 6.5em;
}

.profileDialog .p-dialog .profileDialogContent .action-footer {
    margin-bottom: 3em;
}

.profileDialog .p-dialog-footer {
    padding-top: 2em;
}

.profileDialog .profileDialogContent .profileDialog_detailFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5em;
    margin-bottom: 2.72em;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer.container-white {
    border-top: none;
}

.profileDialog .profileDialogContent .profileDialogDetailHeader {
    display: flex;
    justify-content: space-between;
    margin: 3em 0;
    align-items: center;
}

.profileDialog .profileDialogContent .profileDialogDetailHeaderTitle {
    font-weight: bold;
    color: var(--primary-dark-color);
    text-transform: uppercase;
}

.profileDialog .profileDialogContent .inputTextContainer {
    text-align: left;
}

.profileDialog .loaderAlternativeContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:var(--light-color);
}

.profileDialog .loaderAlternative {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: 0 auto;
    top: 35%;
    left: 0;
    right: 0;
}

.profileDialog .p-dialog .p-dialog-content {
    margin-bottom: 2em;
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .titleSection {
    color: var(--dark-color);
}

.profileDialog .p-dialog .profileDialogContent .sectionContainer .profileDialog_subtitleSection .input-header-label{
    font-size: 1em;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--dark-color);
}

.profileDialog .profileDialog_loaderContainer .loaderAlternative {
    position: relative;
    width: 80px;
    height: 80px;
}
.profileDialog .profileDialog_loaderContainer .profileDialog_loaderText {
    margin-top: 1.5em;
}

.profileDialog .p-dialog .profileDialogContent .profileDialog_credentialSection {
    background-color: var(--light-color);
    margin-bottom: 2em;
}

.profileDialog .p-dialog .profileDialogContent .profileDialog_credentialSection .p-button {
    min-width: 320px;
}

.profileDialog .p-dialog .profileDialogContent .singleNotification_container {
    margin-top: 2em;
    text-align: left;
}

.profileDialog .p-dialog .profileDialogContent .singleNotification_container span {
    margin: 0;
}

.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader {
    text-transform: uppercase;
    color: var(--dialog-shadow);
}

.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader .settingsRow_label,
.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader .settingsRow_field {
    padding-bottom: 0.5em;
    color: var(--dialog-shadow);
    font-weight: normal;
    font-size: 0.72em;
}

.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader .settingsRow_more-info .settingsRow_field {
    margin-bottom: 0;
}

.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader .settingsRow_label,
.profileDialog .profileDialog_guestUserTab .profileDialog_tableHeader .settingsRow_field,
.profileDialog .profileDialog_guestUserTab .settingsRow_label,
.profileDialog .profileDialog_guestUserTab .settingsRow_field {
    width: 220px;
    text-align: left;
}

.profileDialog .profileDialog_myDataTab .settingsRow_more-info .settingsRow_field {
    text-transform: uppercase;
}

.profileDialog .profileDialog_caption {
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--dialog-text-primary-opacity);
    text-align: left;
    margin-bottom: 2em;
}

.profileDialog .profileDialogContent .profileDialog_phoneInput .inputTextContainer {
    max-width: 50%;
}

/* Fix for IE10 */

.b-version-10 .profileDialog .profileDialogContent .sectionContainer .valueKeyElementContainer {
	text-align: left;
}

.companySelectionDialog {
    max-width: 850px;
}

.companySelectionDialogContainer .p-dialog-mask {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.companySelectionDialog .p-dialog-titlebar {
    padding: 3em !important;
}

.companySelectionDialog .p-dialog-content {
    padding: 4em !important;
    margin-bottom: 2em;
}

.companySelectionDialog .p-dialog-title {
    font-family: var(--secondary-font-family);
}

.companySelectionDialog .description {
    color: var(--dark-color);
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
}

.companySelectionDialog .companyContainer {
    border: 1px solid var(--borders-alternative-color);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.5em 3.5em;
    margin: 2em auto;
}

.companySelectionDialog .companyContainer.disabled {
    border-color: var(--border-grey);
    background-color: var(--background-grey);
}

.companySelectionDialog .companyContainer .companyLeftContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.companySelectionDialog .companyContainer .companyLeftContainer .companyName {
    font-size: 1.1875em;
    font-family: var(--secondary-font-family);
    font-weight: 600;
    color: var(--primary-dark-color);
    margin-bottom: 0.4em;
}

.companySelectionDialog .companyContainer.disabled .companyLeftContainer .companyName {
    color: var(--disabled-text-opacity)
}

.companySelectionDialog .companyContainer .companyLeftContainer .companyVat {
    font-family: var(--primary-font-family);
    color: var(--dialog-text-primary);
    text-align: left;
}

.companySelectionDialog .companyContainer .p-button {
    min-width: 150px;
    min-height: 44px;
}

.companySelectionDialog .companySelectionDialog_footer {
    margin-top: 4.7em;
}

.companySelectionDialog .companySelectionDialog_footer .description {
    margin-bottom: 2em;
}

.companySelectionDialog .messageBar_container {
    margin: 2em 0 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.companySelectionDialog .messageBar_container .messageBar_info {
    font-weight: bold;
    padding-left: 0.5em;
}

.companySelectionDialog .messageBar_container .closeIcon {
    cursor: pointer;
}

/* Fix for IE11 */

.b-version-11 .companySelectionDialog .p-dialog-content {
    max-width: 850px;
}

.b-version-10 .companySelectionDialog .p-dialog-content .companyContainer .companyLeftContainer .companyVat div,
.b-version-11 .companySelectionDialog .p-dialog-content .companyContainer .companyLeftContainer .companyVat div {
    max-width: 640px;
}

.logoutDialog {
    max-width: 700px;
}

.logoutDialog .p-dialog-titlebar {
    padding: 3em !important;
}

.logoutDialog .p-dialog-content {
    padding: 4em !important;
}

.logoutDialog .p-dialog-title {
    font-family: var(--secondary-font-family);
}

.logoutDialog .description {
    color: var(--dialog-text-primary);
    font-family: var(--primary-font-family);
}

.logoutDialog .optionContainer {
    border: 1px solid var(--borders-alternative-color);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.5em 3.5em;
    max-width: 555px;
    margin: 2em auto;
}

.logoutDialog .optionContainer .optionLeftContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.logoutDialog .optionContainer .optionLeftContainer .title {
    font-size: 1.1875em;
    font-family: var(--secondary-font-family);
    font-weight: 600;
    color: var(--primary-dark-color);
    margin-bottom: 0.4em;
}

.logoutDialog .optionContainer .optionLeftContainer .subtitle {
    font-family: var(--primary-font-family);
    color: var(--dialog-text-primary);
}

.logoutDialog .optionContainer .p-button {
    max-width: 150px;
    min-height: 44px;
}

/* Fix for IE11 */

.b-version-11 .logoutDialog .p-dialog-content {
    max-width: 700px;
}

.notificationDialog {
    width: 800px;
}

.notificationDialogContainer .p-dialog-mask {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.notificationDialog .p-dialog-titlebar {
    padding: 3em !important;
}

.notificationDialog .p-dialog-content {
    padding: 4em !important;
    min-height: 400px;
}

.notificationDialog .p-dialog-title {
    font-family: var(--secondary-font-family);
}

.notificationDialog .title {
    font-size: 1.3em;
    font-family: var(--secondary-font-family);
    font-weight: bold;
}

.notificationDialog .date {
    font-size: 1em;
}

.notificationDialog .message {
    font-size: 1em;
    margin-top: 3em;
}

.notificationDialog.ERROR .p-dialog-titlebar, .notificationDialog.ERROR .p-dialog-content, .notificationDialog.ERROR .p-dialog-footer {
    background-color: var(--toastr-error-background) !important;
}

.notificationDialog.OK .p-dialog-titlebar, .notificationDialog.OK .p-dialog-content, .notificationDialog.OK .p-dialog-footer {
    background-color: var(--toastr-success-background) !important;
}

.notificationDialog.INFO .p-dialog-titlebar, .notificationDialog.INFO .p-dialog-content, .notificationDialog.INFO .p-dialog-footer {
    background-color: var(--toastr-info-background) !important;
}

.notificationDialog.WARN .p-dialog-titlebar, .notificationDialog.WARN .p-dialog-content, .notificationDialog.WARN .p-dialog-footer {
    background-color: var(--toastr-warning-background) !important;
}

.notificationDialog.ERROR .title {
    color: var(--error-color)
}

.notificationDialog.INFO .title {
    color: var(--info-color-alternative)
}

.notificationDialog.WARN .title {
    color: var(--toastr-text-opacity)
}

.notificationDialog.OK .title {
    color: var(--toastr-text-opacity)
}

.assistenceDialog .p-dialog {
    width: 700px;
}

.assistenceDialog .custom-dialog .p-dialog .p-dialog-content {
    /*padding: 2em 2.5em 4em! important;*/
    padding: 2em 2.5em 0 !important;
    overflow-y: auto;
    /* Fix for IE11 */
    -ms-overflow-y: auto;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_title{
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    color: var(--dark-color);
    text-align: left;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box {
    margin: 2em 0 4em;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box .sectionContainer {
    margin: 0 !important;
    padding: 1.5em 2.5em 3em;
    border: solid 1px var(--line-primary-color);
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box .sectionContainer .default-button.big {
    min-width: 150px;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box .sectionContainer .inputTextareaContainer .p-inputtext {
    overflow-y: auto !important;
    height: 150px !important;
    border-bottom: none;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box .sectionContainer .inputTextareaContainer .p-inputtext:focus {
    box-shadow: none;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-box .sectionContainer .inputTextareaContainer .input-header-label {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--slate);
    text-align: left;
    margin-bottom: 1em;
    margin-top: 0em;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info {
    width: 100%;
    /*border-top: 1px solid #cdd2d6;
    margin: 4em 0.5em 0;*/
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info .assistenceDialog_label {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: var(--slate);
    text-align: left;
    margin-top: 1.3em;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info .assistenceDialog_label.green {
    color: var(--action-color);
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info .assistenceDialog_label span {
    font-weight: bold;
    padding-left: 0.5em;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info .assistenceDialog_label a {
    padding-left: 0.5em;
}

.assistenceDialog .assistenceDialog_container .assistenceDialog_contact-info .assistenceDialog_label a:hover {
    text-decoration: underline;
}

.assistenceDialog .assistenceDialog_container .buttonNavigationWithLabelContainer {
    justify-content: space-between;
    margin: 1.8em 1em 0 0;
}

.notFound {
    text-align: center;
}

.notFound .circle {
    background-color: var(--color-livery1);
    width: 26em;
    height: 26em;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 2em;
    margin: 50px auto 2em;
}

.notFound .logo {
    width: 30%;
    color: white;
    filter: brightness(0) invert(1);
}

.notFound .code {
    font-family: var(--secondary-font-family);
    font-size: 8em;
    color: white;
    font-weight: 600;
    margin: 10px 0;
}

.notFound .title {
    font-size: 1.5em;
    color: white;
    text-transform: uppercase;
}

.notFound .bottomText {
    max-width: 25em;
    margin-left: auto;
    margin-right: auto;
}

.notFound .button {
    margin-top: 1em
}

/* Fix for IE11 */

.b-version-11 .notFound .logo {
    height: 12%;
}

.importDialog .p-dialog {
    width: 950px;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content {
   padding: 2em 3.5em !important; 
}


.importDialog .p-dialog .p-dialog-content .importDialog_description {
    color: var(--dialog-shadow);
    font-size: 1em;
    padding-bottom: 4em;
    text-align: left;
}

.importDialog .p-dialog .p-dialog-content .importDialog_description span {
    color: var(--color-active1);
    padding-left: 0.3em;
}

.importDialog .importDialog_footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-content: center;
}

.importDialog .custom-dialog .p-dialog .p-dialog-footer {
    padding: 1em 3.5em 4em !important;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .file-input-label {
    padding-top: 1.4em;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .pr-1 {
    display: none;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .attachments-wrapper .p-datatable-wrapper .p-datatable-tbody {
    border-bottom: none;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .attachments-wrapper .p-datatable .p-datatable-emptymessage td {
    font-size: 0.8em;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .file-upload-subtitle {
    font-weight: 600;
    text-align: left;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .file-upload-name::-moz-placeholder {
    color: var(--color-inactive2);
    font-size: 0.8em;
    font-weight: normal;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .file-upload-wrapper .file-upload-name::placeholder {
    color: var(--color-inactive2);
    font-size: 0.8em;
    font-weight: normal;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .messageBar_container {
    margin: 0 !important;
    width: 100%;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .messageBar_container:not(:first-child) {
    margin: 1em 0 0 0 !important;
}


.importDialog .custom-dialog .p-dialog .p-dialog-content .messageBar_container.messageBar_info:first-child {
    margin-top: 0;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .messageBar_container.messageBar_info:last-child {
    margin-bottom: 0;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .messageBar_info {
    text-align: left;
}

.importDialog .file-upload-wrapper.attachmentsFileUpload {
    margin-top: 1em;
    border-radius: .5em;
    max-height: 300px;
    overflow: auto;
    border: 1px solid var(--division-dark);
    text-align: left;
}

.importDialog .file-upload-wrapper.attachmentsFileUpload .attachments-wrapper {
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.importDialog .validationFailures {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 2.5em;
}

.importDialog .filesCounter {
    color: var(--division-dark);
    font-weight: 600;
    text-align: left;
    margin-top: 1em;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .importDialog_loader {
    padding: 2em 0 4em;
}

.importDialog .custom-dialog .p-dialog .p-dialog-content .importDialog_loader p {
    margin: 0 0 2em;
}

/* Fix for IE10 */

.b-version-10 .importDialog .file-upload-wrapper .file-input-group {
	width: 70%;
}

.lastActivityDialog .p-dialog {
    max-width: 80%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.40);
    border: 1.5px solid var(--dialog-shadow);
}
.lastActivityDialog .custom-dialog.header-filled .p-dialog-mask .p-dialog .p-dialog-titlebar {
    padding: 3em 4em 0 !important;
    text-align: center !important;
    border-bottom: none !important;
}

.lastActivityDialog .p-dialog-titlebar  .p-dialog-title {
    text-transform: uppercase !important;
    color: var(--color-active1) !important;
    font-weight: 600;
    font-size: 1em !important;
    font-family: var(--secondary-font-family);
}

.lastActivityDialog .lastActivityDialogContent {
    margin: 1em 1.5em 0 1.5em;
    max-height: 222px;
    overflow-y: auto;
}

.lastActivityDialog .custom-dialog .p-dialog.p-component {
    position: absolute;
    top: 5em !important;
    right: unset;
}

.lastActivityDialog .lastActivityDialogFooter {
    display: flex;
    flex-direction: column;
}

.lastActivityDialog .lastActivityDialogFooter .p-button:first-child {
    margin-bottom: 2em !important;
}

.lastActivityDialog .lastActivityDialogContent .messageBar_container {
    margin: 1em 0;
    width: 100%;
}

.lastActivityDialog .lastActivityDialogContent .messageBar_container:first-child {
    margin-top: 0;
}

.lastActivityDialog .lastActivityDialogContent .messageBar_container:last-child {
    margin-bottom: 0;
}

.lastActivityDialog .lastActivityDialogContent .placeholder {
    padding: 5em 0;
    display: block;
    font-size: 1.1em;
    color: var(--color-inactive1);
}

.lastActivityDialog .lastActivityDialogContent .messageBar_container .notificationMessage {
    margin-left: 1.5em;
}

.lastActivityDialog .p-dialog-mask {
    left: -22px;
    overflow-y: visible !important;
}

.lastActivityDialog .p-dialog:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent; 
    border-bottom: 22px solid var(--dialog-shadow);
    left: 48%;
    top: -23px;
}

.lastActivityDialog .p-dialog:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 22px solid var(--light-color);
    left: 48%;
    top: -21px;
}

.lastActivityDialog .lastActivityDialogTop {
    display: flex;
    flex-direction: column;
    margin: 1.5em 1.5em 0;
}

.lastActivityDialog .lastActivityDialogTop .checkboxWrapper {
    text-align: right;
    margin: 2em 0 0.5em;
}

.lastActivityDialog .lastActivityDialogTop .checkboxWrapper .checkboxLabel {
    text-transform: none;
}

.lastActivityDialog .lastActivityDialogTop .checkboxWrapper .checkboxLabel,
.lastActivityDialog .lastActivityDialog_count {
    font-size: 1.1428em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--label-primary-color);
}

.lastActivityDialog .lastActivityDialog_count span {
    font-size: 1.25em;
    font-weight: 600;
    padding: 0 0.2em;
}

.lastActivityDialog .p-dialog .p-dialog-footer {
    padding-top: 3em;
    padding-bottom: 1em !important;
    margin-bottom: 0 !important;
}

.lastActivityDialog .lastActivityDialog_link {
    cursor: pointer;
    text-decoration: underline;
    margin-top: 1em;
}

.lastActivityDialog .lastActivityDialog_link:hover {
    font-weight: 600;
}

.lastActivityDialog .loaderAlternativeContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:var(--light-color);
}

.lastActivityDialog .loaderAlternative {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: 0 auto;
    top: 35%;
    left: 0;
    right: 0;
}

.lastActivityDialog .custom-dialog .p-dialog .p-dialog-content {
    overflow: auto !important;
    max-height: none !important;
}

/* Fix for IE10 */

.b-version-10 .lastActivityDialog .lastActivityDialogContent .messageBar_container {
	max-width: 620px;
}

.b-version-10 .lastActivityDialog .lastActivityDialogContent .messageBar_container .messageBar_info {
	max-width: 570px;
}

.logout {
    text-align: center;
}

.logout .title {
    font-size: 5.6em;
    font-weight: bold;
    color: var(--color-livery1);
    margin: 130px 0 0 0;
    text-transform: uppercase;
}

.logout .subtitle {
    font-size: 1.5em;
    font-weight: bold;
    color: var(--color-inactive1);
    opacity: 0.5;
    text-transform: uppercase;
    margin: 0.5em 0;
}

.logout .circle {
    background-color: var(--color-livery1);
    width: 26em;
    height: 26em;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 30px auto 2em;
    padding: 2em 0 3.5em 0;
}

.logout .circle .circleBottomText {
    font-size: 1.5em;
    color: white;
    text-transform: uppercase;
}

.logout .circle .logo {
    width: 30%;
    color: white;
    filter: brightness(0) invert(1);
}

.logout .circle .document {

}

.logout .bottomText {
    max-width: 25em;
    margin-left: auto;
    margin-right: auto;
}

.logout .button {
    margin-top: 1em;
    margin-bottom: 3em;
}

/* Fix for IE11 */

.b-version-11 .logout .circle .logo {
    height: 14%;
}

.b-version-10 .logout .circle,
.b-version-11 .logout .circle {
    justify-content: space-around;
}


.warning-stripe {
    padding: 1.25em 3em;
    display: flex;
}

.warning-stripe .warning-stripe_text {
    font-size: 0.93em;
    font-weight: bold;
    color: var(--light-color);
}

.warning-stripe .warning-stripe_text:not(:last-child) {
    margin-bottom: 1em;
}

.warning-stripe.type-error {
    background: var(--alert-primary-color);
}

.warning-stripe.type-warning {
    background: var(--warning-light-color);
}

.warning-stripe .messages {
    margin-right: 1em;
}

.warning-stripe .closeButton {
    margin-left: auto;
    margin-right: 4em;
    filter: brightness(0) invert(1);
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
}

.bottomWarningStripe .link {
    cursor: pointer;
    text-decoration: underline;
}

.browserSupportDialog .p-dialog-content {
    padding: 0 5em !important;
    max-width: 800px;
}

.browserSupportDialog .text {
    margin-bottom: 2em;
    font-size: 1.1em;
}

.browserSupportDialog .confirmDialogFooter {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1em;
    margin-top: 2.5em;
}

.browserSupportDialog .browser {
    padding: 1em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid var(--borders-primary-color);
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.browserSupportDialog .browser:last-child {
    margin-bottom: 3em;
}

.browserSupportDialog .browser .name {
    font-family: var(--secondary-font-family);
    font-size: 1.3em;
    font-weight: bold;
    color: var(--primary-dark-color);
}

.browserSupportDialog .browser .downloadContainer {
    cursor: pointer;
    color: var(--color-inactive1);
}

.browserSupportDialog .browser .download {
    margin-left: auto;
    margin-right: 0.5em;
    font-size: 1.2em;
}

/* Fix for IE10 */

.b-version-10 .browserSupportDialog .confirmDialogFooter {
    justify-content: space-around;
}
.bootstrapFailureDialog .text1 {
    font-family: var(--secondary-font-family);
    color: var(--error-color);
    font-weight: 600;
    font-size: 1.3em;
}

.bootstrapFailureDialog .text2 {
    margin-top: 5em;
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
}

.bootstrapFailureDialog .text3 {
    font-size: 1.1em;
    padding-top: 1em;
    font-family: var(--secondary-font-family);
    padding-bottom: 3em;
}

.bootstrapFailureDialog .p-dialog-content {
    padding: 5em !important;
}

.bootstrapFailureDialog .alertIcon {
    margin-top: 2em;
}

.bootstrapFailureDialog {
    max-width: 800px;
}

.bootstrapFailureDialogContainer .p-dialog-mask {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}
.guestUserDisabledDialog .text1 {
    font-family: var(--secondary-font-family);
    color: var(--error-color);
    font-weight: 600;
    font-size: 1.3em;
}

.guestUserDisabledDialog .text2 {
    margin-top: 3em;
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 0 2em;
}

.guestUserDisabledDialog .text3 {
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 1em 2em 0;
}

.guestUserDisabledDialog .text4 {
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 1em 2em 4em;
}

.guestUserDisabledDialog .p-dialog-content {
    padding: 5em !important;
}

.guestUserDisabledDialog .alertIcon {
    margin-top: 2em;
}

.guestUserDisabledDialog {
    max-width: 800px;
}

.guestUserDisabledDialogContainer .p-dialog-mask {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.guestUserDisabledDialog .p-button {
    margin-bottom: 3em;
}

.sessionExpirationDialog .text1 {
    font-family: var(--secondary-font-family);
    color: var(--alert-primary-color);
    font-weight: 600;
    font-size: 1.3em;
}

.sessionExpirationDialog .text2 {
    margin-top: 3em;
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 0 2em;
}

.sessionExpirationDialog .text3 {
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 1em 2em 2em;
}

.sessionExpirationDialog .text4 {
    font-size: 1.1em;
    font-family: var(--secondary-font-family);
    padding: 1em 2em 4em;
}

.sessionExpirationDialog .p-dialog-content {
    padding: 5em !important;
}

.sessionExpirationDialog .alertIcon {
    margin-top: 2em;
}

.sessionExpirationDialog {
    max-width: 750px;
}

.sessionExpirationDialogContainer .p-dialog-mask {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
}

.sessionExpirationDialog .p-button {
    margin-bottom: 3em;
}

.page-wrapper {
  padding: 0 2em;
}

.page-wrapper p,
.page-wrapper li,
.page-wrapper span {
  font-family: var(--primary-font-family-mobile) !important;
}

.page-wrapper li {
  margin: .5em 0
}

.d-block {
  display: block !important;
}

.m-0 {
  margin: 0 !important
}

:root {
    --color-livery1: #00269A;
    --color-accent1: #FFD401;
    --color-active1: #339AEF;
    --color-inactive1: #4D606F;
    --color-inactive2: #d3d3d3;
    --color-background1: #FFFFFF;
    --color-background2: #E8F5FF;
    --color-background3: #E6E8EA;
    --color-checkbox-border: #BBB;

    --primary-selection-color: #344691;
    --primary-dark-color: #000407;
    --primary-alternative-color: #0033cc;
    --secondary-dark-color: #d8d8d8;
    --light-color: #ffffff;
    --dark-color: #000000;
    --gray-color: #808080;
    --gray-color-alternative: #aaa5a5;
    --dark-grey-blue: #354052;
    --link-dark-gray: #596b7b;
    --soft-blue: #E5F1FE;
    --light-grey-blue: #F4F5F6;
    --yellow: #FDDD33;
    --soft-blue-text: #0d59b2;
    --soft-blu-opacity: rgba(77,161,255,0.2);
    --action-color: #01c94c;
    --secondary-dark-color-opacity: rgba(216,216,216,0.25098);
    --rosy-pink: #e27481;
    --light-color-opacity: rgba(255,255,255,0.50196);
    --accent-dark-color-opacity: rgba(77,96,111,0.3098);
    --secondary-selection-color-opacity: rgba(39,139,255,0.06275);
    --destructiveAlternative: #E47380;

    --card-active: #0094f7;
    --card-color: #d3e8ff;
    --card-primary-color: #84b6ef;
    --card-primary-border-color: #4da1ff;
    --card-primary-content-color: #fdfeff;
    --card-secondary-color: #f3f9ff;
    --card-disabled-color: #b2bac0;
    --card-disabled-content-color: #f5f6f7;
    --card-error-color: #f2662a;
    --card-warning-color: #ffaf8c;
    --card-deselected-color: #fafafa;
    --card-advance-expired: #f9ab29;
    --card-advance-extended: #ffb63e;
    --card-warning-footer-text: #c30000;
    --card-primary-background: #f2f9fe;
    --card-primary-light-background: #7fb5f3;
    --card-primary-light-date: #6ba5e8;
    --card-alternative-date: #46a6f5;
    --card-primary-date: #3fa4f8;
    --error-card: #ee2a2a;
    --error-card-background: #fdebeb;
    --disabled-stripes-card-1: #BCC3C7 ;
    --disabled-stripes-card-2: #AAB3B7;
    --card-error-alternative: #f58c99;
    --card-error-stripes: #e58994;
    --advance-card-warning: #f22a2a;

    --border-blue: #d4e8ff;
    --border-light: #f0f0f0;
    --borders-dark-color: #bfbfbf;
    --borders-primary-color: #d3d3d3;
    --borders-alternative-color: #278bff;
    --borders-secondary-color: #0031ca;
    --borders-light-color : #e7e7e7;
    --tab-border: #cfcfcf;
    --border-grey: #d3d3d3;
    --transparent-button-borders-alternative: #2b98f2;
    --round-button-borders: #a0a1a2;
    --transparent-button-border: #b4bcc1;

    --steps-disabled-color: #b0b0b0;
    --steps-badge-text: #ffffff;
    --steps-disabled-color-opacity: rgba(176,176,176,0.06275);

    --dialog-shadow: #9b9b9b;
    --dialog-text-primary: #4c606f;
    --dialog-text-secondary: #1b1b1b;
    --dialog-text-primary-opacity: rgba(76,96,111,0.70196);
    --warning-dialog: #DE4F62;

    --toastr-error-background: #EBBDBA;
    --toastr-success-background: #C3EAC0;
    --toastr-info-background: #C1DCFC;
    --toastr-warning-background: #F7DA97;
    --toastr-icon-info: #0132CA;
    --toastr-icon-warning: #E58619;
    --toastr-icon-error: #D0021B;
    --toastr-text-opacity: rgba(0,0,0,0.39608);
    --toastr-text-alternative-opacity: rgba(4,4,4,0.39608);
    --toastr-error-title: rgba(158,15,15,0.61961);
    --toastr-error-text: rgba(158,15,15,0.85882);
    --toastr-success-title: #07963d;
    --toastr-success-text: #02792f;
    --toastr-warning-title: #D07815;
    --toastr-warning-text: #b75b07;
    --toastr-info-title: #4273ff;
    --toastr-info-text: #2355e6;
    --toastr-success-icon: rgba(9,144,60,0.67843);
    --toastr-warning-icon: rgba(229,134,25,0.61961);
    --toastr-info-icon: rgba(46,93,238,0.47843);
    --toastr-background-error: rgba(255,141,135,0.96078);

    --table-border-opacity: rgba(176,176,176,0.47059);
    --table-row-background: #f1f2f3;
    --table-row-text: #828282;
    --table-row-text-red: #d73045;
    --table-th-hover: #404d57;
    --table-th-default: #ccc;

    --scrollbar-primary: rgba(77,96,111,0.4);
    --scrollbar-background: rgba(216,216,216,0.4);

    --line-color-dark: #0071ce;
    --line-color-lightblue: #99c9ff;
    --line-color-orange: #f5a623;
    --line-primary-color: #cdd2d6;
    --line-color-active: #339AEF;

    --calendar-weekend-background: rgba(74, 144, 226, 0.1);
    --active-calendar-button: #949fa6;
    --active-calendar: #d0d5d9;
    --calendar-arrows: #353f47;

    --success-color: #00cb4d;
    --error-color: #c60a08;
    --error-color-badge-opacity: rgba(208,2,27,0.2);
    --danger-color: #ee642a;
    --warning-color-opacity: rgba(208,2,27,0.06275);
    --warning-color-badge: #f9ab29;
    --warning-color-badge-opacity: rgba(249,171,41,0.2);
    --warning-color-half-opacity: rgba(249,171,41,0.53333);
    --success-color-alternative-opacity: rgba(80,227,194,0.06275);
    --success-color-opacity: rgba(0,203,77,0.06275);
    --success-color-medium-opacity: rgba(0, 203, 74, 0.28);
    --error-color-opacity: rgba(195,0,0,0.06275);
    --error-color-medium-opacity: rgba(195, 0, 0, 0.28);
    --warning-color-alternative-opacity: rgba(255,182,62,0.14902);
    --info-color-opacity: rgba(77,161,255,0.08235);
    --info-color-alternative-opacity: rgba(77,161,255,0.06275);
    --success-color-alternative: #00b645;
    --warning-color: #e3757f;
    --warning-light-color: #eca617;
    --warning-color-secondary: #c76d06;
    --warning-color-alternative: #a25701;
    --alert-primary-color-opacity: rgba(242,102,42,0.1451);
    --info-primary-color-opacity: rgba(77,161,255,0.1451);

    --discarded-background: #FDF2F3;
    --background-grey: #fbfbfb;
    --light-dark-background: #f1f3f4;
    --disabled-button-background: #f5f5f5;
    --input-background-light: #ADD8E6;
    --placeholder-background: #f8f8f8;
    --rosy-pink-background: #fff6f6;

    --grid-separator-color: #e6e6e6;
    --content-background: #f4f4f4;
    --expiring-content-color: #ffede5;
    --transparent-button-text: #475a69;
    --division-dark: #979797;
    --close-button: #656565;
    --brown-grey: #b0b0b0;
    --disabled-button-text: #b0b0b0;
    --discarded: #b50016;

    --button-slategray: #708090;
    --close-button-dark: #333333;
    --roundBtn-advance-expired: #e58e00;

    --label-primary-color: #828f98;
    --rosy-pink-label: #eb6677;
    --summary-primary-title: #6dadf7;
    --disabled-text-opacity: rgba(71,90,105,0.74902);

    --not-imported: #e5a356;
    --not-imported-background: #F4E5C9;
    --cancelled-background: #f0f0f0;
    --cancelled-color: #9b9b9b;
    --info-color-secondary: #327acf;
    --info-color-alternative: #1d65b8;
    --sky-blue: #4a90e2;
    --alert-primary-color: #fa3f1c;
    --alert-alternative-color: #ee0b0b;

    --arrow-active: #f7e501;
    --arrow-grey: #848484;
    --total-amount-grey: #9ca7af;
    --off-range: #999999;
    --checkbox-grey: #817e7e;

    --badge-red: #fae8ea;
    --badge-red-label: #b10000;
    --badge-red-text: #c70000;
    --badge-red-border: #d48181;
    --badge-blue-border: #81a8ef;
    --badge-grey-border: #eee;
}

:root {
    --left-menu-size: 250px;
}

@font-face {
    font-family: 'Lato';
    src: url(db15ac7981b2d2897d1a3c22892b5a51.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(a567f4a8e101cb600004e09526a1a170.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url(5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(3d747d8bf464744eecb91556d86de11b.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url(7f690e503a254e0b8349aec0177e07aa.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(56c4cb26fd6a48b9c0ebcc07b376ee38.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url(44dfe8cc676882243911a3197a50169e.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(1ba4767ee37aab7e8d34fc339c3538cc.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url(77d353744697c77955f9bacc7f3ed90a.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url(6c522f09efc8b83271666585f9fc6bf0.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(0052573bbf05658a18ba557303123533.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(3cb621135b5f6fe15d7c2eba68f0ee37.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(38bc5e073a0692a4eddd8e61c821d57a.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(6885cd4955ecc64975a122c3718976c1.ttf)
        format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(100b38fa184634fc89bd07a84453992c.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(428b2306e9c7444556058c70822d7d7c.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(9c46095118380d38f12e67c916b427f9.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(6786546363c0261228fd66d68bbf27e9.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(a98626e1aef6ceba5dfc1ee7112e235a.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(287208c81e03eaf08da630e1b04d80e8.ttf)
        format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(c88cecbffad6d8e731fd95de49561ebd.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(2d3cef91fbb6377e40398891b90d29bf.ttf)
        format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(88932dadc42e1bba93b21a76de60ef7a.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(781190aecb862fffe858d42b124658cc.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url(9bc77c3bca968c7490de95d1532d0e87.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(09a2d2564ea85d25a3b3a7903159927b.ttf)
        format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url(6d1796a9f798ced8961baf3c79f894b6.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url(b5331c5f5aae974d18747a94659ed002.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

:root {
    --primary-font-family: 'Lato', sans-serif;
    --secondary-font-family: 'Montserrat', sans-serif;
}

:root {
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    display: table;
    content: " "
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a, sans-serif;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}