@charset "UTF-8"; @media all {
    .btn-continue .ui-button {
        padding: 0!important
    }

    .docs-api-h3 {
        margin-top: 45px
    }

    .docs-api-property-name {
        margin: 0
    }

    .docs-api-class-name,.docs-api-module-import {
        display: inline
    }

    .docs-api-class-export-name,.docs-api-class-selector-name,.docs-api-module-import {
        padding: 3px
    }

    .docs-api-class-deprecated-marker,.docs-api-deprecated-marker,.docs-api-interface-deprecated-marker {
        display: inline-block
    }

    .docs-api-class-deprecated-marker[title],.docs-api-deprecated-marker[title],.docs-api-interface-deprecated-marker[title] {
        border-bottom: 1px dotted grey;
        cursor: help
    }

    .docs-api-deprecated-marker + .docs-api-property-name {
        text-decoration: line-through
    }

    .docs-markdown {
        max-width: 100%
    }

    .docs-markdown-h1 {
        display: inline-block;
        padding: 5px
    }

    .docs-markdown-h2,.docs-markdown-h4 {
        margin-top: 40px
    }

    .docs-markdown-ol,.docs-markdown-p,.docs-markdown-ul {
        line-height: 28px
    }

    .docs-markdown-pre {
        border-radius: 5px;
        display: block;
        margin: 16px auto;
        overflow-x: auto;
        padding: 20px;
        white-space: pre-wrap
    }

    .docs-markdown-pre .docs-markdown-code {
        padding: 0
    }

    .docs-markdown-code {
        padding: 3px
    }

    .docs-header-link a {
        text-decoration: none;
        margin-left: -30px;
        display: inline-block;
        vertical-align: middle
    }

    .docs-header-link .material-icons {
        visibility: hidden
    }

    .docs-header-link:hover .material-icons {
        visibility: visible
    }

    .docs-api table,.docs-markdown-table {
        border-collapse: collapse;
        border-radius: 2px;
        border-spacing: 0;
        margin: 0 0 32px;
        width: 100%;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);
        box-shadow: 0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12)
    }

    .docs-api th,.docs-markdown-th {
        max-width: 100px;
        padding: 13px 32px;
        text-align: left
    }

    .docs-api td,.docs-markdown-td {
        padding: 8px 16px
    }
}

@media all and (max-width: 720px) {
    .docs-api table,.docs-markdown-table {
        margin:0 0 32px
    }

    .docs-api th,.docs-markdown-th {
        padding: 6px 16px
    }

    .docs-api td,.docs-markdown-td {
        padding: 4px 8px
    }
}

@media all {
    .docs-button[md-button],.docs-button[md-raised-button] {
        text-transform: uppercase
    }

    .docs-primary-header {
        padding-left: 20px
    }

    .docs-primary-header h1 {
        margin: 0;
        padding: 28px 8px;
        color: #fff
    }

    .docs-component-category-list-card-image svg {
        width: 100%
    }

    .docs-footer-angular-logo svg {
        height: 50px
    }

    .docs-angular-logo svg {
        height: 26px;
        margin: 0 4px 3px 0;
        vertical-align: middle
    }

    .docs-github-logo svg {
        height: 21px;
        margin: 0 7px 2px 0;
        vertical-align: middle
    }

    .mat-elevation-z0 {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12);
        box-shadow: 0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z1 {
        -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12);
        box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z2 {
        -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
        box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z3 {
        -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
        box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z4 {
        -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
        box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z5 {
        -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12);
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z6 {
        -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
        box-shadow: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12)
    }

    .mat-elevation-z7 {
        -webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2),0 7px 10px 1px rgba(0,0,0,0.14),0 2px 16px 1px rgba(0,0,0,0.12);
        box-shadow: 0 4px 5px -2px rgba(0,0,0,0.2),0 7px 10px 1px rgba(0,0,0,0.14),0 2px 16px 1px rgba(0,0,0,0.12)
    }

    .mat-elevation-z8 {
        -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12);
        box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)
    }

    .mat-elevation-z9 {
        -webkit-box-shadow: 0 5px 6px -3px rgba(0,0,0,0.2),0 9px 12px 1px rgba(0,0,0,0.14),0 3px 16px 2px rgba(0,0,0,0.12);
        box-shadow: 0 5px 6px -3px rgba(0,0,0,0.2),0 9px 12px 1px rgba(0,0,0,0.14),0 3px 16px 2px rgba(0,0,0,0.12)
    }

    .mat-elevation-z10 {
        -webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,0.2),0 10px 14px 1px rgba(0,0,0,0.14),0 4px 18px 3px rgba(0,0,0,0.12);
        box-shadow: 0 6px 6px -3px rgba(0,0,0,0.2),0 10px 14px 1px rgba(0,0,0,0.14),0 4px 18px 3px rgba(0,0,0,0.12)
    }

    .mat-elevation-z11 {
        -webkit-box-shadow: 0 6px 7px -4px rgba(0,0,0,0.2),0 11px 15px 1px rgba(0,0,0,0.14),0 4px 20px 3px rgba(0,0,0,0.12);
        box-shadow: 0 6px 7px -4px rgba(0,0,0,0.2),0 11px 15px 1px rgba(0,0,0,0.14),0 4px 20px 3px rgba(0,0,0,0.12)
    }

    .mat-elevation-z12 {
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12)
    }

    .mat-elevation-z13 {
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12)
    }

    .mat-elevation-z14 {
        -webkit-box-shadow: 0 7px 9px -4px rgba(0,0,0,0.2),0 14px 21px 2px rgba(0,0,0,0.14),0 5px 26px 4px rgba(0,0,0,0.12);
        box-shadow: 0 7px 9px -4px rgba(0,0,0,0.2),0 14px 21px 2px rgba(0,0,0,0.14),0 5px 26px 4px rgba(0,0,0,0.12)
    }

    .mat-elevation-z15 {
        -webkit-box-shadow: 0 8px 9px -5px rgba(0,0,0,0.2),0 15px 22px 2px rgba(0,0,0,0.14),0 6px 28px 5px rgba(0,0,0,0.12);
        box-shadow: 0 8px 9px -5px rgba(0,0,0,0.2),0 15px 22px 2px rgba(0,0,0,0.14),0 6px 28px 5px rgba(0,0,0,0.12)
    }

    .mat-elevation-z16 {
        -webkit-box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12);
        box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12)
    }

    .mat-elevation-z17 {
        -webkit-box-shadow: 0 8px 11px -5px rgba(0,0,0,0.2),0 17px 26px 2px rgba(0,0,0,0.14),0 6px 32px 5px rgba(0,0,0,0.12);
        box-shadow: 0 8px 11px -5px rgba(0,0,0,0.2),0 17px 26px 2px rgba(0,0,0,0.14),0 6px 32px 5px rgba(0,0,0,0.12)
    }

    .mat-elevation-z18 {
        -webkit-box-shadow: 0 9px 11px -5px rgba(0,0,0,0.2),0 18px 28px 2px rgba(0,0,0,0.14),0 7px 34px 6px rgba(0,0,0,0.12);
        box-shadow: 0 9px 11px -5px rgba(0,0,0,0.2),0 18px 28px 2px rgba(0,0,0,0.14),0 7px 34px 6px rgba(0,0,0,0.12)
    }

    .mat-elevation-z19 {
        -webkit-box-shadow: 0 9px 12px -6px rgba(0,0,0,0.2),0 19px 29px 2px rgba(0,0,0,0.14),0 7px 36px 6px rgba(0,0,0,0.12);
        box-shadow: 0 9px 12px -6px rgba(0,0,0,0.2),0 19px 29px 2px rgba(0,0,0,0.14),0 7px 36px 6px rgba(0,0,0,0.12)
    }

    .mat-elevation-z20 {
        -webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2),0 20px 31px 3px rgba(0,0,0,0.14),0 8px 38px 7px rgba(0,0,0,0.12);
        box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2),0 20px 31px 3px rgba(0,0,0,0.14),0 8px 38px 7px rgba(0,0,0,0.12)
    }

    .mat-elevation-z21 {
        -webkit-box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2),0 21px 33px 3px rgba(0,0,0,0.14),0 8px 40px 7px rgba(0,0,0,0.12);
        box-shadow: 0 10px 13px -6px rgba(0,0,0,0.2),0 21px 33px 3px rgba(0,0,0,0.14),0 8px 40px 7px rgba(0,0,0,0.12)
    }

    .mat-elevation-z22 {
        -webkit-box-shadow: 0 10px 14px -6px rgba(0,0,0,0.2),0 22px 35px 3px rgba(0,0,0,0.14),0 8px 42px 7px rgba(0,0,0,0.12);
        box-shadow: 0 10px 14px -6px rgba(0,0,0,0.2),0 22px 35px 3px rgba(0,0,0,0.14),0 8px 42px 7px rgba(0,0,0,0.12)
    }

    .mat-elevation-z23 {
        -webkit-box-shadow: 0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12);
        box-shadow: 0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12)
    }

    .mat-elevation-z24 {
        -webkit-box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
        box-shadow: 0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12)
    }

    .mat-h1,.mat-headline,.mat-typography h1 {
        margin: 0 0 16px
    }

    .mat-h2,.mat-title,.mat-typography h2 {
        margin: 0 0 16px
    }

    .mat-h3,.mat-subheading-2,.mat-typography h3 {
        margin: 0 0 16px
    }

    .mat-h4,.mat-subheading-1,.mat-typography h4 {
        margin: 0 0 16px
    }

    .mat-h5,.mat-typography h5 {
        margin: 0 0 12px
    }

    .mat-h6,.mat-typography h6 {
        margin: 0 0 12px
    }

    .mat-body p,.mat-body-1 p,.mat-typography p {
        margin: 0 0 12px
    }

    .mat-display-4,.mat-typography .mat-display-4 {
        margin: 0 0 56px;
        letter-spacing: -.05em
    }

    .mat-display-3,.mat-typography .mat-display-3 {
        margin: 0 0 64px;
        letter-spacing: -.02em
    }

    .mat-display-2,.mat-typography .mat-display-2 {
        margin: 0 0 64px;
        letter-spacing: -.005em
    }

    .mat-display-1,.mat-typography .mat-display-1 {
        margin: 0 0 64px
    }

    .mat-checkbox-layout .mat-checkbox-label {
        line-height: 24px
    }

    .mat-chip {
        line-height: 18px
    }

    .mat-form-field {
        line-height: 1.125
    }

    .mat-form-field-wrapper {
        padding-bottom: 1.34375em
    }

    .mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon {
        line-height: 1.125
    }

    .mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button {
        height: 1.5em;
        width: 1.5em
    }

    .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon {
        height: 1.125em;
        line-height: 1.125
    }

    .mat-form-field-infix {
        padding: .5em 0;
        border-top: .84375em solid transparent
    }

    .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        -webkit-transform: translateY(-1.34375em) scale(0.75);
        transform: translateY(-1.34375em) scale(0.75);
        width: 133.33333333%
    }

    .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        -webkit-transform: translateY(-1.34374em) scale(0.75);
        transform: translateY(-1.34374em) scale(0.75);
        width: 133.33334333%
    }

    .mat-form-field-label-wrapper {
        top: -.84375em;
        padding-top: .84375em
    }

    .mat-form-field-label {
        top: 1.34375em
    }

    .mat-form-field-underline {
        bottom: 1.34375em
    }

    .mat-form-field-subscript-wrapper {
        margin-top: .66666667em;
        top: calc(100% - 1.79166667em)
    }

    .mat-form-field-appearance-legacy .mat-form-field-wrapper {
        padding-bottom: 1.25em
    }

    .mat-form-field-appearance-legacy .mat-form-field-infix {
        padding: .4375em 0
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
        transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
        -ms-transform: translateY(-1.28125em) scale(0.75);
        width: 133.33333333%
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
        -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
        transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
        -ms-transform: translateY(-1.28124em) scale(0.75);
        width: 133.33334333%
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        -webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
        transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
        -ms-transform: translateY(-1.28123em) scale(0.75);
        width: 133.33335333%
    }

    .mat-form-field-appearance-legacy .mat-form-field-label {
        top: 1.28125em
    }

    .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
        margin-top: .54166667em;
        top: calc(100% - 1.66666667em)
    }

    .mat-form-field-appearance-fill .mat-form-field-infix {
        padding: .25em 0 .75em
    }

    .mat-form-field-appearance-fill .mat-form-field-label {
        top: 1.09375em;
        margin-top: -.5em
    }

    .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        -webkit-transform: translateY(-0.59375em) scale(0.75);
        transform: translateY(-0.59375em) scale(0.75);
        width: 133.33333333%
    }

    .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        -webkit-transform: translateY(-0.59374em) scale(0.75);
        transform: translateY(-0.59374em) scale(0.75);
        width: 133.33334333%
    }

    .mat-form-field-appearance-outline .mat-form-field-infix {
        padding: 1em 0
    }

    .mat-form-field-appearance-outline .mat-form-field-label {
        top: 1.84375em;
        margin-top: -.25em
    }

    .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        -webkit-transform: translateY(-1.59375em) scale(0.75);
        transform: translateY(-1.59375em) scale(0.75);
        width: 133.33333333%
    }

    .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
        -webkit-transform: translateY(-1.59374em) scale(0.75);
        transform: translateY(-1.59374em) scale(0.75);
        width: 133.33334333%
    }

    .mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    input.mat-input-element {
        margin-top: -.0625em
    }

    .mat-select-trigger {
        height: 1.125em
    }

    .mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 {
        margin: 0
    }

    .mat-tooltip {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .mat-tooltip-handset {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .mat-list .mat-list-item .mat-line,.mat-nav-list .mat-list-item .mat-line,.mat-selection-list .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mat-list .mat-list-option .mat-line,.mat-nav-list .mat-list-option .mat-line,.mat-selection-list .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mat-list[dense] .mat-list-item .mat-line,.mat-nav-list[dense] .mat-list-item .mat-line,.mat-selection-list[dense] .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mat-list[dense] .mat-list-option .mat-line,.mat-nav-list[dense] .mat-list-option .mat-line,.mat-selection-list[dense] .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mat-option {
        color: rgba(0,0,0,0.87)
    }

    .mat-optgroup-label {
        color: rgba(0,0,0,0.54)
    }

    .mat-simple-snackbar-action {
        line-height: 1
    }

    .mat-ripple {
        overflow: hidden
    }

    .mat-ripple.mat-ripple-unbounded {
        overflow: visible
    }

    .mat-ripple-element {
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        transition: opacity,-webkit-transform 0 cubic-bezier(0,0,0.2,1);
        -webkit-transition: opacity,-webkit-transform 0 cubic-bezier(0,0,0.2,1);
        transition: opacity,transform 0 cubic-bezier(0,0,0.2,1);
        transition: opacity,transform 0 cubic-bezier(0,0,0.2,1),-webkit-transform 0 cubic-bezier(0,0,0.2,1);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .cdk-visually-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .cdk-global-overlay-wrapper,.cdk-overlay-container {
        pointer-events: none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .cdk-overlay-container {
        position: fixed;
        z-index: 1000
    }

    .cdk-overlay-container:empty {
        display: none
    }

    .cdk-global-overlay-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        z-index: 1000
    }

    .cdk-overlay-pane {
        position: absolute;
        pointer-events: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        max-height: 100%
    }

    .cdk-overlay-backdrop {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        pointer-events: auto;
        -webkit-tap-highlight-color: transparent;
        -webkit-transition: opacity .4s cubic-bezier(0.25,0.8,0.25,1);
        transition: opacity .4s cubic-bezier(0.25,0.8,0.25,1);
        opacity: 0
    }

    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1
    }

    .cdk-overlay-dark-backdrop {
        background: rgba(0,0,0,0.288)
    }

    .cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0
    }

    .cdk-overlay-connected-position-bounding-box {
        position: absolute;
        z-index: 1000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 1px;
        min-height: 1px
    }

    .cdk-global-scrollblock {
        position: fixed;
        width: 100%;
        overflow-y: scroll
    }

    .cdk-text-field-autofill-monitored:-webkit-autofill {
        -webkit-animation-name: cdk-text-field-autofill-start;
        animation-name: cdk-text-field-autofill-start
    }

    .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
        -webkit-animation-name: cdk-text-field-autofill-end;
        animation-name: cdk-text-field-autofill-end
    }

    textarea.cdk-textarea-autosize {
        resize: none
    }

    textarea.cdk-textarea-autosize-measuring {
        height: auto!important;
        overflow: hidden!important;
        padding: 2px 0!important;
        -webkit-box-sizing: content-box!important;
        box-sizing: content-box!important
    }

    .mat-ripple-element {
        background-color: rgba(0,0,0,0.1)
    }

    .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled) {
        background: rgba(0,0,0,0.04)
    }

    .mat-option.mat-active {
        background: rgba(0,0,0,0.04);
        color: rgba(0,0,0,0.87)
    }

    .mat-option.mat-option-disabled {
        color: rgba(0,0,0,0.38)
    }

    .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
        color: #3f51b5
    }

    .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
        color: #ff4081
    }

    .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
        color: #f44336
    }

    .mat-optgroup-disabled .mat-optgroup-label {
        color: rgba(0,0,0,0.38)
    }

    .mat-pseudo-checkbox {
        color: rgba(0,0,0,0.54)
    }

    .mat-pseudo-checkbox::after {
        color: #fafafa
    }

    .mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate {
        background: #ff4081
    }

    .mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate {
        background: #3f51b5
    }

    .mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate {
        background: #f44336
    }

    .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
        background: #b0b0b0
    }

    .mat-app-background {
        background-color: #fafafa;
        color: rgba(0,0,0,0.87)
    }

    .mat-theme-loaded-marker {
        display: none
    }

    .mat-autocomplete-panel {
        background: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
        background: #fff
    }

    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
        color: rgba(0,0,0,0.87)
    }

    .mat-badge-accent .mat-badge-content {
        background: #ff4081;
        color: #fff
    }

    .mat-badge-warn .mat-badge-content {
        color: #fff;
        background: #f44336
    }

    .mat-badge {
        position: relative
    }

    .mat-badge-hidden .mat-badge-content {
        display: none
    }

    .mat-badge-content {
        color: #fff;
        background: #3f51b5;
        position: absolute;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
        transition: -webkit-transform .2s ease-in-out;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        pointer-events: none
    }

    .mat-badge-content.mat-badge-active {
        -webkit-transform: none;
        transform: none
    }

    .mat-badge-small .mat-badge-content {
        width: 16px;
        height: 16px;
        line-height: 16px
    }

    .mat-badge-small.mat-badge-above .mat-badge-content {
        top: -8px
    }

    .mat-badge-small.mat-badge-below .mat-badge-content {
        bottom: -8px
    }

    .mat-badge-small.mat-badge-before .mat-badge-content {
        left: -16px
    }

    [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
        left: auto;
        right: -16px
    }

    .mat-badge-small.mat-badge-after .mat-badge-content {
        right: -16px
    }

    [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
        right: auto;
        left: -16px
    }

    .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: -8px
    }

    [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: auto;
        right: -8px
    }

    .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: -8px
    }

    [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: auto;
        left: -8px
    }

    .mat-badge-medium .mat-badge-content {
        width: 22px;
        height: 22px;
        line-height: 22px
    }

    .mat-badge-medium.mat-badge-above .mat-badge-content {
        top: -11px
    }

    .mat-badge-medium.mat-badge-below .mat-badge-content {
        bottom: -11px
    }

    .mat-badge-medium.mat-badge-before .mat-badge-content {
        left: -22px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
        left: auto;
        right: -22px
    }

    .mat-badge-medium.mat-badge-after .mat-badge-content {
        right: -22px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
        right: auto;
        left: -22px
    }

    .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: -11px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: auto;
        right: -11px
    }

    .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: -11px
    }

    [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: auto;
        left: -11px
    }

    .mat-badge-large .mat-badge-content {
        width: 28px;
        height: 28px;
        line-height: 28px
    }

    .mat-badge-large.mat-badge-above .mat-badge-content {
        top: -14px
    }

    .mat-badge-large.mat-badge-below .mat-badge-content {
        bottom: -14px
    }

    .mat-badge-large.mat-badge-before .mat-badge-content {
        left: -28px
    }

    [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
        left: auto;
        right: -28px
    }

    .mat-badge-large.mat-badge-after .mat-badge-content {
        right: -28px
    }

    [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
        right: auto;
        left: -28px
    }

    .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: -14px
    }

    [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
        left: auto;
        right: -14px
    }

    .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: -14px
    }

    [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
        right: auto;
        left: -14px
    }

    .mat-bottom-sheet-container {
        background: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-button,.mat-icon-button,.mat-stroked-button {
        color: inherit;
        background: 0 0
    }

    .mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary {
        color: #3f51b5
    }

    .mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent {
        color: #ff4081
    }

    .mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn {
        color: #f44336
    }

    .mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled] {
        color: rgba(0,0,0,0.26)
    }

    .mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay {
        background-color: rgba(63,81,181,0.12)
    }

    .mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay {
        background-color: rgba(255,64,129,0.12)
    }

    .mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay {
        background-color: rgba(244,67,54,0.12)
    }

    .mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay {
        background-color: transparent
    }

    .mat-button.mat-primary .mat-ripple-element,.mat-icon-button.mat-primary .mat-ripple-element,.mat-stroked-button.mat-primary .mat-ripple-element {
        background-color: rgba(63,81,181,0.1)
    }

    .mat-button.mat-accent .mat-ripple-element,.mat-icon-button.mat-accent .mat-ripple-element,.mat-stroked-button.mat-accent .mat-ripple-element {
        background-color: rgba(255,64,129,0.1)
    }

    .mat-button.mat-warn .mat-ripple-element,.mat-icon-button.mat-warn .mat-ripple-element,.mat-stroked-button.mat-warn .mat-ripple-element {
        background-color: rgba(244,67,54,0.1)
    }

    .mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button {
        color: rgba(0,0,0,0.87);
        background-color: #fff
    }

    .mat-fab.mat-accent,.mat-fab.mat-primary,.mat-fab.mat-warn,.mat-flat-button.mat-accent,.mat-flat-button.mat-primary,.mat-flat-button.mat-warn,.mat-mini-fab.mat-accent,.mat-mini-fab.mat-primary,.mat-mini-fab.mat-warn,.mat-raised-button.mat-accent,.mat-raised-button.mat-primary,.mat-raised-button.mat-warn {
        color: #fff
    }

    .mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled] {
        color: rgba(0,0,0,0.26);
        background-color: rgba(0,0,0,0.12)
    }

    .mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary {
        background-color: #3f51b5
    }

    .mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent {
        background-color: #ff4081
    }

    .mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn {
        background-color: #f44336
    }

    .mat-fab.mat-accent .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element {
        background-color: rgba(255,255,255,0.1)
    }

    .mat-icon-button.mat-primary .mat-ripple-element {
        background-color: rgba(63,81,181,0.2)
    }

    .mat-icon-button.mat-accent .mat-ripple-element {
        background-color: rgba(255,64,129,0.2)
    }

    .mat-icon-button.mat-warn .mat-ripple-element {
        background-color: rgba(244,67,54,0.2)
    }

    .mat-button-toggle {
        color: rgba(0,0,0,0.38)
    }

    .mat-button-toggle .mat-button-toggle-focus-overlay {
        background-color: rgba(0,0,0,0.12)
    }

    .mat-button-toggle-checked {
        background-color: #e0e0e0;
        color: rgba(0,0,0,0.54)
    }

    .mat-button-toggle-disabled {
        background-color: #eee;
        color: rgba(0,0,0,0.26)
    }

    .mat-button-toggle-disabled.mat-button-toggle-checked {
        background-color: #bdbdbd
    }

    .mat-card {
        background: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-card-subtitle {
        color: rgba(0,0,0,0.54)
    }

    .mat-checkbox-frame {
        border-color: rgba(0,0,0,0.54)
    }

    .mat-checkbox-checkmark {
        fill: #fafafa
    }

    .mat-checkbox-checkmark-path {
        stroke: #fafafa!important
    }

    .mat-checkbox-mixedmark {
        background-color: #fafafa
    }

    .mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
        background-color: #3f51b5
    }

    .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
        background-color: #0052ff
    }

    .mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
        background-color: #f44336
    }

    .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
        background-color: #b0b0b0
    }

    .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
        border-color: #b0b0b0
    }

    .mat-checkbox-disabled .mat-checkbox-label {
        color: #b0b0b0
    }

    .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
        background-color: rgba(63,81,181,0.26)
    }

    .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
        background-color: rgba(255,64,129,0.26)
    }

    .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
        background-color: rgba(244,67,54,0.26)
    }

    .mat-chip.mat-standard-chip {
        background-color: #e0e0e0;
        color: rgba(0,0,0,0.87)
    }

    .mat-chip.mat-standard-chip .mat-chip-remove {
        color: rgba(0,0,0,0.87);
        opacity: .4
    }

    .mat-chip.mat-standard-chip .mat-chip-remove:hover {
        opacity: .54
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
        background-color: #3f51b5;
        color: #fff
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
        color: #fff;
        opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
        opacity: .54
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
        background-color: #f44336;
        color: #fff
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
        color: #fff;
        opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
        opacity: .54
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
        background-color: #ff4081;
        color: #fff
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
        color: #fff;
        opacity: .4
    }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
        opacity: .54
    }

    .mat-table {
        background: #fff
    }

    .mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row {
        background: inherit
    }

    mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell {
        border-bottom-color: rgba(0,0,0,0.12)
    }

    .mat-header-cell {
        color: rgba(0,0,0,0.54)
    }

    .mat-cell,.mat-footer-cell {
        color: rgba(0,0,0,0.87)
    }

    .mat-calendar-arrow {
        border-top-color: rgba(0,0,0,0.54)
    }

    .mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle {
        color: rgba(0,0,0,0.54)
    }

    .mat-calendar-table-header {
        color: rgba(0,0,0,0.38)
    }

    .mat-calendar-table-header-divider::after {
        background: rgba(0,0,0,0.12)
    }

    .mat-calendar-body-label {
        color: rgba(0,0,0,0.54)
    }

    .mat-calendar-body-cell-content {
        color: rgba(0,0,0,0.87);
        border-color: transparent
    }

    .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
        color: rgba(0,0,0,0.38)
    }

    .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
        background-color: rgba(0,0,0,0.04)
    }

    .mat-calendar-body-today:not(.mat-calendar-body-selected) {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
        border-color: rgba(0,0,0,0.18)
    }

    .mat-calendar-body-selected {
        background-color: #3f51b5;
        color: #fff
    }

    .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: rgba(63,81,181,0.4)
    }

    .mat-calendar-body-today.mat-calendar-body-selected {
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-content {
        background-color: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
        background-color: #ff4081;
        color: #fff
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: rgba(255,64,129,0.4)
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
        background-color: #f44336;
        color: #fff
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: rgba(244,67,54,0.4)
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    .mat-datepicker-toggle-active {
        color: #3f51b5
    }

    .mat-datepicker-toggle-active.mat-accent {
        color: #ff4081
    }

    .mat-datepicker-toggle-active.mat-warn {
        color: #f44336
    }

    .mat-dialog-container {
        background: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-divider {
        border-top-color: rgba(0,0,0,0.12)
    }

    .mat-divider-vertical {
        border-right-color: rgba(0,0,0,0.12)
    }

    .mat-expansion-panel {
        background: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-action-row {
        border-top-color: rgba(0,0,0,0.12)
    }

    .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
        background: rgba(0,0,0,0.04)
    }

    .mat-expansion-panel-header-title {
        color: rgba(0,0,0,0.87)
    }

    .mat-expansion-indicator::after,.mat-expansion-panel-header-description {
        color: rgba(0,0,0,0.54)
    }

    .mat-expansion-panel-header[aria-disabled=true] {
        color: rgba(0,0,0,0.26)
    }

    .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
        color: inherit
    }

    .mat-form-field-label,.mat-hint {
        color: rgba(0,0,0,0.6)
    }

    .mat-form-field.mat-focused .mat-form-field-label {
        color: #3f51b5
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
        color: #ff4081
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
        color: #f44336
    }

    .mat-focused .mat-form-field-required-marker {
        color: #ff4081
    }

    .mat-form-field-ripple {
        background-color: rgba(0,0,0,0.87)
    }

    .mat-form-field.mat-focused .mat-form-field-ripple {
        background-color: #3f51b5
    }

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
        background-color: #ff4081
    }

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
        background-color: #f44336
    }

    .mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
        color: #f44336
    }

    .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
        background-color: #f44336
    }

    .mat-error {
        color: #f44336
    }

    .mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint {
        color: rgba(0,0,0,0.54)
    }

    .mat-form-field-appearance-legacy .mat-form-field-underline {
        bottom: 1.25em;
        background-color: rgba(0,0,0,0.42)
    }

    .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
        background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0.42)),color-stop(33%,rgba(0,0,0,0.42)),color-stop(0,transparent));
        background-image: linear-gradient(to right,rgba(0,0,0,0.42) 0,rgba(0,0,0,0.42) 33%,transparent 0);
        background-size: 4px 100%;
        background-repeat: repeat-x
    }

    .mat-form-field-appearance-standard .mat-form-field-underline {
        background-color: rgba(0,0,0,0.42)
    }

    .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
        background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0.42)),color-stop(33%,rgba(0,0,0,0.42)),color-stop(0,transparent));
        background-image: linear-gradient(to right,rgba(0,0,0,0.42) 0,rgba(0,0,0,0.42) 33%,transparent 0);
        background-size: 4px 100%;
        background-repeat: repeat-x
    }

    .mat-form-field-appearance-fill .mat-form-field-flex {
        background-color: rgba(0,0,0,0.04)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
        background-color: rgba(0,0,0,0.02)
    }

    .mat-form-field-appearance-fill .mat-form-field-underline::before {
        background-color: rgba(0,0,0,0.42)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
        color: rgba(0,0,0,0.38)
    }

    .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
        background-color: transparent
    }

    .mat-form-field-appearance-outline .mat-form-field-outline {
        color: rgba(0,0,0,0.12)
    }

    .mat-form-field-appearance-outline .mat-form-field-outline-thick {
        color: rgba(0,0,0,0.87)
    }

    .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
        color: #3f51b5
    }

    .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
        color: #ff4081
    }

    .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
        color: #f44336
    }

    .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
        color: rgba(0,0,0,0.38)
    }

    .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
        color: rgba(0,0,0,0.06)
    }

    .mat-icon.mat-primary {
        color: #3f51b5
    }

    .mat-icon.mat-accent {
        color: #ff4081
    }

    .mat-icon.mat-warn {
        color: #f44336
    }

    .mat-input-element:disabled {
        color: rgba(0,0,0,0.38)
    }

    .mat-input-element {
        caret-color: #3f51b5
    }

    .mat-input-element::-ms-input-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element::-webkit-input-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element:-ms-input-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element::placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element::-moz-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element::-webkit-input-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-input-element:-ms-input-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-accent .mat-input-element {
        caret-color: #ff4081
    }

    .mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element {
        caret-color: #f44336
    }

    .mat-list .mat-list-item,.mat-list .mat-list-option,.mat-nav-list .mat-list-item,.mat-nav-list .mat-list-option,.mat-selection-list .mat-list-item,.mat-selection-list .mat-list-option {
        color: rgba(0,0,0,0.87)
    }

    .mat-list .mat-subheader,.mat-nav-list .mat-subheader,.mat-selection-list .mat-subheader {
        color: rgba(0,0,0,0.54)
    }

    .mat-list-item-disabled {
        background-color: #eee
    }

    .mat-list-option.mat-list-item-focus,.mat-list-option:hover,.mat-nav-list .mat-list-item.mat-list-item-focus,.mat-nav-list .mat-list-item:hover {
        background: rgba(0,0,0,0.04)
    }

    .mat-menu-panel {
        background: #fff
    }

    .mat-menu-item {
        background: 0 0;
        color: rgba(0,0,0,0.87)
    }

    .mat-menu-item[disabled],.mat-menu-item[disabled]::after {
        color: rgba(0,0,0,0.38)
    }

    .mat-menu-item .mat-icon:not([color]),.mat-menu-item-submenu-trigger::after {
        color: rgba(0,0,0,0.54)
    }

    .mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]) {
        background: rgba(0,0,0,0.04)
    }

    .mat-paginator {
        background: #fff
    }

    .mat-paginator,.mat-paginator-page-size .mat-select-trigger {
        color: rgba(0,0,0,0.54)
    }

    .mat-paginator-decrement,.mat-paginator-increment {
        border-top: 2px solid rgba(0,0,0,0.54);
        border-right: 2px solid rgba(0,0,0,0.54)
    }

    .mat-paginator-first,.mat-paginator-last {
        border-top: 2px solid rgba(0,0,0,0.54)
    }

    .mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-progress-bar-background {
        fill: #c5cae9
    }

    .mat-progress-bar-buffer {
        background-color: #c5cae9
    }

    .mat-progress-bar-fill::after {
        background-color: #3f51b5
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-background {
        fill: #ff80ab
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
        background-color: #ff80ab
    }

    .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
        background-color: #ff4081
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-background {
        fill: #ffcdd2
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
        background-color: #ffcdd2
    }

    .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
        background-color: #f44336
    }

    .mat-progress-spinner circle,.mat-spinner circle {
        stroke: #3f51b5
    }

    .mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle {
        stroke: #ff4081
    }

    .mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle {
        stroke: #f44336
    }

    .mat-radio-outer-circle {
        border: 1px solid #DDDDD4
    }

    .mat-radio-disabled .mat-radio-outer-circle {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-radio-disabled .mat-radio-inner-circle,.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
        background-color: rgba(0,0,0,0.38)
    }

    .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
        border-color: #3f51b5
    }

    .mat-radio-button.mat-primary .mat-radio-inner-circle {
        background-color: #3f51b5
    }

    .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
        background-color: rgba(63,81,181,0.26)
    }

    .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
        border-color: #0052ff;
        border: 2px solid #0052ff
    }

    .mat-radio-button.mat-accent.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-radio-button.mat-accent.mat-radio-disabled.mat-radio-checked .mat-radio-inner-circle {
        background-color: rgba(0,0,0,0.38)
    }

    .mat-radio-button.mat-accent .mat-radio-inner-circle {
        background-color: #0052ff
    }

    .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
        background-color: rgba(255,64,129,0.26)
    }

    .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
        border-color: #0052ff
    }

    .mat-radio-button.mat-warn .mat-radio-inner-circle {
        background-color: #0052ff
    }

    .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
        background-color: rgba(244,67,54,0.26)
    }

    .mat-select-content,.mat-select-panel-done-animating {
        background: #fff
    }

    .mat-select-value {
        color: rgba(0,0,0,0.87)
    }

    .mat-select-placeholder {
        color: rgba(0,0,0,0.42)
    }

    .mat-select-disabled .mat-select-value {
        color: rgba(0,0,0,0.38)
    }

    .mat-select-arrow {
        color: rgba(0,0,0,0.54)
    }

    .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
        background: rgba(0,0,0,0.12)
    }

    .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
        color: #3f51b5
    }

    .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
        color: #ff4081
    }

    .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
        color: #f44336
    }

    .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
        color: rgba(0,0,0,0.38)
    }

    .mat-drawer-container {
        background-color: #fafafa;
        color: rgba(0,0,0,0.87)
    }

    .mat-drawer {
        background-color: #fff;
        color: rgba(0,0,0,0.87)
    }

    .mat-drawer.mat-drawer-push {
        background-color: #fff
    }

    .mat-drawer-backdrop.mat-drawer-shown {
        background-color: rgba(0,0,0,0.6)
    }

    .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
        background-color: #e91e63
    }

    .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
        background-color: rgba(233,30,99,0.5)
    }

    .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
        background-color: rgba(0,0,0,0.06)
    }

    .mat-slide-toggle .mat-ripple-element {
        background-color: rgba(233,30,99,0.12)
    }

    .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
        background-color: #3f51b5
    }

    .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
        background-color: rgba(63,81,181,0.5)
    }

    .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
        background-color: rgba(0,0,0,0.06)
    }

    .mat-slide-toggle.mat-primary .mat-ripple-element {
        background-color: rgba(63,81,181,0.12)
    }

    .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
        background-color: #f44336
    }

    .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
        background-color: rgba(244,67,54,0.5)
    }

    .mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
        background-color: rgba(0,0,0,0.06)
    }

    .mat-slide-toggle.mat-warn .mat-ripple-element {
        background-color: rgba(244,67,54,0.12)
    }

    .mat-disabled .mat-slide-toggle-thumb {
        background-color: #bdbdbd
    }

    .mat-disabled .mat-slide-toggle-bar {
        background-color: rgba(0,0,0,0.1)
    }

    .mat-slide-toggle-thumb {
        background-color: #fafafa
    }

    .mat-slide-toggle-bar {
        background-color: rgba(0,0,0,0.38)
    }

    .mat-slider-track-background {
        background-color: rgba(0,0,0,0.26)
    }

    .mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill {
        background-color: #3f51b5
    }

    .mat-primary .mat-slider-thumb-label-text {
        color: #fff
    }

    .mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill {
        background-color: #ff4081
    }

    .mat-accent .mat-slider-thumb-label-text {
        color: #fff
    }

    .mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill {
        background-color: #f44336
    }

    .mat-warn .mat-slider-thumb-label-text {
        color: #fff
    }

    .mat-slider-focus-ring {
        background-color: rgba(255,64,129,0.2)
    }

    .cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background {
        background-color: rgba(0,0,0,0.38)
    }

    .mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled:hover .mat-slider-track-background {
        background-color: rgba(0,0,0,0.26)
    }

    .mat-slider-min-value .mat-slider-focus-ring {
        background-color: rgba(0,0,0,0.12)
    }

    .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
        background-color: rgba(0,0,0,0.87)
    }

    .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
        background-color: rgba(0,0,0,0.26)
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
        border-color: rgba(0,0,0,0.26);
        background-color: transparent
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
        border-color: rgba(0,0,0,0.26)
    }

    .mat-slider-has-ticks .mat-slider-wrapper::after {
        border-color: rgba(0,0,0,0.7)
    }

    .mat-slider-horizontal .mat-slider-ticks {
        background-image: repeating-linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0.7) 2px,transparent 0,transparent);
        background-image: -moz-repeating-linear-gradient(0.0001deg,rgba(0,0,0,0.7),rgba(0,0,0,0.7) 2px,transparent 0,transparent)
    }

    .mat-slider-vertical .mat-slider-ticks {
        background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0.7) 2px,transparent 0,transparent)
    }

    .mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover {
        background-color: rgba(0,0,0,0.04)
    }

    .mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
        color: rgba(0,0,0,0.38)
    }

    .mat-step-header .mat-step-icon {
        background-color: #3f51b5;
        color: #fff
    }

    .mat-step-header .mat-step-icon-not-touched {
        background-color: rgba(0,0,0,0.38);
        color: #fff
    }

    .mat-step-header .mat-step-label.mat-step-label-active {
        color: rgba(0,0,0,0.87)
    }

    .mat-stepper-horizontal,.mat-stepper-vertical {
        background-color: #fff
    }

    .mat-stepper-vertical-line::before {
        border-left-color: rgba(0,0,0,0.12)
    }

    .mat-stepper-horizontal-line {
        border-top-color: rgba(0,0,0,0.12)
    }

    .mat-sort-header-arrow {
        color: #757575
    }

    .mat-tab-header,.mat-tab-nav-bar {
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

    .mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar {
        border-top: 1px solid rgba(0,0,0,0.12);
        border-bottom: none
    }

    .mat-tab-label,.mat-tab-link {
        color: rgba(0,0,0,0.87)
    }

    .mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled {
        color: rgba(0,0,0,0.38)
    }

    .mat-tab-header-pagination-chevron {
        border-color: rgba(0,0,0,0.87)
    }

    .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: rgba(0,0,0,0.38)
    }

    .mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-] {
        border-bottom: none;
        border-top: none
    }

    .mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(197,202,233,0.3)
    }

    .mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar {
        background-color: #3f51b5
    }

    .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
        background-color: #fff
    }

    .mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(255,128,171,0.3)
    }

    .mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar {
        background-color: #ff4081
    }

    .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
        background-color: #fff
    }

    .mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(255,205,210,0.3)
    }

    .mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar {
        background-color: #f44336
    }

    .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
        background-color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(197,202,233,0.3)
    }

    .mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
        background-color: #3f51b5
    }

    .mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
        color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
        border-color: #fff
    }

    .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
        background-color: rgba(255,255,255,0.12)
    }

    .mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(255,128,171,0.3)
    }

    .mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
        background-color: #ff4081
    }

    .mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
        color: #fff
    }

    .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
        border-color: #fff
    }

    .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
        background-color: rgba(255,255,255,0.12)
    }

    .mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
        background-color: rgba(255,205,210,0.3)
    }

    .mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
        background-color: #f44336
    }

    .mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
        color: #fff
    }

    .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
        border-color: #fff
    }

    .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
        border-color: rgba(255,255,255,0.4)
    }

    .mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
        background-color: rgba(255,255,255,0.12)
    }

    .mat-toolbar {
        background: #f5f5f5;
        color: rgba(0,0,0,0.87)
    }

    .mat-toolbar.mat-primary {
        background: #3f51b5;
        color: #fff
    }

    .mat-toolbar.mat-accent {
        background: #ff4081;
        color: #fff
    }

    .mat-toolbar.mat-warn {
        background: #f44336;
        color: #fff
    }

    .mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline {
        background-color: currentColor
    }

    .mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value {
        color: inherit
    }

    .mat-toolbar .mat-input-element {
        caret-color: currentColor
    }

    .mat-tooltip {
        background: rgba(97,97,97,0.9)
    }

    .mat-tree {
        background: #fff
    }

    .mat-tree-node {
        color: rgba(0,0,0,0.87)
    }

    .mat-snack-bar-container {
        background: #323232;
        color: #fff
    }

    .mat-simple-snackbar-action {
        color: #ff4081
    }

    .docs-app-background {
        background: #fafafa
    }

    .docs-primary-header {
        background: #3f51b5
    }

    .docs-footer {
        background: #3f51b5;
        color: #fff
    }

    .docs-component-category-list-card-summary,.docs-component-list-item {
        color: rgba(0,0,0,0.54)
    }

    .docs-component-viewer-nav-content {
        background: rgba(0,0,0,0.03)
    }

    .docs-component-viewer-nav-content::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.26)
    }

    .docs-component-viewer-nav-content .docs-nav-content-btn {
        color: rgba(0,0,0,0.5)
    }

    .docs-component-viewer-nav-content .docs-nav-content-btn:focus {
        background: rgba(0,0,0,0.08)
    }

    .docs-component-viewer-nav-content hr {
        border: none;
        border-top: 1px solid rgba(0,0,0,0.1)
    }

    .docs-component-viewer-nav-content a {
        color: rgba(0,0,0,0.54)
    }

    .docs-component-viewer-nav-content a.docs-component-viewer-sidenav-item-selected,.docs-component-viewer-nav-content a:hover {
        color: #3f51b5
    }
}

@media all and (max-width: 720px) {
    .docs-component-viewer-sidenav .docs-component-viewer-nav-content {
        background:0 0
    }

    .mat-drawer::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.26)
    }
}

@media all {
    app-component-viewer,app-component-viewer .mat-tab-label:focus,guide-viewer,guide-viewer .mat-tab-label:focus {
        color: rgba(0,0,0,0.87)
    }

    .docs-api-h3 {
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

    .docs-api-method-parameter-type,.docs-api-method-returns-type {
        color: #303f9f
    }

    .docs-api-h1 {
        display: none!important
    }

    .docs-api > p {
        word-break: break-word
    }

    .docs-api-class-export-name,.docs-api-class-name,.docs-api-class-selector-name,.docs-api-module-import {
        background: rgba(0,0,0,0.06)
    }

    .docs-markdown-a {
        text-decoration: none;
        color: #3f51b5
    }

    .docs-markdown-pre {
        background: rgba(0,0,0,0.01);
        border: .5px solid rgba(0,0,0,0.03)
    }

    .docs-markdown-pre .docs-markdown-code {
        background: 0 0
    }

    .docs-markdown-h3 .material-icons,.docs-markdown-h4 .material-icons {
        color: rgba(0,0,0,0.54)
    }

    .docs-markdown-code {
        background: rgba(0,0,0,0.03)
    }

    .docs-svg-primary-fill {
        fill: #3f51b5
    }

    .docs-svg-primary-stroke {
        stroke: #3f51b5
    }

    .docs-svg-primary-stop-color {
        stop-color: #3f51b5
    }

    .docs-svg-accent-fill {
        fill: #ff4081
    }

    .docs-svg-accent-stroke {
        stroke: #ff4081
    }

    .docs-svg-accent-stop-color {
        stop-color: #ff4081
    }

    .docs-svg-primary-dark-30-fill {
        fill: #2c397f
    }

    .docs-svg-primary-dark-30-stroke {
        stroke: #2c397f
    }

    .docs-svg-primary-dark-30-stop-color {
        stop-color: #2c397f
    }

    .docs-svg-primary-dark-40-fill {
        fill: #26316d
    }

    .docs-svg-primary-dark-40-stroke {
        stroke: #26316d
    }

    .docs-svg-primary-dark-40-stop-color {
        stop-color: #26316d
    }

    .docs-svg-primary-light-20-fill {
        fill: #6171c8
    }

    .docs-svg-primary-light-20-stroke {
        stroke: #6171c8
    }

    .docs-svg-primary-light-20-stop-color {
        stop-color: #6171c8
    }

    .docs-svg-primary-light-30-fill {
        fill: #7583cf
    }

    .docs-svg-primary-light-30-stroke {
        stroke: #7583cf
    }

    .docs-svg-primary-light-30-stop-color {
        stop-color: #7583cf
    }

    .docs-svg-primary-light-40-fill {
        fill: #8994d6
    }

    .docs-svg-primary-light-40-stroke {
        stroke: #8994d6
    }

    .docs-svg-primary-light-40-stop-color {
        stop-color: #8994d6
    }

    .docs-svg-primary-light-60-fill {
        fill: #b0b8e4
    }

    .docs-svg-primary-light-60-stroke {
        stroke: #b0b8e4
    }

    .docs-svg-primary-light-60-stop-color {
        stop-color: #b0b8e4
    }

    .docs-svg-primary-light-80-fill {
        fill: #d8dbf1
    }

    .docs-svg-primary-light-80-stroke {
        stroke: #d8dbf1
    }

    .docs-svg-primary-light-80-stop-color {
        stop-color: #d8dbf1
    }

    .docs-svg-primary-light-85-fill {
        fill: #e1e4f5
    }

    .docs-svg-primary-light-85-stroke {
        stroke: #e1e4f5
    }

    .docs-svg-primary-light-85-stop-color {
        stop-color: #e1e4f5
    }

    .docs-api table,.docs-markdown-table {
        color: rgba(0,0,0,0.87)
    }

    .docs-api th,.docs-markdown-th {
        background: #f5f5f5
    }

    .docs-api td,.docs-markdown-td {
        border: 1px solid rgba(0,0,0,0.03)
    }

    example-viewer .docs-example-viewer-wrapper {
        border: 1px solid rgba(0,0,0,0.03);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);
        box-shadow: 0 2px 2px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,0.12);
        margin: 4px
    }

    example-viewer .docs-example-viewer-title {
        color: rgba(0,0,0,0.54);
        background: rgba(0,0,0,0.03)
    }

    example-viewer .docs-example-source-copy {
        color: rgba(0,0,0,0.38);
        right: 8px
    }

    [dir=rtl] example-viewer .docs-example-source-copy {
        right: auto;
        left: 8px
    }

    example-viewer .docs-example-source {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        overflow-x: scroll
    }

    app-footer .docs-footer-links a {
        color: #fff
    }

    .docs-guide-list .docs-guide-item {
        color: #3f51b5
    }

    app-homepage .docs-header-background {
        background: #3f51b5
    }

    app-homepage .docs-header-headline {
        color: #fff
    }

    app-homepage .docs-header-start {
        color: #3f51b5
    }

    app-homepage .docs-homepage-row {
        color: rgba(0,0,0,0.54)
    }

    app-navbar {
        color: #fff
    }

    app-navbar .docs-navbar,app-navbar .docs-navbar-header {
        background: #3f51b5
    }

    .docs-toc-container {
        border-left: 4px solid #3f51b5
    }

    .docs-toc-container .docs-link {
        color: rgba(0,0,0,0.54);
        -webkit-transition: color .1s;
        transition: color .1s
    }

    .docs-toc-container .docs-link.docs-active,.docs-toc-container .docs-link:hover {
        color: #3f51b5
    }

    .hljs {
        display: block;
        overflow-x: auto;
        padding: 1em;
        background: #fafafa;
        color: #37474f;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    .hljs-section,.hljs > ::-moz-selection {
        background-color: #d6edea
    }

    .hljs-section,.hljs > ::selection {
        background-color: #d6edea
    }

    .hljs-comment {
        color: #b0bec5
    }

    .hljs-meta,.hljs-regexp,.hljs-selector-tag,.hljs-tag {
        color: #9c27b0
    }

    .hljs-string,.hljs-subst {
        color: #0d904f
    }

    .hljs-number,.hljs-template-variable,.hljs-variable {
        color: #80cbc4
    }

    .hljs-attribute,.hljs-keyword,.hljs-name,.hljs-type {
        color: #3b78e7
    }

    .hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-function > .hljs-title,.hljs-link,.hljs-symbol,.hljs-title {
        color: #6182b8
    }

    .hljs-params {
        color: #d81b60
    }

    .hljs-addition {
        color: #3b78e7;
        display: inline-block;
        width: 100%
    }

    .hljs-deletion {
        color: #e53935;
        display: inline-block;
        width: 100%
    }

    .hljs-selector-class,.hljs-selector-id {
        color: #8796b0
    }

    .hljs-emphasis {
        font-style: italic
    }

    .hljs-strong {
        font-weight: 700
    }

    .hljs-link {
        text-decoration: underline
    }

    .mat-ripple-element {
        display: none!important
    }
}

:host ::ng-deep .ng-star-inserted p {
    text-transform: lowercase
}

:host ::ng-deep .errormsg {
    margin-top: 1%;
    color: red;
    width: 100%!important;
    margin-bottom: 0!important
}

@media all {
    .ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
        font-family: Roboto,"Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 1em
    }

    .ui-widget :active {
        outline: 0
    }

    .ui-widget-content {
        border: 1px solid #d5d5d5;
        background-color: #fff;
        color: #222
    }

    .ui-widget-content a {
        color: #222
    }

    .ui-widget-header {
        border: 1px solid #d9d9d9;
        color: #1b1d1f;
        font-weight: 400
    }

    .ui-widget-header a {
        color: #1b1d1f
    }

    .ui-widget-overlay {
        background-color: #666;
        opacity: .5;
        filter: Alpha(Opacity=50)
    }

    .ui-state-default {
        border: 1px solid #d6d6d6;
        background-color: #fff;
        color: #555
    }

    .ui-state-default a {
        color: #555
    }

    .ui-state-active {
        border-color: #bebebe;
        background-color: #d6d6d6;
        color: #212121
    }

    .ui-state-active a {
        color: #212121
    }

    .ui-state-highlight {
        border-color: #156090;
        background-color: #186ba0;
        color: #fff
    }

    .ui-state-highlight a {
        color: #fff
    }

    .ui-state-focus {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-state-focus a {
        color: #212121
    }

    .ui-state-error {
        border-color: #f44336;
        background-color: #f5554a;
        color: #cd0a0a
    }

    .ui-state-error a {
        color: #cd0a0a
    }

    .ui-state-disabled,.ui-widget:disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
        cursor: default!important
    }

    .ui-state-disabled *,.ui-widget:disabled * {
        cursor: default!important
    }

    .ui-inputtext:enabled:hover {
        border-color: silver
    }

    .ui-inputtext.ui-state-focus,.ui-inputtext:focus {
        outline: 0;
        border-color: silver;
        -webkit-box-shadow: 0 0 5px silver;
        box-shadow: 0 0 5px silver
    }

    .ui-inputgroup .ui-inputgroup-addon {
        border-color: #d6d6d6;
        background-color: #f0f0f0;
        color: #222
    }

    .ui-inputgroup .ui-inputgroup-addon:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .ui-inputgroup .ui-inputgroup-addon:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .ui-inputgroup .ui-button:first-child {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .ui-inputgroup .ui-button:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .ui-float-label input.ng-dirty.ng-invalid ~ label {
        color: #cd0a0a
    }

    .ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus,.ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover,.ui-chips > ul:not(.ui-state-disabled).ui-state-focus,.ui-chips > ul:not(.ui-state-disabled):hover {
        border-color: silver
    }

    .ui-button:enabled:hover a,.ui-button:focus a,.ui-fileupload-choose:not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-dropdown .ui-dropdown-clear-icon {
        color: #888
    }

    .ui-dropdown:not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-dropdown:not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-listbox .ui-listbox-header .ui-listbox-filter-container .fa {
        color: #222
    }

    .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-listbox:not(.ui-state-disabled) .ui-listbox-item.ui-state-disabled .ui-chkbox-box:hover {
        background-color: #fff;
        border-color: #d6d6d6
    }

    .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-active):hover {
        border-color: #d6d6d6;
        background-color: #fff;
        color: #555
    }

    .ui-multiselect:not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-multiselect:not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-multiselect-panel .ui-multiselect-item.ui-state-disabled:hover .ui-chkbox-box {
        background-color: #fff;
        border-color: #d6d6d6
    }

    .ui-multiselect-panel .ui-multiselect-close {
        color: #1b1d1f
    }

    .ui-multiselect-panel .ui-multiselect-filter-container .fa {
        color: #222
    }

    .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover a {
        color: #212121
    }

    .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-paginator a {
        color: #555
    }

    .ui-datatable .ui-rowgroup-header a {
        color: #1b1d1f
    }

    .ui-datatable .ui-sortable-column:not(.ui-state-active):hover {
        background-color: #eee;
        color: #212121
    }

    .ui-datatable .ui-row-toggler {
        color: #222
    }

    .ui-datatable tbody.ui-datatable-hoverable-rows > tr.ui-widget-content:not(.ui-state-highlight):hover {
        cursor: pointer;
        background-color: #eee;
        color: #212121
    }

    .ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover a {
        color: #212121
    }

    .ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover a {
        color: #212121
    }

    .ui-picklist .ui-picklist-droppoint-highlight {
        border-color: #156090;
        background-color: #186ba0;
        color: #1f1f1f
    }

    .ui-picklist .ui-picklist-droppoint-highlight a {
        color: #1f1f1f
    }

    .ui-picklist .ui-picklist-highlight {
        border-color: #156090;
        color: #1f1f1f
    }

    .ui-picklist .ui-picklist-highlight a {
        color: #1f1f1f
    }

    .ui-tree.ui-treenode-dragover {
        border-color: #156090
    }

    .ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover a {
        color: #212121
    }

    .ui-tree .ui-treenode-content.ui-treenode-dragover {
        background-color: #d6d6d6;
        color: #212121
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
        background-color: inherit;
        color: inherit
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover a {
        color: #212121
    }

    .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover a {
        color: #212121
    }

    .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
        border-color: silver;
        color: #212121
    }

    .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover a {
        color: #212121
    }

    .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover a {
        color: #212121
    }

    .ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-dialog .ui-dialog-titlebar-icon {
        color: #1b1d1f
    }

    .ui-dialog .ui-dialog-titlebar-icon:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-dialog .ui-dialog-titlebar-icon:hover a {
        color: #212121
    }

    .ui-sidebar .ui-sidebar-close {
        color: #1b1d1f
    }

    .ui-sidebar .ui-sidebar-close:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-sidebar .ui-sidebar-close:hover a {
        color: #212121
    }

    .ui-overlaypanel .ui-overlaypanel-close:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-overlaypanel .ui-overlaypanel-close:hover a {
        color: #212121
    }

    .ui-inplace .ui-inplace-display:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-inplace .ui-inplace-display:hover a {
        color: #212121
    }

    .ui-breadcrumb a {
        color: #1b1d1f
    }

    .ui-menuitem .ui-menuitem-link {
        color: #222
    }

    .ui-menuitem .ui-menuitem-link:hover {
        border-color: transparent;
        background-color: #eee;
        color: #212121
    }

    .ui-menuitem .ui-menuitem-link:hover a {
        color: #212121
    }

    .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
        border-color: transparent;
        background-color: #eee;
        color: #212121
    }

    .ui-menuitem.ui-menuitem-active > .ui-menuitem-link a {
        color: #212121
    }

    .ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
        color: #212121
    }

    .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
        border-color: #d6d6d6;
        background-color: #eee;
        color: #212121
    }

    .ui-panelmenu .ui-panelmenu-header.ui-state-active a,.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover a {
        color: #212121
    }

    .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
        color: #222
    }

    .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover {
        border-color: transparent;
        background-color: #eee;
        color: #212121
    }

    .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover a {
        color: #212121
    }

    .ui-datepicker .ui-datepicker-header a {
        color: #1b1d1f
    }

    .ui-datepicker .ui-datepicker-header a:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-datepicker .ui-datepicker-header a:hover a {
        color: #212121
    }

    .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover a {
        color: #212121
    }

    .ui-datepicker .ui-monthpicker .ui-monthpicker-month:hover {
        border-color: silver;
        background-color: #eee;
        color: #212121
    }

    .ui-datepicker .ui-monthpicker .ui-monthpicker-month:hover a {
        color: #212121
    }

    .fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w {
        margin-top: .3em;
        background: 0 0!important;
        font-family: primeicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0!important;
        text-align: center
    }

    .fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {
        content: ""
    }

    .fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e {
        margin-top: .3em;
        background: 0 0!important;
        font-family: primeicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0!important;
        text-align: center
    }

    .fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e:before {
        content: ""
    }

    .ui-rating a {
        color: #222
    }

    .ui-organizationchart .ui-organizationchart-line-down {
        background-color: #bcbcbc
    }

    .ui-organizationchart .ui-organizationchart-line-left {
        border-right: 1px solid #bcbcbc
    }

    .ui-organizationchart .ui-organizationchart-line-top {
        border-top: 1px solid #bcbcbc
    }

    .ui-organizationchart .ui-organizationchart-node-content {
        border-color: #bcbcbc
    }

    .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        color: #bcbcbc
    }

    .ui-table .ui-table-tfoot > tr > td,.ui-table .ui-table-thead > tr > th {
        border: 1px solid #d9d9d9;
        color: #1b1d1f
    }

    .ui-table .ui-table-tbody > tr {
        background-color: #fff;
        color: #222
    }

    .ui-table .ui-table-tbody > tr > td {
        border: 1px solid #d5d5d5;
        background-color: inherit
    }

    .ui-table .ui-table-tbody > tr.ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
        background-color: #3ca1e2;
        color: #fff
    }

    .ui-table .ui-sortable-column .ui-sortable-column-icon {
        color: #1b1d1f
    }

    .ui-table .ui-sortable-column.ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #fff
    }

    .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
        color: #212121
    }

    .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #212121
    }

    .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
        cursor: pointer;
        background-color: #eee;
        color: #212121
    }

    .ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td {
        -webkit-box-shadow: inset 0 2px 0 0 #186ba0;
        box-shadow: inset 0 2px 0 0 #186ba0
    }

    .ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
        -webkit-box-shadow: inset 0 -2px 0 0 #186ba0;
        box-shadow: inset 0 -2px 0 0 #186ba0
    }

    .ui-treetable .ui-treetable-tfoot > tr > td,.ui-treetable .ui-treetable-thead > tr > th {
        border: 1px solid #d9d9d9;
        color: #1b1d1f
    }

    .ui-treetable .ui-treetable-tbody > tr {
        background-color: #fff;
        color: #222
    }

    .ui-treetable .ui-treetable-tbody > tr > td {
        border: 1px solid #d5d5d5;
        background-color: inherit
    }

    .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight .ui-treetable-toggler {
        color: #fff
    }

    .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
        background-color: #3ca1e2;
        color: #fff
    }

    .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected .ui-treetable-toggler {
        color: #fff
    }

    .ui-treetable .ui-treetable-tbody > tr .ui-treetable-toggler {
        color: #222
    }

    .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
        color: #1b1d1f
    }

    .ui-treetable .ui-sortable-column.ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
        color: #fff
    }

    .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
        color: #212121
    }

    .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
        color: #212121
    }

    .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
        cursor: pointer;
        background-color: #eee;
        color: #212121
    }
}

@media all and (max-width: 35em) {
    .ui-table-responsive .ui-table-tbody > tr,.ui-treetable-responsive .ui-treetable-tbody > tr {
        border-top:1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5
    }
}

@media all {
    .ui-treetable .ui-treetable-tbody > tr.ui-treetable-dragpoint-top > td {
        -webkit-box-shadow: inset 0 2px 0 0 #186ba0;
        box-shadow: inset 0 2px 0 0 #186ba0
    }

    .ui-treetable .ui-treetable-tbody > tr.ui-treetable-dragpoint-bottom > td {
        -webkit-box-shadow: inset 0 -2px 0 0 #186ba0;
        box-shadow: inset 0 -2px 0 0 #186ba0
    }

    .ui-inputswitch .ui-inputswitch-slider {
        -webkit-transition: background-color .3s,-webkit-box-shadow .2s;
        transition: background-color .3s,-webkit-box-shadow .2s;
        transition: background-color .3s,box-shadow .2s;
        transition: background-color .3s,box-shadow .2s,-webkit-box-shadow .2s;
        background: #ccc
    }

    .ui-inputswitch .ui-inputswitch-slider:before {
        background-color: #fff
    }

    .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
        -webkit-box-shadow: 0 0 5px silver;
        box-shadow: 0 0 5px silver
    }

    .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
        background-color: #b7b7b7
    }

    .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
        background-color: #186ba0
    }

    .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
        background-color: #114d74
    }

    .ui-inputtext.ng-dirty.ng-invalid,p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,p-chips.ng-dirty.ng-invalid > .ui-inputtext,p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,p-listbox.ng-dirty.ng-invalid .ui-inputtext,p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,p-selectbutton.ng-dirty.ng-invalid .ui-button,p-spinner.ng-dirty.ng-invalid > .ui-inputtext,p-togglebutton.ng-dirty.ng-invalid .ui-button {
        border-bottom-color: #f44336
    }

    .ui-corner-tl {
        border-top-left-radius: 3px
    }

    .ui-corner-tr {
        border-top-right-radius: 3px
    }

    .ui-corner-bl {
        border-bottom-left-radius: 3px
    }

    .ui-corner-br {
        border-bottom-right-radius: 3px
    }

    .ui-corner-top {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .ui-corner-bottom {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .ui-corner-right {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .ui-corner-left {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .ui-corner-all {
        border-radius: 3px
    }
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(roboto-v15-latin-regular.eot);
    src: local(Roboto),local(Roboto-Regular),url(roboto-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(roboto-v15-latin-regular.woff2) format("woff2"),url(roboto-v15-latin-regular.woff) format("woff"),url(roboto-v15-latin-regular.ttf) format("truetype"),url(roboto-v15-latin-regular.svg#Roboto) format("svg")
}

@media all {
    .ui-widget-header {
        background: repeat-x #f6f7f9;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f7f9),to(#ebedf0));
        background: linear-gradient(to bottom,#f6f7f9 0,#ebedf0 100%)
    }

    .ui-accordion .ui-accordion-header {
        background: #f6f7f9;
        border-top: 1px solid #d9d9d9;
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom:1}

    .ui-accordion .ui-accordion-header a {
        color: #1b1d1f;
        display: block;
        padding: .5em
    }

    .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
        background: #ededf0
    }

    .ui-accordion .ui-accordion-header.ui-state-active {
        background: #fff;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-radius: 0
    }

    .ui-accordion .ui-accordion-content,.ui-tabview.ui-widget-content {
        border: 0
    }

    .ui-tabview .ui-tabview-nav {
        background: 0 0
    }

    .ui-tabview .ui-tabview-nav > li.ui-state-default {
        background: #f6f7f9
    }

    .ui-tabview .ui-tabview-nav > li.ui-state-active {
        background: #fff;
        font-weight: 400;
        color: #555
    }

    .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
        background: #ededf0
    }

    .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {
        border: 1px solid #1f89ce;
        background: #1f89ce;
        outline: 0;
        color: #fff
    }

    .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-slider {
        background: #838688;
        border: none;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset
    }

    .ui-slider .ui-slider-handle {
        width: 17px!important;
        height: 21px!important;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAVCAYAAAAjODzXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBQjgwQThDRjQ4ODExRTBBMzgxQjZGRjMwN0M4RjFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBQjgwQThERjQ4ODExRTBBMzgxQjZGRjMwN0M4RjFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFCODBBOEFGNDg4MTFFMEEzODFCNkZGMzA3QzhGMUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFCODBBOEJGNDg4MTFFMEEzODFCNkZGMzA3QzhGMUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5U68QXAAAED0lEQVR42qyWzU9jVRjGz+29pdBSKJWAksmMGheTyAwLKCRE/gAXAq5MEHZujCtCov8CS5dOMgkLozALo0ZCYgTdkgyTAhqR8GUDmGKhQin97q3Pc3zP5FpnGJ16k6f33N7z/u77dc69lvrn4RwcHLxXq9XeKhaLt6vV6i3XdRO4/qVUKn0Ti8XuY05FXX/8Z4blHa+srLw2NDT0WVNTUyyTyaiTkxN1dnamQqGQCgaD+gzgw/X19XfHx8d3YVOrc+C5GT4B+AB4Y3h4+BEmxxzHUX6//7Es6y9/ASAoNjIy8mhhYaHXY98wQ//09/dHent7P8ekcLlc1gYtLS1ahCA61dzcrAKBgAb6fL7w4ODgp5xmvGiUQUf8s7OzH6J+N7LZrEJNVaVS0cZMIwEGaCCcA2jf8vLyR+yH/4NBSDgajb59eXmpbNvWqQNQTw6HwxrG2hKCplP5fF6LUbe3t78D+48ZUaMMOhKBZ7fYWPScN40ikYiGtLa2qkKhoPigXC6nx4wYdjdpT0caZdCREOoVMDcoAugxwWw6dr75H8vv8RjwJtrrGjfIoCMODIpIZYAp1ZsADNva2lRHR4dKJpOqu7tbR0SwiYg1xsGutLlsG2XQkcrp6Wm6q6vrJRqzuVhXnk2EjEaWncI8HQkh+/v7Z7CvktYog6vmanNzM07P0Tg6CjaVSa05p9NpHQnTyoZkdKurqw9pT21sbKw3wuAuE4WXb66trd3r6ekJcQI7npFwKRpDNiGjpLgCdnZ2Un19fe/D/geWRhifPAfjA9h/z/pW6TFS1DI6OnoHk22mjGIUhBHCZQc2YH7eK09NTd07Ojpahv1vrDMZe3t7rWNjY3fB8P0bxuTk5P3j4+PvyKAj7K7i7u7u1dLSkosd8tXOzs6AgfDM2mJV6J1xe3s7A8BCPB7/EnZbUF4YJTDyi4uLamBg4OXrGFtbW5cTExNfoJxfwe5nMmzZodlw2VQqdTE3N5fiNo0NKoRa20i5D5FUDw8Pc/Pz89vT09MPMO9bzN+ALsQJS96meTRtDowLZCiMngkKw0LDuolEIg/G3szMzNd4EZIRh/7g883bl03L9dwF3YZeh16BXuD2LUvsFPoV+kkykWIWPG9gMoLQDeiuMLhZdXgYfGgC+hHahI6hAoOxPJ8DtryAotCLUKeAHYn2Sh6ehNIG4HHEkge2if1NCSwkbDKy0O/iTFKu+X/NEUjN1BnKyPhcwJZcl8WZrIzduu+RmpQ4J44qKV1AsuVKP53L/bzM1wy7DlTzOOXKRDpXNPuFjCtP+CjycipiWxGnCxLAuShbV9a/faGZa0vK4Zjt2wM3D3Cv+Uw0ZXYkG/VZLT0po9Y1MKvuvjdjzzq89t6vOPdpnD8FGACiWVtxaofC7AAAAABJRU5ErkJggg==) no-repeat;
        outline: 0;
        border-radius: 0;
        border: none
    }

    .ui-slider .ui-slider-range {
        z-index: 1;
        background: #14a4ff;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        border-radius: 3px
    }

    .ui-slider .ui-slider-handle.ui-state-active {
        background-position: -17px 0
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -2px!important
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.1em!important
    }

    .ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
        border: 0;
        background: #8ec5fc
    }

    .ui-progressbar.ui-progressbar-determinate .ui-progressbar .ui-progressbar-label {
        color: #222
    }

    .ui-progressbar.ui-progressbar-indeterminate {
        background: #8ec5fc
    }

    .ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value {
        border: 0;
        background-color: #186ba0
    }

    .ui-button,.ui-widget-content .ui-button,.ui-widget-header .ui-button,.ui-widget.ui-button {
        border: 1px solid #2399e5;
        color: #fff;
        background: #2399e5;
        -webkit-transition: background-color .2s;
        transition: background-color .2s
    }

    .ui-button:enabled:hover,.ui-button:focus,.ui-widget-content .ui-button:enabled:hover,.ui-widget-content .ui-button:focus,.ui-widget-header .ui-button:enabled:hover,.ui-widget-header .ui-button:focus,.ui-widget.ui-button:enabled:hover,.ui-widget.ui-button:focus {
        border: 1px solid #1f89ce;
        background: #1f89ce;
        outline: 0;
        color: #fff
    }

    .ui-button:enabled:active,.ui-widget-content .ui-button:enabled:active,.ui-widget-header .ui-button:enabled:active,.ui-widget.ui-button:enabled:active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-fileupload-choose.ui-state-focus,.ui-fileupload-choose:not(.ui-state-disabled):hover {
        border: 1px solid #1f89ce;
        background: #1f89ce;
        outline: 0;
        color: #fff
    }

    .ui-chkbox-box.ui-state-active,.ui-fileupload-choose:not(.ui-state-disabled):active,.ui-radiobutton-box.ui-state-active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-chkbox-box.ui-state-focus,.ui-radiobutton-box.ui-state-focus {
        -webkit-box-shadow: 0 0 5px #1f89ce;
        box-shadow: 0 0 5px #1f89ce
    }

    .ui-chkbox-box.ui-state-focus.ui-state-active {
        background: #186ba0
    }

    .ui-inputtext {
        background: #fff;
        color: #222;
        -webkit-transition: .2s;
        transition: .2s
    }

    .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider,.ui-inputtext.ui-state-focus,.ui-inputtext:focus {
        -webkit-box-shadow: 0 0 5px #1f89ce;
        box-shadow: 0 0 5px #1f89ce
    }

    .ui-paginator .ui-paginator-page.ui-state-active {
        background: #186ba0;
        color: #fff;
        border-color: #156090
    }

    .ui-datatable th.ui-state-default {
        background: #ebedf0;
        border-color: #d9d9d9
    }

    .ui-datatable th.ui-sortable-column:not(.ui-state-active):hover {
        background: #d3d5d8;
        border-color: #d9d9d9
    }

    .ui-datatable th.ui-state-active {
        background: #186ba0;
        color: #fff
    }

    .ui-datatable tbody > tr.ui-widget-content {
        border-color: #d9d9d9
    }

    .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd {
        background-color: #fafafb
    }

    .ui-datatable tbody > tr.ui-widget-content.ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-datatable tfoot td.ui-state-default {
        background: #ebedf0;
        border-color: #d9d9d9
    }

    .ui-table .ui-table-tfoot > tr > td,.ui-table .ui-table-thead > tr > th {
        background-color: #ebedf0;
        border-color: #d9d9d9
    }

    .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
        background-color: #d3d5d8;
        border-color: #d9d9d9
    }

    .ui-table .ui-table-tbody > tr:nth-child(even) {
        background-color: #fafafb
    }

    .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
        background-color: #186ba0;
        color: #fff
    }

    .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
        background-color: #3ca1e2;
        color: #fff
    }

    .ui-treetable .ui-treetable-tfoot > tr > td,.ui-treetable .ui-treetable-thead > tr > th {
        background-color: #ebedf0;
        border-color: #d9d9d9
    }

    .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
        background-color: #d3d5d8;
        border-color: #d9d9d9
    }

    .ui-panel.ui-widget {
        padding: 0
    }

    .ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {
        -moz-border-radius-bottom-left: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottom-right: 0;
        border-bottom-right-radius: 0
    }

    .ui-panel.ui-widget .ui-panel-titlebar {
        border-width: 0 0 1px
    }

    .ui-panel.ui-widget .ui-panel-titlebar-icon span {
        position: relative;
        top: 1px
    }

    .ui-treetable th.ui-state-default {
        background: #ebedf0;
        border-color: #d9d9d9
    }

    .ui-selectbutton .ui-button.ui-state-default,.ui-togglebutton.ui-button.ui-state-default {
        border: 1px solid #d6d6d6;
        background: #fff;
        font-weight: 400;
        color: #555
    }

    .ui-selectbutton .ui-button.ui-state-focus,.ui-selectbutton .ui-button.ui-state-hover,.ui-selectbutton .ui-button:focus,.ui-togglebutton.ui-button.ui-state-focus,.ui-togglebutton.ui-button.ui-state-hover {
        border: 1px solid silver;
        background: #eee;
        font-weight: 400;
        color: #212121
    }

    .ui-selectbutton .ui-button.ui-state-active:focus,.ui-selectbutton .ui-button.ui-state-focus.ui-state-active,.ui-togglebutton.ui-button.ui-state-focus {
        -webkit-box-shadow: 0 0 5px #1f89ce;
        box-shadow: 0 0 5px #1f89ce
    }

    .ui-selectbutton .ui-button.ui-state-active,.ui-togglebutton.ui-button.ui-state-active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-multiselect .ui-multiselect-label {
        background-color: #fff
    }

    .ui-dropdown.ui-state-focus,.ui-multiselect.ui-state-focus {
        -webkit-box-shadow: 0 0 5px #1f89ce;
        box-shadow: 0 0 5px #1f89ce
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-info {
        background-color: #2196f3;
        border-color: #2196f3
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-error {
        background-color: #f44336;
        border-color: #f44336
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
        background-color: #ffb300;
        border-color: #ffb300
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-success {
        background-color: #4caf50;
        border-color: #4caf50
    }

    .ui-tabmenu {
        border: 0
    }

    .ui-tabmenu .ui-tabmenu-nav {
        background: 0 0
    }

    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {
        background: #f6f7f9
    }

    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-active {
        background: #fff;
        font-weight: 400;
        color: #555
    }

    .ui-tabmenu .ui-tabmenu-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
        background: #ededf0
    }

    .ui-contextmenu,.ui-contextmenu .ui-submenu-list,.ui-megamenu,.ui-menu,.ui-menubar,.ui-menubar .ui-submenu-list,.ui-slidemenu,.ui-slidemenu .ui-submenu-list,.ui-tieredmenu,.ui-tieredmenu .ui-submenu-list {
        color: #1b1d1f;
        background: repeat-x #f6f7f9;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f7f9),to(#ebedf0));
        background: linear-gradient(to bottom,#f6f7f9 0,#ebedf0 100%)
    }

    .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-contextmenu .ui-menuitem > .ui-menuitem-link:hover,.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-megamenu .ui-menuitem > .ui-menuitem-link:hover,.ui-menu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-menu .ui-menuitem > .ui-menuitem-link:hover,.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-menubar .ui-menuitem > .ui-menuitem-link:hover,.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-slidemenu .ui-menuitem > .ui-menuitem-link:hover,.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,.ui-tieredmenu .ui-menuitem > .ui-menuitem-link:hover {
        background-color: #a6a6a6;
        color: #fff
    }

    .ui-panelmenu .ui-panelmenu-header.ui-state-active,.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
        border-color: #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-datepicker.ui-widget {
        padding: 0
    }

    .ui-datepicker.ui-widget .ui-datepicker-header {
        border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0
    }

    .ui-datepicker.ui-widget .ui-datepicker-header a:hover {
        border-width: 1px
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar {
        margin: 0
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
        background-color: #f6f8fa
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td {
        border-bottom: 1px solid rgba(213,213,213,0.5)
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {
        background-color: #d6d6d6;
        color: #212121
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
        background-color: #186ba0;
        color: #fff
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar tr:last-child td {
        border-bottom: 0
    }

    .ui-datepicker.ui-widget .ui-monthpicker a.ui-state-active {
        background-color: #186ba0;
        color: #fff
    }

    .ui-datepicker.ui-widget .ui-timepicker {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0
    }

    .ui-datepicker.ui-widget.ui-datepicker-timeonly .ui-timepicker {
        border-top: 0
    }

    .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
        color: #fff
    }

    .ui-dialog.ui-widget .ui-dialog-titlebar {
        padding: 1em 1.5em
    }

    .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
        font-size: 1.25em
    }

    .ui-dialog.ui-widget .ui-dialog-content {
        padding: 1em 1.5em
    }

    .fc .fc-button-group .ui-state-active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #fff
    }

    .ui-widget,.ui-widget * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-helper-hidden {
        display: none!important
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none
    }

    .ui-helper-clearfix::after,.ui-helper-clearfix::before {
        content: "";
        display: table
    }

    .ui-helper-clearfix::after {
        clear: both
    }

    .ui-helper-clearfix {
        zoom:1}

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0)
    }

    .ui-state-disabled,.ui-state-disabled a {
        cursor: default!important
    }

    .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }

    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .ui-resizable {
        position: relative
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: .1px;
        display: block
    }

    .ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle {
        display: none
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0
    }

    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%
    }

    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%
    }

    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px
    }

    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px
    }

    .ui-shadow {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3)
    }

    .ui-unselectable-text {
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .ui-scrollbar-measure {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px
    }

    .ui-overflow-hidden {
        overflow: hidden
    }

    ::-webkit-input-placeholder {
        color: #898989
    }

    :-moz-placeholder {
        color: #898989;
        opacity: 1
    }

    ::-moz-placeholder {
        color: #898989;
        opacity: 1
    }

    :-ms-input-placeholder {
        color: #898989
    }

    ::-ms-input-placeholder {
        color: #898989
    }

    .ui-placeholder {
        color: #898989
    }

    button,input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=submit] {
        border-radius: 0
    }

    .ui-accordion {
        width: 100%
    }

    .ui-accordion .ui-accordion-header-text,.ui-accordion .ui-accordion-toggle-icon {
        vertical-align: middle
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em;
        border-top: 0;
        overflow: visible;
        zoom:1}

    .ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a {
        cursor: default
    }

    .ui-accordion-content-wrapper-overflown {
        overflow: hidden
    }

    .ui-rtl .ui-accordion .ui-accordion-header a {
        padding: .5em 2em .5em .5em
    }

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon {
        left: initial;
        right: .5em
    }

    .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
        content: '\e904'
    }

    .ui-autocomplete {
        width: auto;
        zoom:1;cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        display: inline-block
    }

    .ui-autocomplete .ui-autocomplete-dropdown {
        height: 100%;
        width: 2em;
        margin-right: 0;
        vertical-align: top
    }

    .ui-autocomplete .ui-autocomplete-input {
        padding-right: 1.5em
    }

    .ui-autocomplete-loader {
        position: absolute;
        right: .25em;
        top: 50%;
        margin-top: -.5em
    }

    .ui-autocomplete-query {
        font-weight: 700
    }

    .ui-autocomplete .ui-autocomplete-panel {
        min-width: 100%
    }

    .ui-autocomplete-panel {
        position: absolute;
        overflow: auto
    }

    .ui-autocomplete-panel .ui-autocomplete-list {
        padding: .4em;
        border: 0
    }

    .ui-autocomplete-panel .ui-autocomplete-list-item {
        border: 0;
        cursor: pointer;
        font-weight: 400;
        margin: 1px 0;
        padding: .186em .313em;
        text-align: left
    }

    .ui-autocomplete .ui-button-icon-only,.ui-autocomplete .ui-button-icon-only:enabled:active,.ui-autocomplete .ui-button-icon-only:enabled:focus,.ui-autocomplete .ui-button-icon-only:enabled:hover {
        border-left: 0
    }

    .ui-autocomplete-multiple-container {
        display: inline-block;
        vertical-align: middle
    }

    .ui-autocomplete-multiple-container.ui-inputtext {
        clear: left;
        cursor: text;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0 1.5em 0 .25em
    }

    .ui-autocomplete-token {
        cursor: default;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        padding: .125em .5em;
        white-space: nowrap;
        position: relative;
        margin-right: .125em;
        border: 0;
        font-size: .9em
    }

    .ui-autocomplete-token-label {
        display: block;
        margin-right: 2em
    }

    .ui-autocomplete-token-icon {
        margin-top: -.5em;
        position: absolute;
        right: .2em;
        top: 50%;
        cursor: pointer
    }

    .ui-autocomplete-input-token {
        display: inline-block;
        vertical-align: middle;
        list-style-type: none;
        margin: 0 0 0 .125em;
        padding: .25em .25em .25em 0
    }

    .ui-autocomplete-input-token input {
        border: 0;
        width: 10em;
        outline: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .ui-autocomplete-dd .ui-autocomplete-loader {
        right: 2.25em
    }

    .ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all,.ui-autocomplete-dd input.ui-corner-all {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input,.ui-fluid p-autocomplete {
        width: 100%
    }

    .ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
        width: calc(100% - 2em)
    }

    .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
        width: 2em
    }

    .ui-blockui {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .ui-blockui-document {
        position: fixed
    }

    .ui-breadcrumb {
        margin: 0;
        padding: .5em
    }

    .ui-breadcrumb ul {
        margin: 0;
        padding: 0
    }

    .ui-breadcrumb ul li {
        display: inline-block;
        margin: 0 .25em
    }

    .ui-breadcrumb-chevron,.ui-breadcrumb-home {
        vertical-align: middle
    }

    .ui-breadcrumb ul li .ui-menuitem-link {
        text-decoration: none
    }

    .ui-breadcrumb .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-breadcrumb .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-button {
        display: inline-block;
        position: relative;
        padding: 0;
        text-decoration: none!important;
        cursor: pointer;
        text-align: center;
        zoom:1;overflow: visible
    }

    p-button {
        display: inline-block
    }

    .ui-button .ui-button-text {
        display: block;
        line-height: normal
    }

    .ui-button-text-only .ui-button-text {
        padding: .25em 1em
    }

    .ui-button-icon-only .ui-button-text,.ui-button-text-empty .ui-button-text {
        padding: .25em;
        text-indent: -9999999px
    }

    .ui-button-text-icon-left .ui-button-text {
        padding: .25em 1em .25em 2.1em
    }

    .ui-button-text-icon-right .ui-button-text {
        padding: .25em 2.1em .25em 1em
    }

    .ui-button-icon-only .ui-button-icon-left,.ui-button-text-icon-left .ui-button-icon-left,.ui-button-text-icon-right .ui-button-icon-right {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        height: 1em
    }

    .ui-button-icon-only .ui-button-icon-left {
        top: 50%;
        left: 50%;
        margin-top: -.5em;
        margin-left: -.5em;
        width: 1em;
        height: 1em
    }

    .ui-button-icon-left {
        left: .5em
    }

    .ui-button-icon-right {
        right: .5em
    }

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: 0
    }

    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .ui-fluid .ui-button {
        width: 100%
    }

    .ui-fluid .ui-button-text-icon-left .ui-button-text,.ui-fluid .ui-button-text-icon-right .ui-button-text {
        padding-left: 1em;
        padding-right: 1em
    }

    .ui-fluid .ui-buttonset,.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
        width: 100%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
        width: 50%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
        width: 33.3%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
        width: 25%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
        width: 20%
    }

    .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width: 16.6%
    }
}

@media all and (max-width: 640px) {
    .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
        width:100%
    }
}

@media all {
    .ui-calendar {
        position: relative;
        display: inline-block
    }

    .ui-calendar .ui-calendar-button {
        position: absolute;
        height: 100%;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 2em;
        border-left: 0
    }

    .ui-calendar .ui-calendar-button:enabled:hover,.ui-calendar .ui-calendar-button:focus {
        border-left: 0
    }

    .ui-calendar .ui-datepicker {
        min-width: 100%
    }

    .ui-fluid .ui-calendar {
        width: 100%
    }

    .ui-fluid .ui-calendar-button {
        width: 2em
    }

    .ui-fluid .ui-datepicker-buttonbar button {
        width: auto
    }

    .ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
        width: calc(100% - 2em)
    }

    .ui-datepicker {
        width: auto;
        padding: .2em;
        position: absolute
    }

    .ui-datepicker.ui-datepicker-inline {
        display: inline-block;
        position: static
    }

    .ui-datepicker .ui-datepicker-group {
        border-width: 0
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .5em 0
    }

    .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: .5em;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .125em
    }

    .ui-datepicker .ui-datepicker-next {
        right: .125em
    }

    .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -.5em;
        margin-left: -.5em
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: .125em 0;
        vertical-align: middle
    }

    .ui-datepicker select.ui-datepicker-month {
        width: 55%;
        margin-right: .25em
    }

    .ui-datepicker select.ui-datepicker-year {
        width: 35%
    }

    .ui-datepicker span.ui-datepicker-year {
        margin-left: .25em
    }

    .ui-datepicker-multiple-month .ui-datepicker-group {
        display: table-cell;
        border-width: 0 1px 0 0
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .5em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 0
    }

    .ui-datepicker td > a,.ui-datepicker td > span {
        display: block;
        padding: .5em;
        text-decoration: none;
        border: 0;
        text-align: center
    }

    .ui-datepicker .ui-datepicker-buttonbar {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: .5em
    }

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
        text-align: right
    }

    .ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
        padding: 0
    }

    .ui-calendar.ui-calendar-w-btn input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .ui-monthpicker .ui-monthpicker-month {
        width: 33.3%;
        display: inline-block;
        text-align: center;
        padding: .5em
    }

    .ui-datepicker-monthpicker select.ui-datepicker-year {
        width: auto
    }

    .ui-timepicker {
        text-align: center;
        padding: .5em 0
    }

    .ui-timepicker > div {
        display: inline-block;
        margin-left: .5em;
        min-width: 1.5em
    }

    .ui-timepicker > .ui-minute-picker,.ui-timepicker > .ui-second-picker {
        margin-left: 0
    }

    .ui-timepicker > .ui-separator {
        margin-left: 0;
        min-width: .75em
    }

    .ui-timepicker > .ui-separator a {
        visibility: hidden
    }

    .ui-timepicker > div a {
        display: block;
        opacity: .7;
        filter: Alpha(Opacity=70)
    }

    .ui-timepicker > div a:last-child {
        margin-top: .3em
    }

    .ui-timepicker > div a:hover {
        display: block;
        opacity: 1;
        filter: Alpha(Opacity=100)
    }

    input[type=text]::-ms-clear {
        display: none
    }

    .ui-calendar .ui-datepicker-touch-ui,.ui-datepicker-touch-ui {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 80vw
    }

    .ui-datepicker-touch-ui.ui-datepicker th {
        padding: 2em 0
    }

    .ui-datepicker-touch-ui.ui-datepicker td {
        padding: 0
    }

    .ui-datepicker-touch-ui.ui-datepicker td > a,.ui-datepicker-touch-ui.ui-datepicker td > span {
        padding: 2em 0
    }

    .ui-datepicker-touch-ui .ui-timepicker {
        padding: 1em 0
    }

    .ui-datepicker-touch-ui .ui-timepicker > div a {
        font-size: 2em
    }

    .ui-datepicker-mask {
        position: fixed;
        width: 100%;
        height: 100%
    }

    .ui-card-header img {
        width: 100%
    }

    .ui-card-body {
        padding: 1em
    }

    .ui-card-title {
        font-size: 1.5em;
        font-weight: 700;
        margin-bottom: .5em
    }

    .ui-card-subtitle {
        opacity: .7;
        margin-bottom: .5em;
        margin-top: -.25em;
        font-weight: 700
    }

    .ui-card-footer {
        padding-top: 1em
    }

    .ui-carousel {
        position: relative;
        padding: .063em
    }

    .ui-carousel .ui-carousel-viewport .ui-carousel-items {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 32000px;
        left: 0
    }

    .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
        margin: 1px;
        padding: 0;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-carousel .ui-carousel-viewport {
        overflow: hidden;
        position: relative;
        border: 0
    }

    .ui-carousel .ui-carousel-footer {
        margin: 1px 1px 0;
        padding: .5em;
        overflow: hidden
    }

    .ui-carousel .ui-carousel-header {
        margin: 0 1px;
        overflow: hidden;
        padding: .625em
    }

    .ui-carousel .ui-carousel-header .ui-carousel-header-title {
        display: inline-block;
        overflow: hidden
    }

    .ui-carousel .ui-carousel-dropdown,.ui-carousel .ui-carousel-mobiledropdown {
        float: right;
        margin: 0 .625em;
        background-image: none
    }

    .ui-carousel .ui-carousel-dropdown option,.ui-carousel .ui-carousel-mobiledropdown option {
        background-image: none;
        border: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

    .ui-carousel .ui-carousel-button {
        float: right;
        margin: .125em
    }

    .ui-carousel .ui-carousel-page-link {
        float: left;
        margin: 0 .125em;
        text-decoration: none
    }

    .ui-carousel .ui-carousel-button,.ui-carousel .ui-carousel-page-link {
        cursor: pointer
    }

    .ui-carousel .ui-carousel-page-links {
        margin: .125em .5em 0;
        float: right
    }

    .ui-carousel .ui-carousel-mobiledropdown {
        display: none
    }

    .ui-chkbox {
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        margin-right: .25em
    }

    .ui-chkbox .ui-chkbox-box {
        width: 1.125em;
        height: 1.125em;
        line-height: 1.125em;
        border-radius: 2px;
        text-align: center
    }

    .ui-chkbox .ui-chkbox-icon {
        display: block
    }

    .ui-chkbox-label {
        vertical-align: middle
    }

    .ui-chips > ul.ui-inputtext {
        clear: left;
        cursor: text;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        padding: 0 .25em
    }

    .ui-chips-token {
        cursor: default;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        padding: .125em .5em;
        white-space: nowrap;
        position: relative;
        margin-right: .125em;
        border: 0;
        font-size: .9em
    }

    .ui-chips-token .ui-chips-token-label {
        display: block;
        margin-right: 2em
    }

    .ui-chips > .ui-state-disabled .ui-chips-token-label {
        margin-right: 0
    }

    .ui-chips-token .ui-chips-token-icon {
        margin-top: -.5em;
        position: absolute;
        right: .2em;
        top: 50%;
        cursor: pointer
    }

    .ui-chips-input-token {
        display: inline-block;
        vertical-align: middle;
        list-style-type: none;
        margin: 0 0 0 .125em;
        padding: .25em .25em .25em 0
    }

    .ui-chips-input-token input {
        border: 0;
        width: 10em;
        outline: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .ui-colorpicker {
        display: inline-block
    }

    .ui-colorpicker-dragging {
        cursor: pointer
    }

    .ui-colorpicker-overlay {
        position: relative
    }

    .ui-colorpicker-panel {
        position: relative;
        width: 193px;
        height: 166px;
        background-color: #323232;
        border-color: #191919
    }

    .ui-colorpicker-overlay-panel {
        position: absolute
    }

    .ui-colorpicker-preview {
        width: 2em;
        cursor: pointer
    }

    .ui-colorpicker-panel .ui-colorpicker-content {
        position: relative
    }

    .ui-colorpicker-panel .ui-colorpicker-color-selector {
        width: 150px;
        height: 150px;
        top: 8px;
        left: 8px;
        position: absolute
    }

    .ui-colorpicker-panel .ui-colorpicker-color {
        width: 150px;
        height: 150px;
        background: url(color.png) left top no-repeat
    }

    .ui-colorpicker-panel .ui-colorpicker-color-handle {
        position: absolute;
        top: 0;
        left: 150px;
        border-radius: 100%;
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        margin: -5px 0 0 -5px;
        cursor: pointer
    }

    .ui-colorpicker-panel .ui-colorpicker-hue {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=) left top no-repeat;
        width: 17px;
        height: 150px;
        top: 8px;
        left: 167px;
        position: absolute;
        opacity: .85
    }

    .ui-colorpicker-panel .ui-colorpicker-hue-handle {
        position: absolute;
        top: 150px;
        left: 0;
        width: 21px;
        margin-left: -2px;
        margin-top: -5px;
        height: 10px;
        border: 2px solid #fff;
        opacity: .85;
        cursor: pointer
    }

    .ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle,.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle {
        opacity: .5
    }

    .ui-contextmenu {
        width: 12.5em;
        padding: .25em;
        position: absolute;
        display: none
    }

    .ui-contextmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

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

    .ui-contextmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em
    }

    .ui-contextmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative
    }

    .ui-contextmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-contextmenu .ui-menuitem {
        position: relative
    }

    .ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block!important
    }

    .ui-datagrid .ui-paginator {
        text-align: center
    }

    .ui-datagrid-column {
        padding: .25em
    }

    .ui-datagrid-content-empty {
        padding: .25em .625em
    }

    .ui-datagrid .ui-datagrid-footer,.ui-datagrid .ui-datagrid-header {
        text-align: center;
        padding: .5em .75em
    }

    .ui-datagrid .ui-datagrid-header {
        border-bottom: 0
    }

    .ui-datagrid .ui-datagrid-footer {
        border-top: 0
    }

    .ui-datagrid .ui-paginator-top {
        border-bottom: 0
    }

    .ui-datagrid .ui-paginator-bottom {
        border-top: 0
    }

    .ui-datascroller .ui-datascroller-header {
        text-align: center;
        padding: .5em .75em;
        border-bottom: 0
    }

    .ui-datascroller .ui-datascroller-footer {
        text-align: center;
        padding: .25em .625em;
        border-top: 0
    }

    .ui-datascroller .ui-datascroller-content {
        padding: .25em .625em
    }

    .ui-datascroller-inline .ui-datascroller-content {
        overflow: auto
    }

    .ui-datascroller .ui-datascroller-list {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .ui-datalist .ui-datalist-footer,.ui-datalist .ui-datalist-header {
        text-align: center;
        padding: .5em .75em
    }

    .ui-datalist .ui-datalist-header {
        border-bottom: 0
    }

    .ui-datalist .ui-datalist-footer {
        border-top: 0
    }

    .ui-datalist .ui-datalist-data {
        margin: 0;
        padding: 0
    }

    .ui-datalist .ui-datalist-data > li {
        list-style-type: none
    }

    .ui-datalist .ui-datalist-emptymessage {
        padding: .5em .75em
    }

    .ui-datalist.ui-datalist-scrollable .ui-datalist-content {
        overflow: auto
    }

    .ui-datalist .ui-paginator-top {
        border-bottom: 0
    }

    .ui-datalist .ui-paginator-bottom {
        border-top: 0
    }

    .ui-datatable {
        position: relative
    }

    .ui-datatable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-footer,.ui-datatable .ui-datatable-header {
        text-align: center;
        padding: .5em .75em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-header {
        border-bottom: 0
    }

    .ui-datatable .ui-datatable-footer {
        border-top: 0
    }

    .ui-datatable tfoot td,.ui-datatable thead th {
        text-align: center
    }

    .ui-datatable thead tr {
        border-width: 0
    }

    .ui-datatable .ui-datatable-data > tr > td,.ui-datatable .ui-datatable-tfoot > tr > td,.ui-datatable .ui-datatable-thead > tr > th {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .25em .5em;
        border: 1px solid;
        border-color: inherit
    }

    .ui-datatable.ui-datatable-resizable .ui-datatable-data > tr > td,.ui-datatable.ui-datatable-resizable .ui-datatable-tfoot > tr > td,.ui-datatable.ui-datatable-resizable .ui-datatable-thead > tr > th {
        overflow: hidden
    }

    .ui-datatable .ui-datatable-tfoot > tr > td,.ui-datatable .ui-datatable-thead > tr > th {
        font-weight: 400
    }

    .ui-datatable tbody {
        outline: 0
    }

    .ui-datatable .ui-sortable-column {
        cursor: pointer
    }

    .ui-datatable .ui-sortable-column-icon {
        display: inline-block;
        margin-left: .125em
    }

    .ui-datatable tr.ui-state-highlight {
        cursor: pointer
    }

    .ui-datatable-scrollable-body {
        overflow: auto;
        overflow-anchor: none;
        min-height: 0
    }

    .ui-datatable-scrollable-footer,.ui-datatable-scrollable-header {
        overflow: hidden
    }

    .ui-datatable-scrollable .ui-datatable-scrollable-footer,.ui-datatable-scrollable .ui-datatable-scrollable-header {
        position: relative;
        border: 0
    }

    .ui-datatable-scrollable .ui-datatable-scrollable-header td {
        font-weight: 400
    }

    .ui-datatable-scrollable-body .ui-datatable-data,.ui-datatable-scrollable-body .ui-datatable-data > tr:first-child {
        border-top-color: transparent
    }

    .ui-datatable .ui-datatable-data tr.ui-state-highlight,.ui-datatable .ui-datatable-data tr.ui-state-hover {
        border-color: inherit;
        font-weight: inherit;
        cursor: pointer
    }

    .ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
        display: inline-block;
        vertical-align: middle
    }

    .ui-datatable-scrollable-theadclone,.ui-datatable-scrollable-theadclone tr {
        height: 0
    }

    .ui-datatable-scrollable-theadclone th.ui-state-default {
        height: 0;
        border-bottom-width: 0;
        border-top-width: 0;
        padding-top: 0;
        padding-bottom: 0;
        outline: 0
    }

    .ui-datatable-scrollable-theadclone th span.ui-column-title {
        display: block;
        height: 0
    }

    .ui-datatable .ui-paginator {
        padding: .125em
    }

    .ui-datatable .ui-paginator-top {
        border-bottom-width: 0
    }

    .ui-datatable .ui-paginator-bottom {
        border-top-width: 0
    }

    .ui-datatable-rtl {
        direction: rtl
    }

    .ui-datatable-rtl.ui-datatable tfoot td,.ui-datatable-rtl.ui-datatable thead th {
        text-align: right
    }

    .ui-row-toggler {
        cursor: pointer
    }

    .ui-datatable .ui-column-resizer {
        display: block;
        position: absolute!important;
        top: 0;
        right: 0;
        margin: 0;
        width: .5em;
        height: 100%;
        padding: 0;
        cursor: col-resize;
        border: 1px solid transparent
    }

    .ui-datatable .ui-column-resizer-helper {
        width: 1px;
        position: absolute;
        z-index: 10;
        display: none
    }

    .ui-datatable-resizable {
        padding-bottom: 1px;
        overflow: auto
    }

    .ui-datatable-resizable tbody td,.ui-datatable-resizable tfoot td,.ui-datatable-resizable thead th {
        white-space: nowrap
    }

    .ui-datatable-resizable th.ui-resizable-column {
        background-clip: padding-box;
        position: relative
    }

    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        display: none
    }

    .ui-datatable .ui-column-filter {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: .25em
    }

    .ui-datatable .ui-editable-column input {
        width: 100%;
        outline: 0
    }

    .ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
        padding: .5em
    }

    .ui-datatable .ui-editable-column > .ui-cell-editor {
        display: none
    }

    .ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
        padding: 1px
    }

    .ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-editor {
        display: block
    }

    .ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-data {
        display: none
    }

    .ui-datatable-stacked tfoot td,.ui-datatable-stacked thead th {
        display: none!important
    }

    .ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
        text-align: left;
        display: block;
        border: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    .ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
        border: 0
    }

    .ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
        border-left: 0;
        border-right: 0
    }

    .ui-datatable-stacked .ui-datatable-data td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: 700
    }

    .ui-datatable .ui-selection-column .ui-chkbox,.ui-datatable .ui-selection-column .ui-radiobutton {
        margin: 0;
        display: block
    }

    .ui-datatable .ui-selection-column .ui-chkbox-box,.ui-datatable .ui-selection-column .ui-radiobutton-box {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0
    }

    .ui-datatable-scrollable-wrapper {
        position: relative
    }

    .ui-datatable-frozen-view .ui-datatable-scrollable-body {
        overflow: hidden
    }

    .ui-datatable-unfrozen-view {
        position: absolute;
        top: 0
    }

    .ui-datatable .ui-datatable-load-status {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .ui-datatable .ui-datatable-virtual-table {
        position: absolute;
        top: 0;
        left: 0
    }

    .ui-datatable .ui-datatable-loading {
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: alpha(opacity=10);
        opacity: .1;
        z-index: 1
    }

    .ui-datatable .ui-datatable-loading-content {
        position: absolute;
        left: 50%;
        top: 25%;
        z-index: 2
    }
}

@media all and (max-width: 35em) {
    .ui-datatable-reflow tfoot td,.ui-datatable-reflow thead th {
        display:none!important
    }

    .ui-datatable-reflow .ui-datatable-data > tr > td {
        text-align: left;
        display: block;
        border: 0;
        width: 100%!important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0;
        border-right: 0
    }

    .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
        font-weight: 700
    }

    .ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup {
        display: block
    }
}

@media all {
    .ui-dataview {
        position: relative
    }

    .ui-dataview .ui-paginator {
        text-align: center
    }

    .ui-dataview-column {
        padding: .25em
    }

    .ui-dataview-content-empty {
        padding: .25em .625em
    }

    .ui-dataview .ui-dataview-footer,.ui-dataview .ui-dataview-header {
        padding: .5em .75em
    }

    .ui-dataview .ui-dataview-header {
        border-bottom: 0
    }

    .ui-dataview .ui-dataview-footer {
        border-top: 0
    }

    .ui-dataview .ui-paginator-top {
        border-bottom: 0
    }

    .ui-dataview .ui-paginator-bottom {
        border-top: 0
    }

    .ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
        width: 100%
    }

    .ui-dataview-loading {
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: alpha(opacity=10);
        opacity: .1;
        z-index: 1
    }

    .ui-dataview-loading-content {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        margin-top: -1em;
        margin-left: -1em
    }

    .ui-dataview-loading-icon {
        font-size: 2em
    }

    .ui-dialog {
        position: fixed;
        padding: 0
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .5em .75em;
        position: relative;
        border: 0
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em .75em;
        background: 0;
        overflow: auto;
        zoom:1}

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }

    .ui-dialog .ui-dialog-titlebar-icon {
        text-decoration: none;
        float: right;
        padding: .125em;
        cursor: pointer;
        border: 1px solid transparent
    }

    .ui-dialog .ui-dialog-titlebar-icon span {
        display: block;
        margin: 0
    }

    .ui-dialog-footer {
        padding: 1em;
        border-width: 1px 0 0;
        text-align: right
    }

    .ui-dialog-mask {
        position: fixed;
        width: 100%;
        height: 100%
    }

    .ui-dialog-maximized {
        -webkit-transition: left .3s,top .3s,width .3s,height .3s;
        transition: left .3s,top .3s,width .3s,height .3s
    }

    .ui-confirmdialog {
        width: 30em
    }

    .ui-confirmdialog.ui-dialog .ui-dialog-content {
        padding: 1em 2em
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
        font-size: 1.5em;
        vertical-align: middle;
        margin-right: .5em
    }

    .ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
        vertical-align: middle
    }

    .ui-dialog-footer .ui-button {
        margin-right: .25em
    }

    .ui-fluid .ui-dialog-footer .ui-button {
        width: auto
    }

    .ui-rtl .ui-dialog .ui-dialog-titlebar-close {
        float: left
    }

    .ui-rtl .ui-dialog .ui-dialog-buttonpane button {
        text-align: right
    }

    .ui-dropdown {
        display: inline-block;
        position: relative;
        cursor: pointer;
        vertical-align: middle
    }

    .ui-dropdown .ui-dropdown-clear-icon {
        position: absolute;
        right: 2em;
        top: 50%;
        font-size: 1em;
        height: 1em;
        margin-top: -.5em
    }

    .ui-dropdown .ui-dropdown-trigger {
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em
    }

    .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
        top: 50%;
        left: 50%;
        margin-top: -.5em;
        margin-left: -.5em;
        position: absolute
    }

    .ui-dropdown .ui-dropdown-label {
        display: block;
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 400;
        width: 100%;
        padding-right: 2.5em
    }

    .ui-dropdown-item-empty,.ui-dropdown-label-empty {
        text-indent: -9999px;
        overflow: hidden
    }

    .ui-dropdown.ui-state-disabled .ui-dropdown-label,.ui-dropdown.ui-state-disabled .ui-dropdown-trigger {
        cursor: default
    }

    .ui-dropdown label.ui-dropdown-label {
        cursor: pointer
    }

    .ui-dropdown input.ui-dropdown-label {
        cursor: default
    }

    .ui-dropdown .ui-dropdown-panel {
        min-width: 100%
    }

    .ui-dropdown-panel {
        position: absolute;
        height: auto
    }

    .ui-dropdown-panel .ui-dropdown-items-wrapper {
        overflow: auto
    }

    .ui-dropdown-panel .ui-dropdown-item {
        font-weight: 400;
        border: 0;
        cursor: pointer;
        margin: 1px 0;
        padding: .125em .25em;
        text-align: left
    }

    .ui-dropdown-panel .ui-dropdown-item-group {
        font-weight: 700;
        cursor: default
    }

    .ui-dropdown-panel .ui-dropdown-list {
        padding: .4em;
        border: 0
    }

    .ui-dropdown-panel .ui-dropdown-filter {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.5em
    }

    .ui-dropdown-panel .ui-dropdown-filter-container {
        position: relative;
        margin: 0;
        padding: .4em;
        display: inline-block;
        width: 100%
    }

    .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
        position: absolute;
        top: .8em;
        right: 1em
    }

    .ui-fluid .ui-dropdown {
        width: 100%
    }

    .ui-fieldset,.ui-fieldset .ui-fieldset-legend {
        padding: .5em 1em
    }

    .ui-fieldset-toggleable .ui-fieldset-legend {
        padding: 0
    }

    .ui-fieldset-toggleable .ui-fieldset-legend a {
        padding: .5em 1em;
        cursor: pointer;
        white-space: nowrap;
        display: block
    }

    .ui-fieldset .ui-fieldset-toggler {
        margin-right: .1em;
        display: inline-block;
        vertical-align: middle
    }

    .ui-fieldset .ui-fieldset-legend-text {
        vertical-align: middle
    }

    .ui-fieldset .ui-fieldset-content-wrapper-overflown {
        overflow: hidden
    }

    .ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
        cursor: default
    }

    .ui-fileupload-buttonbar {
        padding: .5em;
        border-bottom: 0
    }

    .ui-fileupload-buttonbar .ui-button {
        vertical-align: middle;
        margin-right: .25em
    }

    .ui-fileupload-content {
        padding: 1em;
        position: relative;
        -webkit-transition: border-color .3s;
        transition: border-color .3s
    }

    .ui-fileupload-content.ui-fileupload-highlight {
        border-color: #156090
    }

    .ui-fileupload-files img {
        border: 0
    }

    .ui-fileupload-files {
        display: table
    }

    .ui-fileupload-row {
        display: table-row
    }

    .ui-fileupload-row > div {
        display: table-cell;
        padding: .5em 1em;
        vertical-align: middle
    }

    .ui-fileupload-content .ui-progressbar {
        width: 100%;
        position: absolute;
        top: 1px;
        left: 0;
        height: .25em;
        border: 0
    }

    .ui-fileupload-content .ui-progressbar-value {
        border-radius: 0;
        border: 0
    }

    .ui-fileupload-choose {
        position: relative;
        overflow: hidden
    }

    .ui-fileupload-choose input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        direction: ltr;
        cursor: pointer
    }

    .ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
        display: none
    }

    .ui-fluid .ui-fileupload .ui-button {
        width: auto
    }

    .ui-fluid .ui-fileupload-content .ui-button-icon-only {
        width: 2em
    }
}

@media all and (max-width: 40em) {
    .ui-fileupload-buttonbar .ui-button {
        display:block;
        width: 100%;
        margin-right: 0;
        margin-bottom: .25em
    }

    .ui-fileupload-buttonbar .ui-button:last-child {
        margin-bottom: 0
    }

    .ui-fileupload-row > div {
        display: block
    }
}

@media all {
    .ui-galleria {
        overflow: hidden;
        visibility: hidden;
        position: relative
    }

    .ui-galleria .ui-galleria-panel-wrapper {
        position: relative;
        padding: 0;
        margin: 0
    }

    .ui-galleria .ui-galleria-panel {
        -webkit-filter: inherit;
        filter: inherit;
        position: absolute;
        top: 0;
        left: 0;
        list-style-type: none
    }

    .ui-galleria .ui-galleria-filmstrip-wrapper {
        overflow: hidden;
        margin: .25em auto;
        position: relative
    }

    .ui-galleria .ui-galleria-filmstrip {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 2340px;
        z-index: 900;
        position: absolute;
        top: 0;
        left: 0
    }

    .ui-galleria .ui-galleria-frame {
        float: left;
        margin-right: 5px;
        opacity: .3;
        cursor: pointer
    }

    .ui-galleria .ui-galleria-frame-active {
        opacity: 1
    }

    .ui-galleria .ui-galleria-frame-content {
        overflow: hidden
    }

    .ui-galleria .ui-galleria-nav-next,.ui-galleria .ui-galleria-nav-prev {
        cursor: pointer;
        position: absolute;
        z-index: 910
    }

    .ui-galleria .ui-galleria-nav-prev {
        left: 4px
    }

    .ui-galleria .ui-galleria-nav-next {
        right: 4px
    }

    .ui-galleria .ui-galleria-caption {
        position: absolute;
        left: 1px;
        background-color: rgba(0,0,0,0.5);
        display: none;
        color: #ededed;
        padding: .2em 1em
    }

    .ui-galleria .ui-galleria-caption h4 {
        color: #ededed
    }

    .ui-galleria .ui-galleria-panel-content {
        padding: 1em 1.4em
    }

    .ui-grid {
        clear: both;
        padding: 0;
        margin: 0
    }

    .ui-grid::after,.ui-grid::before {
        content: "";
        display: table
    }

    .ui-grid::after {
        clear: both
    }

    .ui-grid .ui-grid-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        clear: both
    }

    .ui-grid-row::after {
        clear: both;
        content: "";
        display: table
    }

    .ui-grid-col-1,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9 {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-grid-col-1 {
        width: 8.33333%
    }

    .ui-grid-col-2 {
        width: 16.66666%
    }

    .ui-grid-col-3 {
        width: 25%
    }

    .ui-grid-col-4 {
        width: 33.33333%
    }

    .ui-grid-col-5 {
        width: 41.66666%
    }

    .ui-grid-col-6 {
        width: 50%
    }

    .ui-grid-col-7 {
        width: 58.33333%
    }

    .ui-grid-col-8 {
        width: 66.66666%
    }

    .ui-grid-col-9 {
        width: 75%
    }

    .ui-grid-col-10 {
        width: 83.33333%
    }

    .ui-grid-col-11 {
        width: 91.66666%
    }

    .ui-grid-col-12 {
        width: 100%
    }
}

@media all and (min-width: 480px) {
    .ui-grid-fixed {
        width:480px
    }
}

@media all and (min-width: 768px) {
    .ui-grid-fixed {
        width:768px
    }
}

@media all and (min-width: 960px) {
    .ui-grid-fixed {
        width:960px
    }
}

@media all and (min-width: 1024px) {
    .ui-grid-fixed {
        width:1024px
    }
}

@media all {
    .ui-grid.ui-grid-pad > .ui-grid-row > div {
        padding: .25em .5em
    }
}

@media all and (max-width: 640px) {
    .ui-grid-responsive .ui-grid-row {
        display:block
    }

    .ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9 {
        width: 100%;
        float: none
    }
}

@media all {
    .ui-g {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-g::after {
        clear: both;
        content: "";
        display: table;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-g-1,.ui-g-10,.ui-g-11,.ui-g-12,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9 {
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .5em
    }

    .ui-g-1 {
        width: 8.3333%
    }

    .ui-g-2 {
        width: 16.6667%
    }

    .ui-g-3 {
        width: 25%
    }

    .ui-g-4 {
        width: 33.3333%
    }

    .ui-g-5 {
        width: 41.6667%
    }

    .ui-g-6 {
        width: 50%
    }

    .ui-g-7 {
        width: 58.3333%
    }

    .ui-g-8 {
        width: 66.6667%
    }

    .ui-g-9 {
        width: 75%
    }

    .ui-g-10 {
        width: 83.3333%
    }

    .ui-g-11 {
        width: 91.6667%
    }

    .ui-g-12 {
        width: 100%
    }

    .ui-g-offset-12 {
        margin-left: 100%
    }

    .ui-g-offset-11 {
        margin-left: 91.66666667%
    }

    .ui-g-offset-10 {
        margin-left: 83.33333333%
    }

    .ui-g-offset-9 {
        margin-left: 75%
    }

    .ui-g-offset-8 {
        margin-left: 66.66666667%
    }

    .ui-g-offset-7 {
        margin-left: 58.33333333%
    }

    .ui-g-offset-6 {
        margin-left: 50%
    }

    .ui-g-offset-5 {
        margin-left: 41.66666667%
    }

    .ui-g-offset-4 {
        margin-left: 33.33333333%
    }

    .ui-g-offset-3 {
        margin-left: 25%
    }

    .ui-g-offset-2 {
        margin-left: 16.66666667%
    }

    .ui-g-offset-1 {
        margin-left: 8.33333333%
    }

    .ui-g-offset-0 {
        margin-left: 0
    }

    .ui-g-nopad {
        padding: 0
    }

    .ui-growl {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 20em
    }

    .ui-growl-item-container {
        position: relative;
        margin: 0 0 10px;
        opacity: .95;
        filter: alpha(opacity=95)
    }

    .ui-growl-item {
        position: relative;
        display: block;
        padding: .5em 1em
    }

    .ui-growl-item p {
        padding: 0;
        margin: 0
    }

    .ui-growl-icon-close {
        position: absolute;
        top: 4px;
        right: 4px;
        cursor: pointer
    }

    .ui-growl-title {
        font-weight: 700;
        padding: 0 0 .5em;
        display: block
    }

    .ui-growl-image {
        position: absolute;
        display: inline-block;
        left: .5em;
        top: .25em;
        padding: 0;
        font-size: 2em
    }

    .ui-growl-message {
        padding: 0 0 .25em;
        margin-left: 2.5em
    }

    .ui-growl-message p {
        font-weight: 400
    }

    .ui-inplace .ui-inplace-display {
        display: inline;
        cursor: pointer;
        border: 0;
        padding: .25em;
        font-weight: 400
    }

    .ui-inplace .ui-inplace-content {
        display: inline
    }

    .ui-inputswitch {
        position: relative;
        display: inline-block;
        width: 3em;
        height: 1.75em
    }

    .ui-inputswitch-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .3s;
        transition: .3s;
        border-radius: 30px
    }

    .ui-inputswitch-slider:before {
        position: absolute;
        content: "";
        height: 1.25em;
        width: 1.25em;
        left: .25em;
        bottom: .25em;
        border-radius: 50%;
        -webkit-transition: .3s;
        transition: .3s
    }

    .ui-inputswitch-checked .ui-inputswitch-slider:before {
        -webkit-transform: translateX(1.25em);
        transform: translateX(1.25em)
    }

    .ui-inputtext {
        margin: 0;
        outline: 0;
        padding: .25em;
        font-weight: 400
    }

    .ui-widget-content .ui-inputtext,.ui-widget-header .ui-inputtext {
        font-weight: 400
    }

    .ui-fluid .ui-inputtext {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .ui-inputgroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ui-inputgroup .ui-inputgroup-addon {
        display: inline-block;
        text-align: center;
        min-width: 1.5em;
        padding: .25em;
        border-width: 1px;
        border-style: solid
    }

    .ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
        border-left: 0
    }

    .ui-inputgroup .ui-inputtext {
        padding-left: .5em
    }

    .ui-inputgroup .ui-inputtext:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0
    }

    .ui-inputgroup .ui-inputtext:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0
    }

    .ui-inputgroup .ui-button {
        margin-right: 0;
        border-radius: 0
    }

    .ui-fluid .ui-inputgroup .ui-button {
        width: auto
    }

    .ui-fluid .ui-inputgroup .ui-inputtext {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .ui-inputgroup .ui-chkbox,.ui-inputgroup .ui-radiobutton {
        margin-right: 0;
        vertical-align: bottom
    }

    .ui-float-label {
        display: block;
        position: relative
    }

    .ui-float-label > label {
        font-weight: 400;
        position: absolute;
        pointer-events: none;
        left: .25em;
        top: 50%;
        margin-top: -.5em;
        transition: .3s ease all;
        -moz-transition: .3s ease all;
        -webkit-transition: .3s ease all;
        color: #898989;
        line-height: 1
    }

    .ui-float-label > input:-webkit-autofill ~ label {
        top: -.75em;
        font-size: 12px
    }

    .ui-float-label > .ui-inputwrapper-filled ~ label,.ui-float-label > .ui-inputwrapper-focus ~ label,.ui-float-label > input.ui-state-filled ~ label,.ui-float-label > input:focus ~ label {
        top: -.75em;
        font-size: 12px
    }

    .ui-inputtextarea-resizable {
        overflow: hidden;
        resize: none
    }

    .ui-fluid .ui-inputtextarea {
        width: 100%
    }

    .ui-float-label textarea.ui-state-filled ~ label,.ui-float-label textarea:-webkit-autofill ~ label,.ui-float-label textarea:focus ~ label {
        top: -.75em;
        font-size: 12px
    }

    .ui-lightbox {
        position: fixed;
        display: none
    }

    .ui-lightbox-content-wrapper {
        position: relative
    }

    .ui-lightbox-content {
        position: relative;
        margin: 0;
        padding: 0;
        background-color: #000
    }

    .ui-lightbox-nav-left,.ui-lightbox-nav-right {
        position: absolute;
        top: 50%;
        cursor: pointer;
        opacity: .5
    }

    .ui-lightbox-nav-left {
        left: 0
    }

    .ui-lightbox-nav-right {
        right: 0
    }

    .ui-lightbox-loading .ui-lightbox-content {
        background: url(data:image/gif;base64,R0lGODlhIAAgAPYAAAAAAOLi4gMDAyMjIyAgIAEBATw8PHBwcGdnZzc3NwcHBxMTE2hoaHFxcVNTUxUVFX5+fpmZmW5ubhcXFwoKCnNzc1FRUUdHR7Gxsa6urqmpqYODgx4eHggICHV1dU5OTgUFBTAwMKysrIGBgREREVVVVXd3dzg4OCcnJ7Ozs7CwsEhISDExMSwsLA4ODiUlJbe3t0FBQTo6OkxMTAwMDICAgGBgYCEhIRgYGGpqatHR0dPT08HBwdXV1bm5uVhYWBoaGhwcHBAQEEVFRVdXV1xcXIqKimNjY15eXqOjo56enpqamqWlpaCgoGFhYSoqKqGhoaenpygoKDU1NZycnFpaWsrKyr6+vrW1tc7OztDQ0D4+PpGRkZeXl1BQUHx8fJOTk46OjomJiZCQkJWVlcPDw8XFxcfHx7y8vC4uLjMzM4WFhUBAQIeHh7q6ukpKSszMzIyMjMnJyXp6enl5eUNDQ8DAwGxsbKqqqmVlZdfX1wAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAFAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKECzk2NJOCDxchgwU1OjsSmQoQGCIWghQiOz01npALERkYGQ4AFBqtP4ILN0ACjgISGhkpGDIANjw+KABCKNEujxMbGiowowAEHIIT0SgUkBwjGiIzhkIvKDiSJCsxwYYdmI8KFB0FjfqLAgYMEiSUEJeoAJABBAgiGnCgQQUPJlgoIgGuWyICCBhoRNBCEbRoFhEVSODAwocTIBQVwEEgiMJEChSkzNTPRQdEFF46KsABxYtphUisAxLpW7QJgkDMxAFO5yIC0V5gEjrg5kcUQB098ElCEFQURAH4CiLvEQUFg25ECwKLpiCmKBC6ui0kYILcuXjz6t3Ld1IgACH5BAAFAAEALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Ohw8Tj44XKlhbk4sKEVZZXAWZgwsxLYMdTJ1RCqEAIA1JSjOCFKhaUSCCoI8kRkpMULIKVFZaXaALN0C6jAVHS01RTFMAVVc8XgBCKNsujwsmS1AaCIJSpQAT2ygUk0AeS0oXhkIvKDihQjEyy4QdNJMgOqxqxC9RCyJFkKwYiKgAkAEE2CWi4CChDSdSFJFQx0ERiCEWQlq4oUjbto6KgCQwIOOJAEUFcBAIInGRgIKsGrrogIhCzUcFgqB40a0QiXpAMj1QJ6kVLgA41P1kxGHbi39HB/A0iaKoo6MvSAgisC0pAGRBXk4SOOjGtiCDFXCGSodCSM6GC7ze3cu3r9+/gAcFAgAh+QQABQACACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjoYkTj8Uj40SPGUMlYsdSzxmSiCbg0IyKIM0TTxnTAqjACAIYGNDgh1Uq1CiAB2VLl9hZGAXsGSrXAUKEjNABY4FRGJjXV0sAD8+aB8ANmItKC6PJAxiXBFIAAIhIYJVUygolI8TCNIxhkAvKDijLidTzgx1oLEJxC5GAReRkLFixZSDhwoAGUBAXiIWQy6smMFBEQl4KDoqenKi5Al+iYSAFJmIwgAUL5opKoCDQBCLM189c9HrEAWcz4LADFeIhD4gmxaAnCDIoCAcIIEuEgqToNEBvVTCI+rIxYAXJAQRgIcUwIIbQQQUPHiD7KCEOhMBTIAnJG7EBVzt6t3Lt6/fvYEAACH5BAAFAAMALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2OhiRVDhSPjQhYPkeViwpjWG5dIJuDBTdBgxRkWGhKCqOCK18QW4IdXKsRogAPHY8FNl8bG2wAIEarRgUKDW4ROI8XHl9rbS0ADhkYbwBIWj1wU48uPx4QYg4ABS1pgm09ZUc0lQtE5SeGR1hEz5sUIWkFDAkAIq9SAQGOAjIC8YLFFBQIExUAMoAAJUU41oVQs0ARCRQgOSyaABKkC0VCSopUJADHjRsTFhXAQSDIRZmvErrodYjCTV9BULw4WYjECxRANn0EGbNYRBwlfzIiKVSe0Ru9UpqsRGHAABKCCIBMCmCBqYiPBKC9MZZUTkJUEIW8PVRgAdG5ePPq3ctXbyAAIfkEAAUABAAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6GQhZDHY+NSFEiRZWLCmtRGXEgm4QgCoMdYhoZYKajAA9ETmqCnRoqY6IACy6VCQgHDQkAIBAaGCMAChIpShyPTzYMDR4oADNQUUMAVXJZOj+PHRdOOR4rAAVST4Ij3joXlS7jOSyGNnA7YRSbHSgvhyAMvBHiqlEBgxNu3MCxqACQAQT2KXKBoiIKGopIWHQ20eJFRUI2NsShcMJIAkEkNixo0AWlQxRUPioQxB+vQiReoACySWNFk8MECMJhUSajCRVfYMx5g1LIijcdKSAwgIQgAhV56roBRGilAgcF3cg6KCxLAEhREDxbqACJqGwI48qdS7fuqEAAIfkEAAUABQAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6GLitsCo+NJRFUM5WLICYRTSMCm4kdc59iIIIgLw+VT2woggp0EVBrogtfblFSjhNeP0hpAAINEUl0AApfZWdyTr4rFkVOBAB1YBFsAD92zlZ1jiBTbw42WwAFL7ECRmZycEYUjxRqbyW9hUfwRiSbIEGCHKLwxoKQUY1AUCjQiAQBAhMWFWjRgkCHRRRQaERBQxGJjRwwbuSoSAhIRg9u3IioqAAOAkAuMmKIsFEBFzINUZi3qUAQFC9cGCKxDsimjxpZghAFAMdGno4eaHzRkeiNiyY1Cn0EgsAAfwAIaDQKYMENIEwr0QRwY+ygtTUUAUzQeDCuoQIkttrdy7ev3799AwEAIfkEAAUABgAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6GBQMDj45sI20ylIsgDG1jBwWaiQp3nl8ggiAyQxSPJCgPqZ1cdAIAJB4pbkeOCmoxF5MCR21cEgAKFTBodmO2jB0hqzM4ADIjRpkOKcw8P48cLAYrIQAFN5MFI252ZRutjiAELFschkVXZWskmgUkC4coXPjgQlQjEDj4MSJBgMCERRPA2MlgYJGCFygy0lCE5MwVH21QjcKoUREBNglY3GC04MaNh4oK4CAARIHBm4gKuOiAiAI8SgWCoHhRsBAJjEA0vcoIE8QzHBlR/Gz0IOOLjUdv8BQStWg8AjcUEsiYFEBLIM+ADrpBdlAonIIRJmQUAhcSCa918+rdy7evqEAAIfkEAAUABwAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6HIAKPjkFFP0CTjB8VXx+ZigI/FRAMkgACCWwdjwVCNIICRKMHkkJ3URlIj0FPITgABQ4VNUcFIDl4KiliposCLygtUyQAIXd0LQAzuClYDo9AKFIhN4ITmAV0GSkwX6uOIBziC4ZEKT4QQpmtr4YddStcfGoEYoI+RkIIEJiwaEIYNxpkLAIBDQWKfojy6NiYRIEiihYvKjrSo2QTEIsW3LjBUNEDD1SohBgIqlmjAi7eGaJA4VOBICheCCxEAhqmSSRCtowkCEfIno8eWHzxquiNVUJCDoVH4AY1AAQsHlUJpIDPQTfEDjJLc9AEiwcP2xYqQGKr3Lt48+rdizcQACH5BAAFAAgALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CHCmkhCpGLU0gMMpeJBUOaPwWCAiwyHZAdlgACF0g5NgIALkcRTSWPEy8DQgAFdUh3uCBOVFBMELKMBTcoKC8UAC8/CC8AQ11NTBozj0DOKA+CJOIFEtp4FaiOIBzPLoZeTHge8JAFLtGGHVt1NJ2MQEzoxUgIAQITFj1og4EJm0UCBoD7l8iGHCtWlIBQFHGiIhtZQmpcZPBGQkUPxIhY8hDgoQIUlDnCt84QBX33grwzROIFCiCRSIA7CUIZDnA4Gz1w9uJfzxuohICzx47ADRKCCDgDCmDBDRyjIoUF0OznoLEuJzgj6LJQARJUCtvKnUu3rt25gQAAIfkEAAUACQAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkIgkC5GMHEMzN5WKLBcOQ4MCL2oKkCAgggWdJR8FADREbWMfjyQvA0KCaRdEFwACJUZcXQ2ujRwoKC8UAEB1FhwABrJdS76OOMkoD4I0JIJOY11UOaWOIMgvNIYXZOTrkAUuzIYKJ1vwm4oCD0FCxomEECAwYRGQGhpUJPmSz5CAAdoaGrpjpyKPKzISFYCYTGIhBGZCmrFjQJELAjcKKnqwIQoTJk4E6DNUoIPNR/I6IGIxRGe8IMpcGCKR4EsbobW0qQQhE0A2KQ5QQHqQTB0AWzd0CtGW6xEIlN8AEEgGRNCCGzgA4hx0g+wgtfoTJiTrOrNQARJI6+rdy7evX76BAAAh+QQABQAKACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QiCACkYxCTywklYoEaTIsgwUcQJEgBYM3aQYygh1vHiYtj0IvN0KCnVtTAAUrJhBrDo8cKCgvFABCLQYTAGoVwGJbjzjFKA+CCjSCDl9rRkgKjyDEL9uFWxtxNuePBS7IhiAsJ/GbigILQED2iEIEBJop4jCHShImYlAkEjDAWrtDOVKkwEIRwilEBBwquuOmY0cIilwQuCEwEQ4ISpRQmUPgnqECHWJeZPSuwyEQQ4bYhFQgiDEXhhxo0TIG6CMS1gROEpQGih4dMSA9KGYOAIlaNoUYwKOHCCQQIzUByIiCFIAFMiqUdIeqmFleLhQHTSh2K26hAiSM2t3Lt6/fv5sCAQAh+QQABQALACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QiAWRjRQ3BAqUihwoKByEIJOQBaIABJ0vggoJRBeZjjQ3N0KCp1IDAAUyRzkHKI9BqBQAQgMoLgBSNgwNDZ+OOJ0oC4Igr3XMJl6ljCCcL8OFagd0Dh2RBS7hhSBPIeeaiwIkODjriC4EBBOLQAdjZLpAwJXoVCcaio4wicJQgwdFBlEgTJQng0WLDxNRIHCDn6IJHsiAAVPhWTxCBTp0eNUoHbxCAmLEeOmoQLAXyAoxsCLHSE5HJKR5BCFAUJgdWqywgfQAFUISL26cQ6IDqQNIIDiSqNUJCAAFDdyI8Thq0I2ugx4UPQlgQidabA4LFSDxM67du3jz6qUUCAAh+QQABQAMACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKECkBAApOJQCgoD5mDBQWDBJwcggUDUwSQHTc3QoKkKEGCTzMODjSPOJwvHQBCAwMUAEErDkVVLo8TnCgLggIggiwWRUd1kCAcKC/EhVJVeRcKkQUu34UCNwPln4kFQg8Pv4oUBAQTixN5NW1iDVYlkoVCV6IfZLp0iRAhhyKCBhEVaUKR4h17BG7oU/TgjpiPOWi9o6TAXaNz9dRt2ZLSUYEg3ZYVysPjyoaIjUg42wgCEwAjVs7YMQDpQS9dJF7c+FXESlAv2jKSiMUJCAAFErBwMWVu0I2qgxZMe9cMBayRhAqQkIm2rdu3cATjNgoEACH5BAAFAA0ALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQKQDgCk4k4KCgPmYMFBYMEnByDJBwUkB03N0KCpChBgkAsBiGQE5wvHQBCAwOqJCEydWyYjg+cKAuCAiCCHMUzuI8CHCgvqoU4dR8J0JAFLtuGOEHhn4gFNCQkyIkUBAQTiwtEBx4mSECKsSg0FH3YsKaNQST+lgVM5GDMmDAObSiSd6OeIhJHvnyZYwOHukIKFKRjNK6XIQpvLph8VCBINheGjrjBMufVIxLLLIIIKIALDzQ+6Ch4pCxbQBIvvrABgIQHjytYTjwCQeAGCVgoPJApoOBLmadeIokSdAMFka0AaHjAomTAJ10XFIiA4nD1UwESC0Z+3Mu3r9+/kAIBACH5BAAFAA4ALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQCEwsFk4k4KCgLmYOYgwScHIMULpEdBDdCgqMoQYITLyg4kBOcLx0AQgMDFLycLS+QC5ydggIgsigtakCQBRwoL8CFQi1TKKGPBS7WhkKXn4unHdyIFAQEE4tCK0VONh+tia8oNIoxBw0VFR5bFN3Ll+jCl4MHYyhSd6OdIiFEJNy54wAVOUIgMnZzscuQixVsOnYLQs0iIRsZNDQw2YjEMYdPSinggkUFngMiGT3IlQ+ICjQBq/jAggGPl0cgVpEQ9ELFjjEFQHgYimGEgGiDWvjYQQaTEAg+Uvz49OKKjiKm2IT8ROFIlZwXCOPKnUu3LqRAACH5BAAFAA8ALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQFJCSTijgoKAuYiASbHIMdHZEKHARCgqAoQYITLy+Xjw+bL6VCAwMUAEKbrZALv50AAiCvv6qPBRwoL7yFvig4kgUu0IYUNJ6MChTHixQEBBOLHVMrHytSi6wo24ksVUVISD/wn7/4h1MM/gw2XCgSd6PcwDdIbBBhx62QAAUClrkoZYhGDBkKIhUI4kxgoR9NIiDYx4jEr3ICWrgCIUYDFCp5KDaq5WxbDjlYDABwIEJDEiorHoEgcOMSBRU64BgpAEJCzyQmCkCSCoAEjKRhpLrwICKKBU9tkv4YRMEARk8TjvyQ2bCt27dwBONGCgQAIfkEAAUAEAAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAUkJJOKEygoC5iIBJscgyAgkQocBEKCoChBgg8vAzSQD5svHQBCAzcUuZsoOJALv50AAgKCmpuqjwUcKC+9hUKbwZEFLtKGFLOeiwIgBYwUBAQT3y9qCSzMiawo3Yg3dUMXFyeL7/GHUhb+FgYWUeBw45yiDgZmvIlxyVshAeKaucBliIYMNaUgFQgCzYUhL2PaVNHWiMSvcwKeAAEA4ksELnGqKHhUC9osBDxE4PtAJQKYODEegSBw4xIFPFbKbCgAIo8SnzkiOoooBEPSNuJo3KHS5Y2nEVZ4lBjUIc2UmZgm2HCA1qHbt3AF48qVFAgAIfkEAAUAEQAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAUkQpOKDygoC5iIBJscgyAFkQocBJcAoChBgg8vNx2Qmigvs0IDNxQAQpsoD5ALv50AAgKCE7+qjgUctryFQi8oOJIFLtGGHTSejAWljBQEBBOLBUADA0DIiqwo3YkPTy1padbuv/GIQTL+Mq4UUeBww5wiEC1OnJACwpshcJCwzdrG4knDiEFQSAlh6AIEDx8mOnKx6cgcYyFQGDvQpgadDxcbaXqDxQsAJz7wGAAwJE6bEXMSPALxQgwDARSS2IFhwliVMD9/QBJQDAcWOz7aIKPgxEibGJgWqMCqVZCCjTEjUVBix80dh4UQLuChkgZuoQck7Ordy5dQIAAh+QQABQASACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKEBSQuk4oPKCgkmIgEmxyDAgWRChwEQoKgKEGCDwMEIJCaKC8dAEIDNxS5mygLkAu/wQCkghO/qo8FHLa9hUIvKDiSBS7Qhh00noyljRQEBBOLBUC71YusKNyJw7/Zn7/tiO+b8YcUHDfkigVBLwak60bwWhABhkCguIEQUrMiWH4YksHAxhYFkIQgMLMDgrE0L4w5qXDnCJuGjWZY6QFnBoAiGZQkAGBgDsk8LR6lyeAmj4AOS1LguWPMyxwPEthAIvFAEAkmKUR8KdXBgok7UjA9jVrjm4AbrjC5aJIigwmChTxEfYOW0IISbwgwtp1Lt66gQAAh+QQABQATACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKEBUIuk4oPKCgkmIgEmxyDBZIKHARCgqAoQYIPAxwCkJooLx0AQgM3FLibKKmPC74LggKkABO+vI8FHLXLhEIvKDiSBS7QhR00nozHjBQEBBOLBUC6xIurKNyJwpu26r7tiEK+8YoUHDfkigU4BDgA60YQSAkZsgoJCILjm6MJSXrIKWEohIMVaRI6qrJDB5w5AAQ8uSFoho0SH1pAMqEjS5kVAIg0GcMCgBoENoh8ePCohYYUTgR0GBNliRMABergJAIEkpB0QpZEoXKAFIgtPwyAwBQ1ipIK3255okHG6x2Che54rYOWEIkPdQi2tp1Lt66gQAAh+QQABQAUACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKEBUIuk4oPKCgkmIgEmxyDBZIKHARCgqAoQYILN0ECkJooLx0AQgM3FLibKKmPC74LggKkABO+vI8FHLXLhEIvKDiSBS7QhR00nozHjBQEBBOLBUC6nYurKNyJwpsDsorr7YhCvvGLFBw35IoFOAhwqNetGw4HJ+QVInEp0gQlWXhYMHRDBosg3xodgSOnTAUABV60AnBixZYpIx15kGPGzRAAXrjUeAJAioUVbNSAePQECp4iAhSs6WKkBMgpXlac2PlICDEALsJ0iXOElIAXCaphchGnS5g8GbvREOPVRsFCR7waOBvtggGmbAbjyp0LIBAAIfkEAAUAFQAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAVCLpOKDygoJJiIBJscgwWSChwEQoKgKEGCCzdApI+aKC8dAEIDNxS4myi8jwu+C4ICshO+wI4FHLXKg0IvKDiSBS7PhB00noyyjBQEBBOLBUC6qYurKNuJJL433ogDagkxnYlC7/GHLWFNJrcSFcBBIAi7RR2E7ONGCAeRISAOubgUKUgXM24cGKIV6xGJMGWu+JAAoAABagBQhJCC4sEjByHdqFgB4EINCQMABDmxksAjCXbcpMgjQIGJNSZopuQpypGUCFGK3KJRYw0djSWBAFEAycU4QTQgrJlDhCEhCnPWfLFglpADtWoN2g6iIIOFALl48+YNBAAh+QQABQAWACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKEBUIuk4oPKCgkmIgEmxyDBZIKHARCgqAoQYILN0Ckj5ooLx0AQgM3FLibKLyPC74LggKyE77AjgUctcqDQi8oOJIFLs+EHTSejLKMuTcTiwVAupeKQmBKNRI3iiS+BIskKT09Ox/o8YwXTCk12AoVwEEgSMBDHVx442ZogoUYIA65OAcJyBgfKvIVgoci1iMhbXykEJEHADliAIAMe+QExkgodQBskVClFUcUohqB4JIiQxQHBUAwaODkhKAJ0h48YpBBg5OIFCQ0yBNTEAWKjSjIOKHA6p0GCIYwJAQiD9gtYwkZOOAkZ1qTHAeovZ1Ll24gACH5BAAFABcALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQFQi6Tig8oKCSYiASbHJ4ACkEEQoKgKEGCJARABZCaKC8dAEIDNxS3myi7jwu9C4ICsQATvb+OBRy0yoNCLyg4kgUuz4QdNJFCqI3GjCsYMGudiQVAuduKQhg772+KJL0EiyQZWVlwM+y9ootDmoiYg61QARwEghQ8pMAFuFGGHswwAOIQhYWLcLQRAeWCIRLSYD0SAgEPEypVWl0CAETYoyomlXAxAEDNjyHDhPQC4ghEGyZNuswoIIBIkRlSBD148cJbIydNIhCpSMNGkQ8sBnVQAKnDFDVcAXQoUsSLGoiEBHwoYgEFWkI4DS4kWPdW0MO6ePPWDQQAIfkEAAUAGAAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAVCLpOKDygoJJiIBJscngAKQQRCgqAoQYIkBEAFkJooLx0AQgM3FLebKLuPC70LggKxABO9v44FHLTKg0IvKDiSBS7PhB00kS6ojcaMQyIYI52JBUADBNiGQnhWcHAXiiS9oopCUWZmZW/49oxidEnigR0lHASCGDSkgAa4UYYWXEgg4BCFhYomzFHChY0hEtKAQHJRgQqZOF4E0VAgCEgvb40cLCETZoQaAFJipNklpNcERyDm0FwTo4CAIUPUUAPw4MUAjIaIhGnzpmKHGUOm3CMFAlKHEC2MgbgwJMFWiIJYDDkxDO0gBTcKfrqdS7euXUOBAAAh+QQABQAZACwAAAAAIAAgAAAH/4AAgoOEhYaHiImKi4yNjo+QkZKEBUIuk4oPKCgkmIgEmxyeAApBBEKCoChBgiQEQAWQMi0oLx0AQgM3FLibKLyPORC0C4ICsQATvsCOQFBfT8yDQi8oOJI4DsWHHTSPBS4kQgKNyIokXxoZIhuoiQVAAwS3iV52djw8ZQ7nvqKJM9wIFOhFkRBfrBKRoNMEypIGl97heKVgUSUSEUchIsEmBDlDFKQ5WnAgTo0EhkhUAwKJBoI4G+jUEaQAhCAgvtw1emNkwxwJTwAEeTLg1sFN2xgJkLDhS4UTAAqwoMUSwAN5FR3NcMqGnAA1tP4BOAZJgZQXyAqkoaqxEJAnLw1EtqWQta3du3jzKgoEACH5BAAFABoALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQFQi6Tig8oKCSYgx0FgwSbHJ4AaU0/QoKjKEGCJARAoY9zPSkGHQBCAzcUu5sov48SOz1GD4ICtBPBw444STtlT4ZCLyg4kjg/bLSFHTSPBTSWAo3fiSwbTUxJX52JBUADBLqIIEZY+zAwSIokgr3CtyGDQYMOFAkJBkRRiw1kyIxhEA9RARyyQCwCIUSIOFOJXCR4km4QhWePSDiZc6eFIRLYGj6iUIXOgTwJBIHQCABHsI+N2Jg4gODHDQAwB+hauGnBIyIHGCBxCaCVzAX1eDZSk6eImlAFbmwaCKBASUYTkonapA0kIV4EDRS4LWR2rt27ePMeCgQAIfkEAAUAGwAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAVCLpOKDygoJJiDFEKDBJscngAtTSlFgqMoQYIkBEAFkB5ZOlYGAEIDNxS7myi/jwxwWjsSggK0ABPBw444VHBnF4ZCLyg4khMlW8yFHTSPBTRCNOCK6Yhpc2RLER6hiQVAAwQdiSA1UVEaGniIKCIR7BUiAXSaKFQ4Q5GQYEAUSTHRps0IG/MQFcAhC8QiEC5cQDN1iEaaG+sEURjpyIWFPD9uGCKRLeIjEG+OVPmAQhAIjwBwBBvnCIWTKl5iPABAc0C+h5s6Fa1i4cIAVptsLrgHtJGCE2xkAihwY5PBsSkZCSDEYdMCkoUOKHDg0BWu3bt48+pdFAgAIfkEAAUAHAAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShAVCLpOKDygoJJiDNEKDBJscngAtUBlVgqMoQYIkBEAFkAdmVmUyAEIDNxS7myi/j0c8Z1Y5ggK0ABPBw44TZDx2dYZCLyg4khNeMsyFHTSPBRQuNOCK6YhSB2JhcTnjiQVAAwQKiQIVXV0RS0suKCIRDIi+O2MSJhyiSEhBRQMYmDDRwME8RAVwyAKxSAAFGh1MKerwwuAhCtAeUYjhhc0DQySymXx04kOdKdsAgOAIAMezRyRW1DnxZFzMASEdbrrkyAUbGWleAmhlcsGNIAIg2esEoMCNTa8ErZsUZNMCkYUUBJkwFq3bt3AF48pFFAgAIfkEAAUAHQAsAAAAACAAIAAAB/+AAIKDhIWGh4iJiouMjY6PkJGShA8XLpOECxOEX01SJJgAU0l4JYIUKkpSHKEVblduRAAUGWQoQYIkBEAFj04wbnZoBgBObTcUAEIozMmOD2EwaDwVghO9ABPMKM6ON9E+FoZCLyg4kg8fFwKHHTSQ7hTYi/OJL0dzEBBO74kFQAMIKEgkIM+aNm3EGGGjiMQ2IP6QfJk4kViiZcwgJuJQBQECJxe6HSqAYxeIRQI6UBgYSpECHEIQURDpCESIBE8uFSJRTuOjF1OeoNgEAMRJADi20XQZQuiLdzwHdFC2TWejAgNQvAAFgEBGQQtu4KjHSMECqzeY4RJEdhIQZgsPWhoSMOGa3Lt48+rdiykQACH5BAAFAB4ALAAAAAAgACAAAAf/gACCg4SFhoeIiYqLjI2Oj5CRkoQLRTMKk4JCFyGEdDs6R5kCBxgiFoIUeDs9Jpk0XBkpKg4AFBqsRIIkBEAFjwwaGVgYMgA2PFgoAEIozhSPExsaKjASggQPghPOKNCPHCMaIjOGQi8oOJIkKzEChx00kAoUHb+M94pCFjkSEiXfEBUAMoAApkRDGlTw4MFEAkUkugFRFIOBRYss9ElU5IKNAwcfTnRQVABHLxCMFChAmWmRABcjD1EI+KgABxQvXBgigW4iJG7OJggCwRJHN5qMCDh7IY/ngJHNnkECgpMENmc+F9xQB6mAi4MAbjgLMihfS6MorLY0JOCB2rVwB+PKnUtXbiAAOwAAAAAAAAAAAA==) center center no-repeat #000
    }

    .ui-lightbox-caption {
        padding: .2em .4em;
        display: none
    }

    .ui-lightbox-caption-text {
        margin: .3em 0 .1em;
        float: left
    }

    .ui-lightbox-close {
        float: right;
        margin: 0;
        padding: .125em
    }

    .ui-lightbox-close.ui-state-hover {
        padding: 0
    }

    .ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover {
        opacity: 1
    }

    .ui-listbox {
        padding: .25em;
        width: 10em
    }

    .ui-listbox .ui-listbox-list-wrapper {
        overflow: auto
    }

    .ui-listbox .ui-listbox-list {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .ui-listbox .ui-listbox-item {
        padding: .25em;
        border: 0;
        cursor: pointer;
        font-weight: 400;
        margin-bottom: 1px
    }

    .ui-listbox .ui-listbox-item > span {
        vertical-align: middle
    }

    .ui-listbox .ui-listbox-item:last-child {
        margin-bottom: 0
    }

    .ui-listbox.ui-state-disabled .ui-listbox-item {
        cursor: default
    }

    .ui-listbox-header {
        margin-bottom: .3em;
        padding: .125em .2em;
        position: relative
    }

    .ui-listbox-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .ui-listbox-header .ui-listbox-filter-container {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 100%
    }

    .ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
        width: calc(100% - 2em)
    }

    .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
        position: absolute;
        top: .25em;
        left: .25em
    }

    .ui-listbox-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%
    }

    .ui-listbox-footer {
        padding: .125em .2em
    }

    .ui-megamenu {
        padding: .25em
    }

    .ui-megamenu-root-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .ui-megamenu-root-list > .ui-menuitem {
        position: relative
    }

    .ui-megamenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        text-decoration: none
    }

    .ui-megamenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-megamenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-megamenu-panel {
        display: none;
        position: absolute;
        width: auto
    }

    .ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
        display: block
    }

    .ui-megamenu-panel .ui-menuitem {
        margin: .125em 0
    }

    .ui-megamenu-submenu {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 12.5em
    }

    .ui-megamenu-submenu-header {
        padding: .25em
    }

    .ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
        display: inline-block
    }

    .ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        vertical-align: middle;
        margin-left: .25em
    }

    .ui-megamenu-vertical {
        width: 12.5em
    }

    .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
        display: block
    }

    .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
        position: relative
    }

    .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        position: absolute;
        width: 1em;
        height: 1em;
        top: 50%;
        right: 0;
        margin-top: -.5em
    }

    .ui-megamenu .ui-g {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .ui-menu {
        width: 12.5em;
        padding: .25em
    }

    .ui-menu.ui-menu-dynamic {
        position: absolute
    }

    .ui-menu .ui-menu-separator {
        border-width: 1px 0 0
    }

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

    .ui-menu .ui-submenu-header {
        padding: .25em .5em;
        margin: .125em 0
    }

    .ui-menu .ui-menuitem {
        margin: .125em 0
    }

    .ui-menu .ui-menuitem-link {
        padding: .25em;
        display: block;
        text-decoration: none
    }

    .ui-menu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-menu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-message {
        border: 1px solid;
        margin: 0 .25em;
        padding: .25em .5em;
        display: inline-block;
        vertical-align: top
    }

    .ui-message .ui-message-icon,.ui-message .ui-message-text {
        vertical-align: middle
    }

    .ui-fluid .ui-message {
        display: block
    }

    .ui-menubar {
        padding: .25em
    }

    .ui-menubar .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-menubar:after {
        content: "";
        clear: both;
        display: table
    }

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

    .ui-menubar .ui-menuitem-link {
        display: block;
        padding: .25em;
        position: relative;
        text-decoration: none
    }

    .ui-menubar .ui-menubar-root-list {
        display: inline-block
    }

    .ui-menubar .ui-menubar-root-list > .ui-menuitem {
        display: inline-block;
        position: relative
    }

    .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
        padding: .5em
    }

    .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
        vertical-align: middle;
        margin-left: .25em
    }

    .ui-menubar .ui-menubar-root-list > li ul {
        display: none
    }

    .ui-menubar .ui-submenu-list {
        display: none;
        position: absolute;
        min-width: 12.5em;
        padding: .25em
    }

    .ui-menubar .ui-submenu-list .ui-menuitem {
        margin: .125em 0;
        position: relative
    }

    .ui-menubar .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-menubar .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block
    }

    .ui-menubar .ui-menubar-custom {
        float: right;
        padding: .25em
    }

    .ui-multiselect {
        display: inline-block;
        position: relative;
        width: auto;
        cursor: pointer
    }

    .ui-multiselect .ui-multiselect-trigger {
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        cursor: pointer;
        width: 1.5em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 .25em
    }

    .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
        top: 50%;
        left: 50%;
        margin-top: -.5em;
        margin-left: -.5em;
        position: absolute
    }

    .ui-multiselect .ui-multiselect-label-container {
        overflow: hidden
    }

    .ui-multiselect .ui-multiselect-label {
        display: block;
        padding: .25em 2em .25em .25em;
        width: auto;
        border: 0;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .ui-multiselect.ui-state-disabled .ui-multiselect-label,.ui-multiselect.ui-state-disabled .ui-multiselect-trigger {
        cursor: auto
    }

    .ui-multiselect-panel {
        padding: .2em;
        position: absolute;
        min-width: 12em
    }

    .ui-multiselect .ui-multiselect-panel {
        min-width: 100%
    }

    .ui-multiselect-panel .ui-multiselect-items-wrapper {
        overflow: auto;
        position: relative;
        padding: .2em 0
    }

    .ui-multiselect-panel .ui-multiselect-list {
        border: 0
    }

    .ui-multiselect-panel .ui-multiselect-item {
        border: 0;
        cursor: pointer;
        font-weight: 400;
        margin: 1px 0;
        padding: .125em .25em;
        text-align: left;
        white-space: nowrap;
        display: block;
        position: relative
    }

    .ui-multiselect-panel .ui-multiselect-item .ui-chkbox,.ui-multiselect-panel .ui-multiselect-item label {
        display: inline-block;
        vertical-align: middle
    }

    .ui-multiselect-header {
        margin-bottom: .3em;
        padding: .25em;
        position: relative;
        text-align: left;
        min-height: 2em
    }

    .ui-multiselect-header .ui-chkbox {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .ui-multiselect-header .ui-multiselect-filter-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 65%
    }

    .ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
        width: 85%
    }

    .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
        position: absolute;
        top: .25em;
        left: .125em
    }

    .ui-multiselect-header .ui-inputtext {
        padding: .125em .125em .125em 1.25em;
        width: 100%
    }

    .ui-multiselect-header .ui-multiselect-close {
        position: absolute;
        right: .375em;
        top: .375em;
        display: block;
        border: 0
    }

    .ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none {
        float: left;
        margin-right: 10px;
        display: block
    }

    .ui-multiselect-header .ui-multiselect-close.ui-state-hover {
        padding: 0
    }

    .ui-multiselect-footer {
        padding: .25em
    }

    .ui-fluid .ui-multiselect {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-messages {
        border: 1px solid;
        margin: .5em 0;
        padding: 1em 1em 1em .5em;
        position: relative
    }

    .ui-messages .ui-messages-icon {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        font-size: 2em
    }

    .ui-messages .ui-messages-summary {
        font-weight: 700;
        margin-left: .25em
    }

    .ui-messages .ui-messages-detail {
        margin-left: .25em
    }

    .ui-messages ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: middle
    }

    .ui-messages ul > li {
        padding: .25em 0
    }

    .ui-messages.ui-messages-noicon ul {
        margin: 0 1.5em 0 0
    }

    .ui-messages .ui-messages-close {
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5px
    }

    .ui-organizationchart .ui-organizationchart-table {
        border-spacing: 0;
        border-collapse: separate;
        margin: 0 auto
    }

    .ui-organizationchart .ui-organizationchart-table > tr > td {
        text-align: center;
        vertical-align: top;
        padding: 0 .75em
    }

    .ui-organizationchart .ui-organizationchart-node-content {
        padding: .5em .75em;
        display: inline-block;
        position: relative
    }

    .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
        position: absolute;
        bottom: -9px;
        margin-left: -8px;
        z-index: 2;
        left: 50%
    }

    .ui-organizationchart .ui-organizationchart-line-down {
        margin: 0 auto;
        height: 20px;
        width: 1px;
        float: none
    }

    .ui-organizationchart .ui-organizationchart-line-left,.ui-organizationchart .ui-organizationchart-line-right {
        float: none;
        border-radius: 0
    }

    .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
        cursor: pointer
    }

    .ui-overlaypanel {
        padding: 0;
        margin: 0;
        position: absolute
    }

    .ui-overlaypanel-content {
        padding: .5em 1em
    }

    .ui-overlaypanel-close {
        position: absolute;
        top: -1em;
        right: -1em;
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
        border-radius: 100%
    }

    .ui-overlaypanel-close-icon {
        line-height: inherit
    }

    .ui-orderlist {
        display: table
    }

    .ui-orderlist .ui-orderlist-controls {
        height: 12.5em;
        padding: 0 .25em;
        vertical-align: middle;
        display: table-cell
    }

    .ui-orderlist .ui-orderlist-controls .ui-button {
        display: block;
        margin-bottom: .25em
    }

    .ui-orderlist .ui-orderlist-container {
        display: table-cell;
        vertical-align: top
    }

    .ui-orderlist .ui-orderlist-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: auto;
        height: 12.5em;
        width: 12.5em
    }

    .ui-orderlist .ui-orderlist-caption {
        text-align: center;
        padding: .5em .75em;
        border-bottom: 0
    }

    .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
        margin: 1px;
        padding: .125em;
        cursor: pointer;
        border: 0;
        font-weight: inherit
    }

    .ui-orderlist .ui-orderlist-filter-container {
        position: relative;
        width: 100%;
        padding: .5em .6em;
        border-bottom: 0
    }

    .ui-orderlist .ui-orderlist-filter-container .ui-inputtext {
        text-indent: 1.1em;
        width: 100%
    }

    .ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em
    }

    .ui-orderlist.ui-state-disabled .ui-button,.ui-orderlist.ui-state-disabled .ui-orderlist-item {
        cursor: default
    }

    .ui-orderlist.ui-state-disabled .ui-orderlist-list {
        overflow: hidden
    }

    .ui-orderlist.ui-orderlist-responsive {
        width: 100%
    }

    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls {
        width: 16.66666%;
        padding-right: .5em
    }

    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container {
        width: 83.33333%
    }

    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-caption,.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls > .ui-button,.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list {
        width: 100%
    }

    .ui-orderlist .ui-orderlist-droppoint {
        height: 6px;
        list-style-type: none
    }
}

@media all and (max-width: 40em) {
    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls {
        text-align:center;
        width: 100%;
        display: inline-block;
        height: auto
    }

    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls .ui-button {
        display: inline-block;
        width: 20%;
        margin-right: .25em
    }

    .ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container {
        width: 100%
    }
}

@media all {
    .ui-paginator {
        margin: 0;
        text-align: center;
        padding: .125em
    }

    .ui-paginator .ui-paginator-top {
        border-bottom: 0
    }

    .ui-paginator .ui-paginator-bottom {
        border-top: 0
    }

    .ui-paginator .ui-paginator-left-content {
        float: left
    }

    .ui-paginator .ui-paginator-right-content {
        float: right
    }

    .ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-prev {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
        zoom:1;margin-left: .063em;
        margin-right: .063em;
        text-decoration: none;
        vertical-align: middle;
        text-align: center;
        position: relative
    }

    .ui-paginator .ui-paginator-pages {
        width: auto;
        line-height: 1
    }

    .ui-paginator .ui-paginator-icon {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1em;
        height: 1em;
        margin-top: -.5em;
        margin-left: -.5em
    }

    .ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-prev {
        cursor: pointer
    }

    .ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options {
        margin-left: 1em;
        margin-right: 1em;
        background-image: none
    }

    .ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option {
        background-image: none;
        border: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

    .ui-paginator a.ui-state-disabled {
        outline: 0
    }

    .ui-paginator .ui-dropdown {
        min-width: 4em;
        margin-left: .375em
    }

    .ui-fluid .ui-paginator .ui-dropdown {
        width: auto
    }

    .ui-panel {
        padding: .2em
    }

    .ui-panel .ui-panel-titlebar {
        padding: .5em .75em
    }

    .ui-panel .ui-panel-titlebar-icon {
        float: right;
        cursor: pointer;
        margin-left: .2em;
        margin-top: -.1em
    }

    .ui-panel .ui-panel-content {
        border: 0;
        background: 0;
        padding: .5em .75em
    }

    .ui-panel .ui-panel-footer {
        border-width: 1px 0 0;
        padding: .25em .5em;
        text-align: left
    }

    .ui-panel-content-wrapper-overflown {
        overflow: hidden
    }

    .ui-panelmenu {
        width: auto
    }

    .ui-panelmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

    .ui-panelmenu .ui-panelmenu-content-wrapper {
        overflow: hidden
    }

    .ui-panelmenu .ui-panelmenu-header {
        margin: -1px 0 0;
        zoom:1}

    .ui-panelmenu .ui-panelmenu-header-link {
        padding: .5em;
        display: block;
        text-decoration: none
    }

    .ui-panelmenu .ui-menuitem-text,.ui-panelmenu .ui-panelmenu-icon {
        vertical-align: middle
    }

    .ui-panelmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-panelmenu .ui-panelmenu-content {
        padding: .25em;
        border-top: 0;
        margin-bottom: 1px
    }

    .ui-panelmenu .ui-submenu-list {
        margin: 0 0 0 1.5em;
        padding: 0;
        list-style: none
    }

    .ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
        margin-left: 0
    }

    .ui-panelmenu .ui-menuitem {
        overflow: hidden;
        margin: .125em 0
    }

    .ui-panelmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        text-decoration: none
    }

    .ui-password-panel {
        padding: .25em .5em;
        position: absolute;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        opacity: 0;
        transition: opacity .3s,-webkit-transform .3s;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s
    }

    .ui-password-panel .ui-password-meter {
        height: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAoAgMAAABhr+t0AAAADFBMVEXx8fHjHD39uB5KpWRhxht7AAAAJUlEQVR4AWMYDGAUhCKBgAFSNqpsFS5AR2Wjyv4TAz7QVNmoMgB5UksJhzldcwAAAABJRU5ErkJggg==) left top no-repeat;
        padding: 0;
        margin: 0
    }

    .ui-password-info {
        margin-top: .25em
    }

    .ui-password-panel-visible {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .ui-password-panel-hidden {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        transition: opacity .15s,-webkit-transform .3s;
        -webkit-transition: opacity .15s,-webkit-transform .3s;
        transition: transform .3s,opacity .15s;
        transition: transform .3s,opacity .15s,-webkit-transform .3s
    }

    .ui-picklist .ui-picklist-buttons {
        height: 12.5em;
        padding: 0 .25em;
        vertical-align: middle
    }

    .ui-picklist .ui-picklist-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: auto;
        height: 12.5em;
        width: 12.5em
    }

    .ui-picklist .ui-picklist-list li {
        margin: 1px;
        padding: .125em
    }

    .ui-picklist .ui-button {
        display: block;
        margin-bottom: .25em
    }

    .ui-picklist .ui-button-text-icon-left {
        width: 100%
    }

    .ui-picklist .ui-picklist-item {
        cursor: pointer;
        border: 0;
        font-weight: inherit
    }

    .ui-picklist .ui-picklist-caption {
        text-align: center;
        padding: .5em .75em;
        border-bottom: 0
    }

    .ui-picklist table {
        width: 100%;
        border-collapse: collapse
    }

    .ui-picklist .ui-picklist-filter-container {
        position: relative;
        width: 100%;
        padding: .5em .6em;
        border-bottom: 0
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
        text-indent: 1.1em;
        width: 100%
    }

    .ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
        position: absolute;
        top: 50%;
        left: 1em;
        margin-top: -.6em
    }

    .ui-picklist {
        display: table
    }

    .ui-picklist > div {
        float: none;
        display: table-cell;
        vertical-align: top
    }

    .ui-picklist.ui-picklist-vertical {
        display: table
    }

    .ui-picklist.ui-picklist-vertical > div {
        float: none;
        display: table-row;
        vertical-align: top
    }

    .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
        text-align: center;
        height: auto
    }

    .ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
        display: inline-block
    }

    .ui-picklist.ui-picklist-vertical .ui-button {
        margin-top: .25em
    }

    .ui-picklist-outline {
        outline: #000 dotted 1px;
        z-index: 1
    }

    .ui-picklist .ui-picklist-droppoint {
        height: 6px;
        list-style-type: none
    }

    .ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
        height: 100%;
        list-style-type: none
    }

    .ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target {
        outline: 0
    }

    .ui-picklist.ui-picklist-responsive * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .ui-picklist.ui-picklist-responsive {
        width: 100%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
        width: 35%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
        width: 45%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        width: 10%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
        width: 100%
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-list {
        width: auto
    }
}

@media all and (max-width: 40em) {
    .ui-picklist.ui-picklist-responsive {
        display:block
    }

    .ui-picklist.ui-picklist-responsive > div {
        display: block;
        width: 100%!important
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
        text-align: center;
        height: auto;
        padding: .4em 0
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
        display: inline-block;
        width: 20%;
        margin-bottom: 0;
        margin-right: .25em
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
        padding-bottom: .4em
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
        padding-top: .4em
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
        content: "\e930"
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
        content: "\e92c"
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
        content: "\e933"
    }

    .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
        content: "\e92f"
    }
}

@media all {
    .ui-progressbar {
        height: 1.2em;
        text-align: left;
        position: relative;
        overflow: hidden
    }

    .ui-progressbar-determinate .ui-progressbar-value {
        height: 100%;
        width: 0;
        position: absolute;
        display: none;
        border: 0
    }

    .ui-progressbar-determinate .ui-progressbar-value-animate {
        -webkit-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out
    }

    .ui-progressbar-determinate .ui-progressbar-label {
        text-align: center;
        height: 100%;
        width: 100%;
        position: absolute;
        display: none;
        font-weight: 700
    }

    .ui-progressbar-indeterminate {
        height: .5em
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
        border: 0
    }

    .ui-progressbar-indeterminate .ui-progressbar-value::before {
        content: '';
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left,right;
        -webkit-animation: 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite ui-progressbar-indeterminate-anim;
        animation: 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite ui-progressbar-indeterminate-anim
    }

    .ui-progressbar-indeterminate .ui-progressbar-value::after {
        content: '';
        position: absolute;
        background-color: inherit;
        top: 0;
        left: 0;
        bottom: 0;
        will-change: left,right;
        -webkit-animation: 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite ui-progressbar-indeterminate-anim-short;
        animation: 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite ui-progressbar-indeterminate-anim-short;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s
    }
}

@-webkit-keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

@keyframes ui-progressbar-indeterminate-anim {
    0% {
        left: -35%;
        right: 100%
    }

    100%,60% {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%
    }

    100%,60% {
        left: 107%;
        right: -8%
    }
}

@keyframes ui-progressbar-indeterminate-anim-short {
    0% {
        left: -200%;
        right: 100%
    }

    100%,60% {
        left: 107%;
        right: -8%
    }
}

.ui-progress-spinner {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: inline-block
}

.ui-progress-spinner::before {
    content: '';
    display: block;
    padding-top: 100%
}

.ui-progress-spinner-svg {
    -webkit-animation: 2s linear infinite ui-progress-spinner-rotate;
    animation: 2s linear infinite ui-progress-spinner-rotate;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.ui-progress-spinner-circle {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite ui-progress-spinner-dash,6s ease-in-out infinite ui-progress-spinner-color;
    animation: 1.5s ease-in-out infinite ui-progress-spinner-dash,6s ease-in-out infinite ui-progress-spinner-color;
    stroke-linecap: round
}

@-webkit-keyframes ui-progress-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ui-progress-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ui-progress-spinner-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes ui-progress-spinner-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes ui-progress-spinner-color {
    0%,100% {
        stroke: #d62d20
    }

    40% {
        stroke: #0057e7
    }

    66% {
        stroke: #008744
    }

    80%,90% {
        stroke: #ffa700
    }
}

@keyframes ui-progress-spinner-color {
    0%,100% {
        stroke: #d62d20
    }

    40% {
        stroke: #0057e7
    }

    66% {
        stroke: #008744
    }

    80%,90% {
        stroke: #ffa700
    }
}

.ui-radiobutton {
    display: inline-block;
    cursor: pointer;
    margin-right: .25em
}

.ui-radiobutton-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    border-radius: 100%;
    text-align: center;
    position: relative
}

.ui-radiobutton-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    margin-left: -.5em
}

.ui-radiobutton,.ui-radiobutton-label {
    vertical-align: middle
}

.ui-rating {
    font-size: 1.25em
}

.ui-fluid .fc .ui-button {
    width: auto
}

.ui-scrollpanel-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left
}

.ui-scrollpanel-content {
    height: calc(100% + 18px);
    width: calc(100% + 18px);
    padding: 0;
    position: relative;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ui-scrollpanel-bar {
    position: relative;
    background: #c1c1c1;
    border-radius: 3px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.ui-scrollpanel-bar-y {
    width: 9px;
    top: 0
}

.ui-scrollpanel-bar-x {
    height: 9px;
    bottom: 0
}

.ui-scrollpanel-hidden {
    visibility: hidden
}

.ui-scrollpanel:active .ui-scrollpanel-bar,.ui-scrollpanel:hover .ui-scrollpanel-bar {
    opacity: 1
}

.ui-scrollpanel-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.ui-selectbutton {
    display: inline-block
}

.ui-selectbutton.ui-state-error {
    padding: 0
}

.ui-selectbutton .ui-button.ui-state-focus {
    outline: 0
}

.ui-sidebar {
    position: fixed;
    padding: .5em 1em;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.ui-sidebar-left {
    top: 0;
    left: 0;
    width: 20em;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ui-sidebar-right {
    top: 0;
    right: 0;
    width: 20em;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.ui-sidebar-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 10em;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ui-sidebar-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10em;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.ui-sidebar-full {
    width: 100%;
    height: 100%;
    left: 0;
    transition: -webkit-transform 0;
    -webkit-transition: -webkit-transform 0;
    transition: transform 0;
    transition: transform 0s,-webkit-transform 0;
    transition: transform 0s,-webkit-transform 0
}

.ui-sidebar-left.ui-sidebar-active,.ui-sidebar-right.ui-sidebar-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ui-sidebar-left.ui-sidebar-sm,.ui-sidebar-right.ui-sidebar-sm {
    width: 20em
}

.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-md {
    width: 40em
}

.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-lg {
    width: 60em
}

.ui-sidebar-bottom.ui-sidebar-active,.ui-sidebar-top.ui-sidebar-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ui-sidebar-bottom.ui-sidebar-sm,.ui-sidebar-top.ui-sidebar-sm {
    height: 10em
}

.ui-sidebar-bottom.ui-sidebar-md,.ui-sidebar-top.ui-sidebar-md {
    height: 20em
}

.ui-sidebar-bottom.ui-sidebar-lg,.ui-sidebar-top.ui-sidebar-lg {
    height: 30em
}

.ui-sidebar-mask {
    position: fixed;
    width: 100%;
    height: 100%
}

.ui-sidebar-close {
    float: right
}

.ui-slidemenu {
    width: 12.5em;
    padding: .25em
}

.ui-slidemenu.ui-slidemenu-dynamic {
    position: absolute
}

.ui-slidemenu .ui-menu-separator {
    border-width: 1px 0 0
}

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

.ui-slidemenu .ui-slidemenu-rootlist {
    position: absolute;
    top: 0
}

.ui-slidemenu .ui-submenu-list {
    display: none;
    position: absolute;
    top: 0;
    width: 12.5em;
    padding: .25em
}

.ui-slidemenu .ui-menuitem-link {
    padding: .25em;
    display: block;
    position: relative;
    text-decoration: none
}

.ui-slidemenu .ui-menuitem-icon {
    margin-right: .25em;
    vertical-align: middle
}

.ui-slidemenu .ui-menuitem-text {
    vertical-align: middle
}

.ui-slidemenu .ui-menuitem {
    position: relative;
    margin: .125em 0
}

.ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
    position: absolute;
    margin-top: -.5em;
    right: 0;
    top: 50%
}

.ui-slidemenu .ui-slidemenu-wrapper {
    position: relative
}

.ui-slidemenu .ui-slidemenu-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.ui-slidemenu-backward {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .25em;
    cursor: pointer;
    display: none
}

.ui-slidemenu-backward .ui-slidemenu-backward-icon,.ui-slidemenu-backward span {
    vertical-align: middle
}

.ui-slidemenu .ui-menuitem-active {
    position: static
}

.ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
    display: block
}

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list,.ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active) {
    display: none
}

.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
    display: block
}

.ui-spinner {
    display: inline-block;
    overflow: visible;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.ui-spinner-input {
    vertical-align: middle;
    padding-right: 1.5em
}

.ui-spinner-button {
    cursor: default;
    display: block;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    width: 1.5em
}

.ui-spinner .ui-spinner-button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-fluid .ui-spinner {
    width: 100%
}

.ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 2em;
    width: 100%
}

.ui-fluid .ui-spinner .ui-spinner-button {
    width: 1.5em
}

.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
    left: .7em
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1
}

.ui-slider .ui-slider-handle.ui-slider-handle-active {
    z-index: 2
}

.ui-slider .ui-slider-range {
    position: absolute;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-slider-animate .ui-slider-handle {
    -webkit-transition: left .3s;
    transition: left .3s
}

.ui-splitbutton {
    position: relative;
    display: inline-block;
    zoom:1}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    width: 2em;
    vertical-align: top
}

.ui-splitbutton.ui-state-disabled button {
    cursor: default
}

.ui-fluid .ui-splitbutton {
    width: 100%
}

.ui-fluid .ui-splitbutton .ui-button:first-child {
    width: calc(100% - 2em)
}

.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
    width: 2em
}

.ui-steps ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.ui-steps .ui-steps-item {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.ui-steps.ui-steps-readonly .ui-steps-item {
    cursor: auto
}

.ui-steps .ui-steps-item .ui-menuitem-link {
    text-decoration: none;
    display: block;
    padding: 1em;
    position: relative;
    text-align: center
}

.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
    cursor: default
}

.ui-steps .ui-steps-number {
    font-size: 2em;
    display: block
}

.ui-steps .ui-steps-title {
    display: block;
    white-space: nowrap
}

@media all and (max-width: 40em) {
    .ui-steps .ui-steps-item .ui-menuitem-link {
        padding:.5em
    }

    .ui-steps .ui-steps-item .ui-steps-title {
        display: none
    }
}

@media all {
    .ui-table {
        position: relative
    }

    .ui-table table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-table .ui-table-tbody > tr > td,.ui-table .ui-table-tfoot > tr > td,.ui-table .ui-table-thead > tr > th {
        padding: .25em .5em
    }

    .ui-table .ui-sortable-column {
        cursor: pointer
    }

    .ui-table .ui-table-sort-icon {
        vertical-align: middle
    }

    .ui-table-auto-layout > .ui-table-wrapper {
        overflow-x: auto
    }

    .ui-table-auto-layout > .ui-table-wrapper > table {
        table-layout: auto
    }

    .ui-table-caption,.ui-table-summary {
        padding: .25em .5em;
        text-align: center;
        font-weight: 700
    }

    .ui-table-caption {
        border-bottom: 0
    }

    .ui-table-summary {
        border-top: 0
    }

    .ui-table .ui-paginator-top {
        border-bottom: 0
    }

    .ui-table .ui-paginator-bottom {
        border-top: 0
    }

    .ui-table-scrollable-wrapper {
        position: relative
    }

    .ui-table-scrollable-footer,.ui-table-scrollable-header {
        overflow: hidden;
        border: 0
    }

    .ui-table-scrollable-body {
        overflow: auto;
        position: relative
    }

    .ui-table-scrollable-body > table > .ui-table-tbody > tr:first-child > td {
        border-top: 0
    }

    .ui-table-virtual-table {
        position: absolute
    }

    .ui-table-frozen-view .ui-table-scrollable-body {
        overflow: hidden
    }

    .ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
        border-right: 0
    }

    .ui-table-unfrozen-view {
        position: absolute;
        top: 0
    }

    .ui-table-resizable > .ui-table-wrapper {
        overflow-x: auto
    }

    .ui-table-resizable .ui-table-tbody > tr > td,.ui-table-resizable .ui-table-tfoot > tr > td,.ui-table-resizable .ui-table-thead > tr > th {
        overflow: hidden
    }

    .ui-table-resizable .ui-resizable-column {
        background-clip: padding-box;
        position: relative
    }

    .ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
        display: none
    }

    .ui-table .ui-column-resizer {
        display: block;
        position: absolute!important;
        top: 0;
        right: 0;
        margin: 0;
        width: .5em;
        height: 100%;
        padding: 0;
        cursor: col-resize;
        border: 1px solid transparent
    }

    .ui-table .ui-column-resizer-helper {
        width: 1px;
        position: absolute;
        z-index: 10;
        display: none
    }

    .ui-table .ui-table-tbody > tr > td.ui-editing-cell input {
        padding: 0;
        border: 0
    }

    .ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * {
        width: 100%
    }

    .ui-table-reorder-indicator-down,.ui-table-reorder-indicator-up {
        position: absolute;
        display: none
    }

    .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
        display: none
    }

    .ui-table-loading {
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: alpha(opacity=10);
        opacity: .1;
        z-index: 1
    }

    .ui-table-loading-content {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        margin-top: -1em;
        margin-left: -1em
    }

    .ui-table .ui-table-loading-icon {
        font-size: 2em
    }

    .ui-tabmenu .ui-tabmenu-nav {
        margin: 0;
        padding: .25em .5em 0 .25em
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
        list-style: none;
        float: left;
        position: relative;
        margin: 0 .2em 1px 0;
        padding: 0;
        white-space: nowrap;
        display: block;
        border-bottom: 0;
        top: 1px
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
        float: left;
        padding: .5em 1em;
        text-decoration: none
    }

    .ui-tabmenu .ui-tabmenu-nav a {
        padding: .5em 1em
    }

    .ui-tabmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-tabmenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
        cursor: default
    }

    .ui-tabview {
        padding: .25em
    }

    .ui-tabview .ui-tabview-nav {
        margin: 0
    }

    .ui-tabview .ui-tabview-nav li {
        list-style: none;
        float: left;
        position: relative;
        margin: 0 .125em 1px 0;
        padding: 0;
        white-space: nowrap;
        display: block
    }

    .ui-tabview .ui-tabview-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none
    }

    .ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a,.ui-tabview .ui-tabview-nav li.ui-tabview-selected a {
        cursor: text
    }

    .ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
        cursor: pointer
    }

    .ui-tabview .ui-tabview-panel {
        border-width: 0;
        padding: 1em;
        background: 0
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
        margin-left: .25em;
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-title {
        vertical-align: middle
    }

    .ui-tabview .ui-tabview-nav li .ui-tabview-close {
        margin: .5em .3em 0 0;
        cursor: pointer
    }

    .ui-tabview.ui-tabview-top > .ui-tabview-nav li {
        border-bottom: 0;
        top: 1px
    }

    .ui-tabview.ui-tabview-top > .ui-tabview-nav {
        padding: .2em .2em 0
    }

    .ui-tabview.ui-tabview-bottom > .ui-tabview-nav {
        padding: 0 .2em .2em
    }

    .ui-tabview.ui-tabview-bottom > .ui-tabview-nav li {
        border-top: 0
    }

    .ui-tabview-left::after,.ui-tabview-right::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

    .ui-tabview-left > .ui-tabview-nav {
        float: left;
        width: 25%;
        height: 300px;
        background-image: none;
        padding-top: 1px
    }

    .ui-tabview-left > .ui-tabview-panels {
        float: right;
        width: 75%
    }

    .ui-tabview.ui-tabview-left > .ui-tabview-nav li,.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
        display: block;
        float: right;
        white-space: normal;
        width: 99%
    }

    .ui-tabview.ui-tabview-left > .ui-tabview-nav li {
        margin: 0 0 1px;
        border-right: 0
    }

    .ui-tabview.ui-tabview-right > .ui-tabview-nav {
        float: right;
        width: 25%;
        height: 300px;
        background-image: none;
        padding-top: 1px
    }

    .ui-tabview.ui-tabview-right > .ui-tabview-panels {
        float: left;
        width: 75%
    }

    .ui-tabview.ui-tabview-right > .ui-tabview-nav li {
        margin: 0 0 1px;
        border-left: 0
    }

    .ui-rtl .ui-tabview .ui-tabview-nav li {
        float: right
    }

    .ui-terminal {
        height: 18em;
        overflow: auto;
        padding: .25em
    }

    .ui-terminal-input {
        border: 0;
        background-color: transparent;
        color: inherit;
        padding: 0;
        margin: 0 0 0 .125em;
        width: 75%;
        outline: 0;
        vertical-align: baseline
    }

    .ui-terminal-command {
        margin-left: .125em;
        -moz-margin-start: .125em
    }

    .ui-terminal-input::-ms-clear {
        display: none
    }

    .ui-tieredmenu {
        width: 12.5em;
        padding: .25em
    }

    .ui-tieredmenu.ui-tieredmenu-dynamic {
        position: absolute
    }

    .ui-tieredmenu .ui-menu-separator {
        border-width: 1px 0 0
    }

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

    .ui-tieredmenu .ui-submenu-list {
        display: none;
        position: absolute;
        width: 12.5em;
        padding: .25em
    }

    .ui-tieredmenu .ui-menuitem-link {
        padding: .25em;
        display: block;
        position: relative;
        text-decoration: none
    }

    .ui-tieredmenu .ui-menuitem-icon {
        margin-right: .25em;
        vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem-text {
        vertical-align: middle
    }

    .ui-tieredmenu .ui-menuitem {
        position: relative;
        margin: .125em 0
    }

    .ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
        position: absolute;
        margin-top: -.5em;
        right: 0;
        top: 50%
    }

    .ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
        display: block
    }

    .ui-toast {
        position: fixed;
        width: 20em
    }

    .ui-toast .ui-toast-message {
        position: relative;
        display: block;
        margin-bottom: .75em;
        overflow: hidden
    }

    .ui-toast .ui-toast-message-content {
        padding: .5em 1em
    }

    .ui-toast .ui-toast-close-icon {
        position: absolute;
        top: .25em;
        right: .25em;
        cursor: pointer;
        display: inline-block
    }

    .ui-toast .ui-toast-summary {
        font-weight: 700;
        padding: 0 0 .5em;
        display: block
    }

    .ui-toast .ui-toast-icon {
        position: absolute;
        display: inline-block;
        left: .5em;
        top: .25em;
        padding: 0;
        font-size: 2em
    }

    .ui-toast .ui-toast-message-text-content {
        padding: 0 0 .25em;
        margin-left: 2.5em
    }

    .ui-toast-top-right {
        top: 20px;
        right: 20px
    }

    .ui-toast-top-left {
        top: 20px;
        left: 20px
    }

    .ui-toast-bottom-left,.ui-toast-bottom-right {
        bottom: 20px;
        right: 20px
    }

    .ui-toast-top-center {
        top: 20px;
        left: 50%;
        margin-left: -10em
    }

    .ui-toast-bottom-center {
        bottom: 20px;
        left: 50%;
        margin-left: -10em
    }

    .ui-toast-center {
        left: 50%;
        top: 50%;
        min-width: 20vw;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .ui-toolbar {
        padding: .25em .5em
    }

    .ui-toolbar-group-left {
        float: left
    }

    .ui-toolbar-group-right {
        float: right
    }

    .ui-tooltip {
        position: absolute;
        display: none;
        padding: .25em .5em;
        max-width: 12.5em
    }

    .ui-tooltip.ui-tooltip-left,.ui-tooltip.ui-tooltip-right {
        padding: 0 .25em
    }

    .ui-tooltip.ui-tooltip-bottom,.ui-tooltip.ui-tooltip-top {
        padding: .25em 0
    }

    .ui-tooltip .ui-tooltip-text {
        padding: .125em .5em;
        background-color: #4c4c4c;
        color: #fff;
        white-space: pre-line
    }

    .ui-tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .ui-tooltip-right .ui-tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -.25em;
        border-width: .25em .25em .25em 0;
        border-right-color: #4c4c4c
    }

    .ui-tooltip-left .ui-tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -.25em;
        border-width: .25em 0 .25em .25em;
        border-left-color: #4c4c4c
    }

    .ui-tooltip.ui-tooltip-top {
        padding: .25em 0
    }

    .ui-tooltip-top .ui-tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -.25em;
        border-width: .25em .25em 0;
        border-top-color: #4c4c4c
    }

    .ui-tooltip-bottom .ui-tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -.25em;
        border-width: 0 .25em .25em;
        border-bottom-color: #4c4c4c
    }

    .ui-tree {
        width: 18em
    }

    .ui-tree .ui-treenode-selectable.ui-treenode-content {
        cursor: pointer
    }

    .ui-tree .ui-tree-container {
        height: 100%;
        margin: 0;
        overflow: auto;
        padding: .25em;
        white-space: nowrap
    }

    .ui-tree-empty-message {
        padding: .25em
    }

    .ui-tree .ui-treenode-children {
        margin: 0;
        padding: 0 0 0 1em
    }

    .ui-tree .ui-treenode {
        background-attachment: scroll;
        background-color: transparent;
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat-y;
        list-style: none;
        margin: 0;
        padding: .125em 0 0
    }

    .ui-tree .ui-treenode-droppoint {
        height: 4px;
        list-style-type: none
    }

    .ui-tree .ui-treenode-droppoint-active {
        border: 0
    }

    .ui-tree .ui-tree-toggler {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle
    }

    .ui-tree .ui-treenode-icon {
        display: inline-block;
        vertical-align: middle
    }

    .ui-tree .ui-treenode-label {
        display: inline-block;
        padding: 0 .25em;
        vertical-align: middle
    }

    .ui-tree .ui-treenode-label.ui-state-highlight,.ui-tree .ui-treenode-label.ui-state-hover {
        font-weight: 400;
        border: 0
    }

    .ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
        visibility: hidden
    }

    .ui-tree .ui-chkbox-box {
        cursor: pointer
    }

    .ui-tree .ui-chkbox {
        display: inline-block;
        vertical-align: middle
    }

    .ui-tree .ui-chkbox .ui-chkbox-icon {
        margin-left: 1px
    }

    .ui-fluid .ui-tree {
        width: 100%
    }

    .ui-tree-horizontal {
        width: auto;
        padding: .5em 0;
        overflow: auto
    }

    .ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal td,.ui-tree.ui-tree-horizontal tr {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        vertical-align: middle
    }

    .ui-tree.ui-tree-horizontal .ui-tree-toggler {
        vertical-align: middle;
        margin: 0
    }

    .ui-tree-horizontal .ui-treenode-content {
        font-weight: 400;
        padding: .4em 1em .4em .2em
    }

    .ui-tree.ui-tree-horizontal .ui-tree-node-label {
        margin: 0
    }

    .ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
        font-weight: 400;
        white-space: nowrap
    }

    .ui-tree.ui-tree-horizontal .ui-treenode {
        background: url(line.gif) center center repeat-x;
        padding: .25em 2.5em
    }

    .ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf {
        padding-right: 0
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-children {
        padding: 0;
        margin: 0
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector {
        width: 1px
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
        height: 100%;
        width: 1px
    }

    .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
        background: url(line.gif) repeat-y;
        width: 1px
    }

    .ui-tree.ui-tree-horizontal table {
        height: 0
    }

    .ui-tree.ui-tree-horizontal .ui-chkbox {
        vertical-align: bottom;
        margin-right: .25em
    }

    .ui-tree.ui-tree-loading {
        position: relative;
        min-height: 4em
    }

    .ui-tree .ui-tree-loading-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: alpha(opacity=10);
        opacity: .1;
        z-index: 1
    }

    .ui-tree .ui-tree-loading-content {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        margin-top: -1em;
        margin-left: -1em
    }

    .ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
        font-size: 2em
    }

    .ui-treetable {
        position: relative
    }

    .ui-treetable table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed
    }

    .ui-treetable .ui-treetable-tbody > tr > td,.ui-treetable .ui-treetable-tfoot > tr > td,.ui-treetable .ui-treetable-thead > tr > th {
        padding: .25em .5em
    }

    .ui-treetable .ui-treetable-toggler {
        vertical-align: middle
    }

    .ui-treetable .ui-sortable-column {
        cursor: pointer
    }

    .ui-treetable .ui-treetable-sort-icon {
        vertical-align: middle
    }

    .ui-treetable-auto-layout > .ui-treetable-wrapper {
        overflow-x: auto
    }

    .ui-treetable-auto-layout > .ui-treetable-wrapper > table {
        table-layout: auto
    }

    .ui-treetable .ui-treetable-chkbox {
        margin: 0 .25em;
        vertical-align: middle
    }

    .ui-treetable-caption,.ui-treetable-summary {
        padding: .25em .5em;
        text-align: center;
        font-weight: 700
    }

    .ui-treetable-caption {
        border-bottom: 0
    }

    .ui-treetable-summary {
        border-top: 0
    }

    .ui-treetable .ui-paginator-top {
        border-bottom: 0
    }

    .ui-treetable .ui-paginator-bottom {
        border-top: 0
    }

    .ui-treetable-scrollable-wrapper {
        position: relative
    }

    .ui-treetable-scrollable-footer,.ui-treetable-scrollable-header {
        overflow: hidden;
        border: 0
    }

    .ui-treetable-scrollable-body {
        overflow: auto;
        position: relative
    }

    .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
        border-top: 0
    }

    .ui-treetable-virtual-table {
        position: absolute
    }

    .ui-treetable-frozen-view .ui-treetable-scrollable-body {
        overflow: hidden
    }

    .ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
        border-right: 0
    }

    .ui-treetable-unfrozen-view {
        position: absolute;
        top: 0
    }

    .ui-treetable-resizable > .ui-treetable-wrapper {
        overflow-x: auto
    }

    .ui-treetable-resizable .ui-treetable-tbody > tr > td,.ui-treetable-resizable .ui-treetable-tfoot > tr > td,.ui-treetable-resizable .ui-treetable-thead > tr > th {
        overflow: hidden
    }

    .ui-treetable-resizable .ui-resizable-column {
        background-clip: padding-box;
        position: relative
    }

    .ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
        display: none
    }

    .ui-treetable .ui-column-resizer {
        display: block;
        position: absolute!important;
        top: 0;
        right: 0;
        margin: 0;
        width: .5em;
        height: 100%;
        padding: 0;
        cursor: col-resize;
        border: 1px solid transparent
    }

    .ui-treetable .ui-column-resizer-helper {
        width: 1px;
        position: absolute;
        z-index: 10;
        display: none
    }

    .ui-treetable .ui-treetable-tbody > tr > td.ui-editing-cell input {
        padding: 0;
        border: 0
    }

    .ui-treetable .ui-treetable-tbody > tr > td.ui-editing-cell p-treetablecelleditor > * {
        width: 100%
    }

    .ui-treetable-reorder-indicator-down,.ui-treetable-reorder-indicator-up {
        position: absolute;
        display: none
    }

    .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
        display: none
    }

    .ui-treetable-loading {
        position: absolute;
        width: 100%;
        height: 100%;
        -ms-filter: alpha(opacity=10);
        opacity: .1;
        z-index: 1
    }

    .ui-treetable-loading-content {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        margin-top: -1em;
        margin-left: -1em
    }

    .ui-treetable .ui-treetable-loading-icon {
        font-size: 2em
    }
}

@font-face {
    font-family: PrimeIcons;
    src: url(primeicons.eot);
    src: url(primeicons.eot?#iefix) format("embedded-opentype"),url(primeicons.ttf) format("truetype"),url(primeicons.woff) format("woff"),url(primeicons.svg?#primeicons) format("svg");
    font-weight: 400;
    font-style: normal
}

@media all {
    .pi {
        font-family: primeicons;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .pi-fw {
        width: 1.28571429em;
        text-align: center
    }

    .pi-spin {
        -webkit-animation: 2s linear infinite fa-spin;
        animation: 2s linear infinite fa-spin
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.pi-video:before {
    content: "\e962"
}

.pi-inbox:before {
    content: "\e961"
}

.pi-lock:before {
    content: "\e95f"
}

.pi-unlock:before {
    content: "\e960"
}

.pi-tags:before {
    content: "\e95d"
}

.pi-tag:before {
    content: "\e95e"
}

.pi-power-off:before {
    content: "\e95c"
}

.pi-save:before {
    content: "\e95b"
}

.pi-question-circle:before {
    content: "\e959"
}

.pi-question:before {
    content: "\e95a"
}

.pi-copy:before {
    content: "\e957"
}

.pi-file:before {
    content: "\e958"
}

.pi-clone:before {
    content: "\e955"
}

.pi-calendar-times:before {
    content: "\e952"
}

.pi-calendar-minus:before {
    content: "\e953"
}

.pi-calendar-plus:before {
    content: "\e954"
}

.pi-ellipsis-v:before {
    content: "\e950"
}

.pi-ellipsis-h:before {
    content: "\e951"
}

.pi-bookmark:before {
    content: "\e94e"
}

.pi-globe:before {
    content: "\e94f"
}

.pi-replay:before {
    content: "\e94d"
}

.pi-filter:before {
    content: "\e94c"
}

.pi-print:before {
    content: "\e94b"
}

.pi-align-right:before {
    content: "\e946"
}

.pi-align-left:before {
    content: "\e947"
}

.pi-align-center:before {
    content: "\e948"
}

.pi-align-justify:before {
    content: "\e949"
}

.pi-cog:before {
    content: "\e94a"
}

.pi-cloud-download:before {
    content: "\e943"
}

.pi-cloud-upload:before {
    content: "\e944"
}

.pi-cloud:before {
    content: "\e945"
}

.pi-pencil:before {
    content: "\e942"
}

.pi-users:before {
    content: "\e941"
}

.pi-clock:before {
    content: "\e940"
}

.pi-user-minus:before {
    content: "\e93e"
}

.pi-user-plus:before {
    content: "\e93f"
}

.pi-trash:before {
    content: "\e93d"
}

.pi-external-link:before {
    content: "\e93c"
}

.pi-window-maximize:before {
    content: "\e93b"
}

.pi-window-minimize:before {
    content: "\e93a"
}

.pi-refresh:before {
    content: "\e938"
}

.pi-user:before {
    content: "\e939"
}

.pi-exclamation-triangle:before {
    content: "\e922"
}

.pi-calendar:before {
    content: "\e927"
}

.pi-chevron-circle-left:before {
    content: "\e928"
}

.pi-chevron-circle-down:before {
    content: "\e929"
}

.pi-chevron-circle-right:before {
    content: "\e92a"
}

.pi-chevron-circle-up:before {
    content: "\e92b"
}

.pi-angle-double-down:before {
    content: "\e92c"
}

.pi-angle-double-left:before {
    content: "\e92d"
}

.pi-angle-double-right:before {
    content: "\e92e"
}

.pi-angle-double-up:before {
    content: "\e92f"
}

.pi-angle-down:before {
    content: "\e930"
}

.pi-angle-left:before {
    content: "\e931"
}

.pi-angle-right:before {
    content: "\e932"
}

.pi-angle-up:before {
    content: "\e933"
}

.pi-upload:before {
    content: "\e934"
}

.pi-download:before {
    content: "\e956"
}

.pi-ban:before {
    content: "\e935"
}

.pi-star-o:before {
    content: "\e936"
}

.pi-star:before {
    content: "\e937"
}

.pi-chevron-left:before {
    content: "\e900"
}

.pi-chevron-right:before {
    content: "\e901"
}

.pi-chevron-down:before {
    content: "\e902"
}

.pi-chevron-up:before {
    content: "\e903"
}

.pi-caret-left:before {
    content: "\e904"
}

.pi-caret-right:before {
    content: "\e905"
}

.pi-caret-down:before {
    content: "\e906"
}

.pi-caret-up:before {
    content: "\e907"
}

.pi-search:before {
    content: "\e908"
}

.pi-check:before {
    content: "\e909"
}

.pi-check-circle:before {
    content: "\e90a"
}

.pi-times:before {
    content: "\e90b"
}

.pi-times-circle:before {
    content: "\e90c"
}

.pi-plus:before {
    content: "\e90d"
}

.pi-plus-circle:before {
    content: "\e90e"
}

.pi-minus:before {
    content: "\e90f"
}

.pi-minus-circle:before {
    content: "\e910"
}

.pi-circle-on:before {
    content: "\e911"
}

.pi-circle-off:before {
    content: "\e912"
}

.pi-sort-down:before {
    content: "\e913"
}

.pi-sort-up:before {
    content: "\e914"
}

.pi-sort:before {
    content: "\e915"
}

.pi-step-backward:before {
    content: "\e916"
}

.pi-step-forward:before {
    content: "\e917"
}

.pi-th-large:before {
    content: "\e918"
}

.pi-arrow-down:before {
    content: "\e919"
}

.pi-arrow-left:before {
    content: "\e91a"
}

.pi-arrow-right:before {
    content: "\e91b"
}

.pi-arrow-up:before {
    content: "\e91c"
}

.pi-bars:before {
    content: "\e91d"
}

.pi-arrow-circle-down:before {
    content: "\e91e"
}

.pi-arrow-circle-left:before {
    content: "\e91f"
}

.pi-arrow-circle-right:before {
    content: "\e920"
}

.pi-arrow-circle-up:before {
    content: "\e921"
}

.pi-info:before {
    content: "\e923"
}

.pi-info-circle:before {
    content: "\e924"
}

.pi-home:before {
    content: "\e925"
}

.pi-spinner:before {
    content: "\e926"
}

p-radiobutton {
    position: relative;
    padding-left: 25px
}

.ui-radiobutton {
    position: absolute;
    left: 0
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: transparent;
    border: 2px solid #DDDDD4;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background: transparent;
    border-radius: 50%
}

.ui-radiobutton .ui-radiobutton-box.ui-state-default {
    border: 0;
    background-color: transparent
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon,.ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon {
    border-color: #0052ff
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon:before,.ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon:before {
    background-color: #0052ff
}

.ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-radiobutton:hover .ui-radiobutton-icon {
    border-color: #381A0A
}

.ui-radiobutton-label {
    margin-right: 15px;
    cursor: pointer
}

.radiobutton-h {
    margin-bottom: 20px
}

.radiobutton-h p-radiobutton {
    display: inline-block;
    margin-bottom: 10px;
    max-width: calc(100% - 40px)
}

.radiobutton-h .ui-radiobutton-label {
    margin-right: 0
}

.radiobutton-g p-radiobutton {
    display: inline-block;
    float: left;
    padding: 0;
    min-height: 38px;
    border: 1px solid #0052ff;
    border-right: 0;
    overflow: hidden
}

.radiobutton-g p-radiobutton .ui-radiobutton {
    border-right: 1px solid #DDDDD4
}

.radiobutton-g p-radiobutton + p-radiobutton {
    border-left: 0
}

.radiobutton-g p-radiobutton:last-of-type {
    border-right: 1px solid #0052ff
}

.radiobutton-g p-radiobutton:last-of-type .ui-radiobutton {
    border-right: 0
}

.radiobutton-g .ui-radiobutton {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

.radiobutton-g .ui-radiobutton .ui-radiobutton-box {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 4px solid transparent
}

.radiobutton-g .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    display: none
}

.radiobutton-g .ui-radiobutton .ui-radiobutton-box.ui-state-active,.radiobutton-g .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    border-color: #381A0A;
    background-color: transparent
}

.radiobutton-g .ui-radiobutton .ui-radiobutton-box:hover {
    border-color: #381A0A;
    background-color: transparent
}

.radiobutton-g .ui-radiobutton-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    min-width: 30px;
    min-height: 46px;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    color: #0052ff;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.radiobutton-g .ui-radiobutton-label:after {
    content: '';
    min-height: inherit;
    font-size: 0
}

.radiobutton-g .ui-radiobutton-label.ui-label-active,.radiobutton-g .ui-radiobutton-label.ui-state-focus {
    color: #381A0A
}

.ui-inputswitch {
    width: 45px;
    height: 24px
}

.ui-inputswitch .ui-inputswitch-slider {
    border-radius: 30px;
    background: #DDDDD4;
    border: 1px solid #FFF;
    height: 14px;
    margin: 5px 0
}

.ui-inputswitch .ui-inputswitch-slider:before {
    background-color: #fff;
    height: 24px;
    width: 24px;
    left: 0;
    bottom: calc(50% - 12px);
    border-radius: 50%;
    border: 1px solid #B0B1A6;
    -webkit-transition: .2s;
    transition: .2s
}

.ui-inputswitch .ui-inputswitch-slider:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 3px;
    margin-top: -6px;
    border: 3px solid #FFF;
    border-top: 0;
    border-right: 0;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
    background: #b7b7b7
}

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
    background-color: #DDDDD4!important
}

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
    background-color: #0052ff;
    border: 0;
    -webkit-transform: none;
    transform: none;
    left: calc(100% - 24px)
}

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:after {
    opacity: 1;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item:before {
    content: none
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease,-webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    background-color: #DDDDD4!important;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 5px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline;
    outline: none
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: transparent;
    border: 2px solid #8B8178;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #8B8178;
    border: 2px solid #8B8178
}

.owl-carousel {
    padding-bottom: 60px
}

.owl-carousel .owl-nav,.owl-carousel .owl-dots {
    position: absolute;
    bottom: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    display: block;
    margin: 0;
    height: 36px;
    padding: 6px 0
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-dots button.owl-prev,.owl-carousel .owl-dots button.owl-next {
    background-color: #0052ff;
    color: #fff;
    border-radius: 0;
    width: 36px;
    height: 36px;
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 4px!important;
    margin: 0
}

.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-dots button.owl-prev:hover,.owl-carousel .owl-dots button.owl-next:hover {
    background-color: #381a0a
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-dots .owl-prev {
    float: left
}

.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dots .owl-next {
    float: right
}

.owl-carousel .owl-nav {
    width: 100%;
    padding: 0 50px
}

app-root {
    display: block;
    width: 100%
}

app-root[style*="visibility: hidden"] a {
    text-decoration: none
}

app-root[style*="visibility: hidden"] a:after {
    visibility: hidden
}

.row {
    margin-bottom: 24px
}

.col-md-12.pl-2.pr-2.pt-2 .float-left {
    max-width: 70%!important
}

@media (max-width: 959px) {
    .msgInfoNewDemandes {
        display:none!important
    }

    hr.col-md-1.p-3 {
        width: 73%
    }

    .zoneInformationCol {
        margin-right: -32px!important;
        height: 200px
    }

    .main.contentPage .row:first-child {
        margin-right: -15px;
        margin-top: 43px!important
    }

    .col-md-12.pl-2.pr-2.pt-2 .float-left {
        max-width: 70%!important
    }

    .imageZone+.container.row .btn.retour {
        margin-top: 102px
    }

    .zoneInformationRow {
        height: 244px;
        top: -130px!important
    }

    .zoneInformationRow+.col-md-12.col-lg-12.col-sm-12 {
        margin-left: 9px
    }

    .doctolib p {
        line-height: 21px
    }

    .row.borderless {
        margin-left: -16px;
        margin-right: -16px;
        -ms-flex-preferred-size: calc(100% + 32px);
        flex-basis: calc(100% + 32px)
    }
}

@media (max-width: 768px) {
    .row.borderless {
        margin-left:-8px;
        margin-right: -8px;
        -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px)
    }

    .row.borderless-sm {
        margin-left: -8px;
        margin-right: -8px;
        -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px)
    }
}

@media (max-width: 519px) {
    .row.borderless-xs {
        margin-left:-8px;
        margin-right: -8px;
        -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px)
    }
}

.app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

h1 {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px
}

h1,h2,h3 {
    text-transform: none
}

p {
    font-size: inherit;
    max-width: 100%;
    line-height: inherit;
    color: #381a0a;
    margin-bottom: 16px
}

ul,ol {
    display: block;
    margin: 10px 0;
    padding: 0
}

ul li,ol li {
    margin: 0;
    /* margin-bottom: 8px; */
    padding: 0;
    list-style: none
}

ul li:before,ol li:before {
    content: '-';
    display: inline-block;
    margin-left: 4px;
    margin-right: 12px
}

ol li {
    list-style: decimal;
    margin-left: 25px
}

ol li:before {
    content: none
}

.grey {
    color: #8B8178
}

.chapo {
    font-size: 1.6rem;
    line-height: 2rem
}

.fr {
    float: right
}

@media (max-width: 767px) {
    .fr {
        float:none
    }
}

.fl {
    float: left
}

@media (max-width: 767px) {
    .fl {
        float:none
    }
}

.monoligne {
    overflow: hidden;
    text-overflow: ellipsis
}

.center {
    margin: auto;
    text-align: center
}

.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.flexCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.aligned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.alignedB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.borderedB {
    border-bottom: 1px solid #C9C9C9
}

.borderedT {
    border-top: 1px solid #C9C9C9
}

.borderedBleu {
    border: 1px solid;
    border-color: #0052ff
}


.link {
    color: #0052ff!important;
    text-decoration: underline!important;
    cursor: pointer
}

.link:hover,.link:focus {
    background-color: transparent;
    color: #381a0a!important
}

.link.simple {
    color: #381a0a
}

.link.simple:hover,.link.simple:focus {
    font-weight: 700;
    background-color: transparent;
    color: #381a0a!important
}

.btn,.btn:hover,.btn:focus {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 9px 12px;
    padding-right: 40px;
    min-width: 40px;
    background: #0052ff;
    color: #fff;
    text-align: left;
    text-transform: none;
    font-size: 1.6rem;
    line-height: 2rem;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #0052ff;
    border-radius: 0!important;
    opacity: 1;
    white-space: initial;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn:after,.btn:hover:after,.btn:focus:after {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23FFFFFF;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E");
    visibility: visible;
    -webkit-transition: right .2s;
    transition: right .2s
}

.btn.invert,.btn:hover.invert,.btn:focus.invert {
    background: #FFF;
    color: #381a0a;
    border-color: #381a0a
}

.btn.invert:after,.btn:hover.invert:after,.btn:focus.invert:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23381A0A;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn.bleu,.btn:hover.bleu,.btn:focus.bleu {
    color: #0052ff;
    border-color: #0052ff
}

.btn.bleu:after,.btn:hover.bleu:after,.btn:focus.bleu:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%230052FF;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn.blanc,.btn:hover.blanc,.btn:focus.blanc {
    background-color: #fff;
    color: #381A0A;
    border-color: #FFF
}

.btn.blanc:after,.btn:hover.blanc:after,.btn:focus.blanc:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23381A0A;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn.simple,.btn:hover.simple,.btn:focus.simple {
    padding-right: 12px;
    color: inherit;
    background-color: transparent;
    border-color: #381A0A
}

.btn.simple:after,.btn:hover.simple:after,.btn:focus.simple:after {
    content: none
}

.btn.retour,.btn:hover.retour,.btn:focus.retour {
    padding-left: 30px;
    padding-right: 12px;
    background-color: #fff;
    color: #381A0A;
    border-color: #381A0A
}

.btn.retour:after,.btn:hover.retour:after,.btn:focus.retour:after {
    content: "";
    left: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23381A0A;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn.retour.bleu,.btn:hover.retour.bleu,.btn:focus.retour.bleu {
    margin-bottom: 10px
}

.btn.retour:hover:after,.btn.retour:focus:after,.btn:hover.retour:hover:after,.btn:hover.retour:focus:after,.btn:focus.retour:hover:after,.btn:focus.retour:focus:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23ffffff;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn.fullSize,.btn:hover.fullSize,.btn:focus.fullSize {
    width: 100%
}

.btn.autoSize,.btn:hover.autoSize,.btn:focus.autoSize {
    width: auto
}

.btn.center,.btn:hover.center,.btn:focus.center {
    text-align: center
}

@media (max-width: 767px) {
    .btn,.btn:hover,.btn:focus {
        width:100%;
        margin-bottom: 8px
    }
}

.btn:hover,.btn:focus,.btn.invert:hover,.btn.invert:focus,.btn.bleu:hover,.btn.bleu:focus,.btn.blanc:hover,.btn.blanc:focus,.btn.simple:hover,.btn.simple:focus {
    color: #fff!important;
    background-color: #381A0A!important;
    border-color: #381A0A!important
}

.btn:hover:after,.btn:focus:after,.btn.invert:hover:after,.btn.invert:focus:after,.btn.bleu:hover:after,.btn.bleu:focus:after,.btn.blanc:hover:after,.btn.blanc:focus:after,.btn.simple:hover:after,.btn.simple:focus:after {
    right: 4px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' %3E%3Cstyle %3E .st1%7Bfill:%23FFFFFF;%7D %3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

.btn[disabled],.btn:hover[disabled],.btn:focus[disabled] {
    background-color: #DDDDD4;
    border-color: #DDDDD4;
    color: #8B8178!important;
    opacity: 1
}

.btn[disabled]:after,.btn:hover[disabled]:after,.btn:focus[disabled]:after {
    content: none
}

.btn[disabled].simple,.btn:hover[disabled].simple,.btn:focus[disabled].simple {
    background-color: transparent
}

.metierSante,.metierPrevoyance,.metierEpargne,.metierRetraiteComp,.metierRetraiteSupp,.metierAutoHabitation {
    position: relative;
    display: inline-block;
    text-transform: uppercase
}

.metierSante:before,.metierPrevoyance:before,.metierEpargne:before,.metierRetraiteComp:before,.metierRetraiteSupp:before,.metierAutoHabitation:before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    min-width: 18px;
    min-height: 18px;
    background: transparent 0 50% no-repeat;
    background-size: 100%;
    vertical-align: top
}

.metierSante:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M17.6,3.2c-2.1-0.5-4.2,0-5.6,1.4c-1.5-1.4-3.6-1.9-5.6-1.4C3.6,3.9,1.7,6.7,2,9.8c0.3,3.1,2.3,5,8.7,11.3 c0.3,0.3,0.6,0.8,1.2,0.8c0.7,0,0.9-0.5,1.2-0.8c6.5-6.2,8.4-8.1,8.7-11.3C22.3,6.7,20.4,3.9,17.6,3.2z M20,9.6 c-0.2,2.4-2,4.1-8,9.9C6.1,13.7,4.3,12,4,9.6c-0.2-2.1,1-4,2.8-4.4c3.4-0.9,4.7,2.3,5.1,2.7c0.4-0.3,1.7-3.6,5.1-2.7 C19,5.6,20.2,7.5,20,9.6z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.metierPrevoyance:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M15,20c0,0.6-0.4,1-1,1s-1-0.4-1-1v-5.9C12.7,14,12.3,14,12,14s-0.7,0-1,0.1V20c0,1.7,1.3,3,3,3s3-1.3,3-3v-1 h-2V20z'/%3E%3Cpath class='st1' d='M13,3.1V1h-2v2.1C6.3,3.5,2,7.3,2,13.5C2.7,13.2,3.5,13,4.4,13c1.6,0,3,0.7,3.8,1.6C9,13.7,10.4,13,12,13 s3,0.7,3.8,1.6c0.8-1,2.2-1.6,3.8-1.6c0.9,0,1.7,0.2,2.4,0.5C22,7.3,17.7,3.5,13,3.1z M15.8,12c-1.1-0.7-2.4-1-3.8-1 s-2.7,0.4-3.8,1c-1.1-0.7-2.4-1-3.8-1c0,0-0.1,0-0.1,0c1-3.9,4.4-6,7.7-6s6.7,2.1,7.7,6c0,0-0.1,0-0.1,0 C18.2,11,16.9,11.4,15.8,12z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.metierEpargne:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M9,5.3C9,5.2,9,5.1,9,5c0-1.1,0.9-2,2-2s2,0.9,2,2c0,0,0,0.1,0,0.1c0.7,0.1,1.3,0.3,2,0.5 C15,5.4,15,5.2,15,5c0-2.2-1.8-4-4-4S7,2.8,7,5c0,0.3,0.1,0.6,0.1,0.9C7.7,5.7,8.4,5.4,9,5.3z M16,12c-0.6,0-1,0.4-1,1 c0,0.6,0.4,1,1,1s1-0.4,1-1C17,12.4,16.6,12,16,12z M22.4,5.9c-1.2-0.2-2.2-0.5-3.9-0.3c-1.1,0.1-2.4,0.5-3.5,1.3 c-1.1-0.5-2.4-0.7-3.6-0.7c-3.1,0-5.8,1.6-7.3,3.9C3.8,9.9,3.1,9.7,3,9c0-1,1.1-1.5,1.1-1.5C2.3,6.7,0.9,7.9,1.1,9.3 c0.1,1.3,1.1,2.2,2.3,2.6C3.1,12.6,3,13.3,3,14.1c0,1.6,0.6,3.2,1.6,4.6l-0.4,2c-0.1,0.6,0.1,1.2,0.4,1.6C5,22.7,5.6,23,6.2,23 h3.5l0.5-1.1c0.9,0.1,1.8,0.1,2.7,0l0.5,1.1h3.5c0.6,0,1.2-0.3,1.5-0.7c0.4-0.5,0.5-1,0.4-1.6l-0.4-2c0.3-0.4,0.6-0.8,0.8-1.2 l2.8-1.6v-4.6L20.2,10L22.4,5.9z M20,14.7L17.7,16c-1.2,2.3-0.9,1.4-1.4,2.1l0.5,2.9h-2.1l-0.6-1.4c-1,0.3-1.6,0.4-2.6,0.4 c-1,0-1.6-0.2-2.6-0.4L8.3,21H6.2l0.5-2.9l-0.3-0.4C5.5,16.7,5,15.4,5,14.1c0-3.3,2.9-5.9,6.5-5.9c2.2,0,3.6,1,3.9,1.2 c0.4-0.2,1.1-1.7,3.9-1.8l-1.7,3.2l2.4,1.6V14.7z'/%3E%3C/g%3E%3C/svg%3E")
}

.metierRetraiteComp:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M15.6,15.6c-0.2,0.2-0.5,0.4-0.8,0.4c-0.8,0-1.5-0.9-1.5-2s0.7-2,1.5-2c0.4,0,0.6,0.2,0.8,0.3 c1,0.9,2.6,0.8,3.5-0.1c0.5-0.5,0.7-1.2,0.7-1.9l-0.3-4.7L15.7,6C15.9,5.6,16,5.1,16,4.4c0-2-1.9-3.6-4.1-3.6 c-2.3,0-4.1,1.6-4.1,3.6c0,0.7,0.2,1.2,0.4,1.5L4,5.6V22h15.4l0.4-4.3c0.1-0.7-0.2-1.4-0.6-1.9C18.3,14.8,16.6,14.8,15.6,15.6z M17.6,20H6V7.8c0,0,3.1,0.2,3.8,0.3s1.1-0.5,1.1-1c0-0.8-0.4-1.3-0.7-1.7c-0.2-0.3-0.4-0.5-0.4-1c0-0.9,1-1.6,2.1-1.6 c1.2,0,2.1,0.7,2.1,1.6c0,0.5-0.1,0.7-0.4,1C13.4,5.8,13,6.3,13,7.1c0,0.6,0.5,1,1.1,1s3.6-0.3,3.6-0.3l0,0.7c0,0,0,0,0,0 l0.1,1.9c0,0.2-0.1,0.3-0.1,0.4c-0.1,0.1-0.5,0.3-0.7,0c-0.6-0.6-1.4-0.9-2.2-0.9c-1.9,0-3.5,1.8-3.5,4s1.6,4,3.5,4 c0.8,0,1.6-0.3,2.2-0.9c0.2-0.2,0.6-0.1,0.7,0c0.1,0.1,0.1,0.2,0.1,0.4L17.6,20z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.metierRetraiteSupp:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M11.6,11.5c0.4-0.3,0.8-0.4,1.2-0.2c0.2,0.1,0.5,0.2,0.7,0.4l1.1-1c-0.4-0.4-0.8-0.7-1.3-0.8 c-0.9-0.3-1.8-0.1-2.5,0.5c-0.7,0.6-1.2,1.4-1.4,2.4H8v1.5h1.3c0.2,1,0.6,1.9,1.4,2.4c0.5,0.4,1.1,0.6,1.7,0.6 c0.3,0,0.5,0,0.8-0.1c0.5-0.1,0.9-0.4,1.3-0.8l-1.1-1.1c-0.2,0.2-0.4,0.3-0.6,0.4c-0.4,0.1-0.8,0-1.2-0.2 c-0.4-0.3-0.6-0.7-0.7-1.2H13v-1.5h-2.2C11,12.2,11.2,11.8,11.6,11.5z M17,4V2h-2v6h2V6h3v14H4V6h2V4H2v18h20V4H17z M9,6h5V4H9V2 H7v6h2V6z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.metierAutoHabitation:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M7,20h1h8h1v-2H7V20z M8,14.5C8,13.7,7.3,13,6.5,13S5,13.7,5,14.5S5.7,16,6.5,16S8,15.3,8,14.5z M19,14.5 c0-0.8-0.7-1.5-1.5-1.5S16,13.7,16,14.5s0.7,1.5,1.5,1.5S19,15.3,19,14.5z M20.4,9.4l-1.3-4.9c-0.2-0.9-1-1.5-1.9-1.5H6.8 C5.9,3,5.1,3.6,4.9,4.5L3.6,9.4c-1,0.8-1.6,2.1-1.6,3.4V20c0,1.1,0.9,2,2,2h2v-2H4v-7.2c0-0.7,0.3-1.4,0.9-1.8h14.3 c0.5,0.4,0.9,1.1,0.9,1.8V20h-2v2h2c1.1,0,2-0.9,2-2v-7.2C22,11.5,21.4,10.2,20.4,9.4z M5.8,9l1-4h10.3l1,4H5.8z'/%3E%3C/g%3E%3C/svg%3E")
}

.ico {
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    margin-right: 6px
}

.ico:before {
    content: "";
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    background: transparent 50% 50% no-repeat;
    background-size: 100%
}

.ico.lg,.ico.lg:before {
    margin-right: 10px;
    min-width: 48px;
    min-height: 48px
}

.ico.validation:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8 s8,3.6,8,8S16.4,20,12,20z M16.4,8.3l-5.1,5.9l-3.6-4l-1.5,1.3l4.4,4.8c0.2,0.2,0.5,0.3,0.7,0.3h0c0.3,0,0.6-0.1,0.7-0.3l5.8-6.8 L16.4,8.3z'/%3E%3C/g%3E%3C/svg%3E")
}

.ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea {
    font-family: inherit
}

.ui-button,.ui-widget-content .ui-button,.ui-widget-header .ui-button,.ui-widget.ui-button {
    position: relative;
    display: block;
    min-height: 32px;
    line-height: 32px;
    padding: 0 40px 0 20px;
    text-align: left;
    text-decoration: none;
    border-radius: 0;
    background: #0052ff;
    border: 1px solid #0052ff;
    -webkit-transition: none;
    transition: none;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 500
}

.ui-button:enabled:hover,.ui-button:focus,.ui-widget-content .ui-button:enabled:hover,.ui-widget-content .ui-button:focus,.ui-widget-header .ui-button:enabled:hover,.ui-widget-header .ui-button:focus,.ui-widget.ui-button:enabled:hover,.ui-widget.ui-button:focus {
    background-color: #381a0a;
    border-color: #381a0a
}

.ui-button-text-only .ui-button-text {
    padding: 0;
    top: auto;
    -webkit-transform: none!important;
    transform: none!important
}

@media (max-width: 959px) {
    .borderless {
        margin-left:-16px;
        margin-right: -16px
    }
}

@media (max-width: 767px) {
    .borderless {
        margin-left:-8px;
        margin-right: -8px
    }
}

.bgBlanc {
    background-color: #fff
}

.block {
    padding: 20px 16px
}

.block.bordered {
    border: 1px solid #DDDDD4
}

.block.borderedB {
    border-bottom: 1px solid #DDDDD4
}

@media (max-width: 959px) {
    .block.borderless {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 767px) {
    .block.borderless {
        padding-left:8px;
        padding-right: 8px
    }
}

@media (min-width: 1200px) {
    .block {
        padding-left:32px;
        padding-right: 32px
    }
}

.cover {
    position: relative;
    min-height: 150px;
    overflow: hidden
}

.cover img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    min-height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

form a,form a:hover,form a:visited {
    font-size: 16px;
    line-height: 18px;
    color: #0052ff!important;
    text-decoration: none;
    background: transparent
}

form a:hover {
    text-decoration: underline
}

.infoLien {
    position: relative;
    display: inline-block;
    color: #381a0a;
    text-decoration: underline;
    cursor: pointer
}

.infoLien .bulle {
    display: none;
    padding: 20px;
    width: 300px;
    position: absolute;
    bottom: 30px;
    left: calc(50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0052ff;
    color: #FFF;
    z-index: 5
}

.infoLien .bulle:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 100%;
    left: calc(50% - 7px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0;
    border-color: #0052ff transparent transparent
}

.infoLien:hover .bulle {
    display: block
}

.cta-bleu,.cta-marron,.cta-brun {
    display: inline-block;
    position: relative;
    padding: 0 40px 0 20px;
    min-height: 32px;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
    background-color: #0052ff;
    color: #FFF!important;
    border: 1px solid #0052ff;
    border-radius: 0;
    overflow: hidden
}

.cta-bleu:after,.cta-marron:after,.cta-brun:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 12px;
    width: 7px;
    background: url(../img/fleche.png) no-repeat 50% 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.cta-bleu.active,.cta-bleu:focus,.cta-bleu:hover,.cta-marron.active,.cta-marron:focus,.cta-marron:hover,.cta-brun.active,.cta-brun:focus,.cta-brun:hover {
    background-color: var(--ogi-primary-hover-color,#381a0a);
    color: #FFF!important;
    border-color: #381a0a;
    text-decoration: none
}

.cta-bleu.active:after,.cta-bleu:focus:after,.cta-bleu:hover:after,.cta-marron.active:after,.cta-marron:focus:after,.cta-marron:hover:after,.cta-brun.active:after,.cta-brun:focus:after,.cta-brun:hover:after {
    background-image: url(../img/fleche.png);
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.cta-marron,.cta-brun {
    background-color: #FFF;
    color: #381a0a!important;
    border: 1px solid #381a0a
}

.cta-marron:after,.cta-brun:after {
    background-image: url(../img/fleche-brun.png)
}

@media screen and (max-width: 767px) {
    .infoLien .bulle {
        position:fixed;
        top: 50%;
        left: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: 10px;
        width: calc(100% - 10px);
        max-height: calc(100% - 80px);
        background-color: #FFF;
        color: #381a0a
    }

    .infoLien .bulle:before {
        border: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 0 9999px rgba(56,26,10,0.6);
        box-shadow: 0 0 0 9999px rgba(56,26,10,0.6)
    }

    .infoLien .bulle:after {
        content: "+";
        position: absolute;
        top: -30px;
        right: 5px;
        color: #FFF;
        font-family: serif;
        font-size: 40px;
        font-weight: 700;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        pointer-events: none
    }
}

.main {
    position: relative
}

.main.contentPage {
    width: 100%
}

.main > .container {
    margin: 0 auto 20px;
    width: 100%!important;
    max-width: 940px
}

.main .mainContent.left {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0
}

.main .sideContent.right {
    padding-left: 16px;
    padding-right: 0
}

.bandeau {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 40px
}

.bandeau.brun {
    background-color: #381a0a;
    color: #fff
}

.bandeau.blanc {
    margin-bottom: 0!important
}

.bandeau .control-group {
    margin: 0
}

p-messages .ui-messages {
    display: block;
    margin: 0 0 25px;
    padding: 10px 35px 10px 10px;
    border: 2px solid;
    border-radius: 0
}

p-messages .ui-messages .ui-messages-close {
    min-width: 24px;
    min-height: 24px;
    background: transparent no-repeat;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg id='icon'%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8 s8,3.6,8,8S16.4,20,12,20z M14.8,7.8L12,10.6L9.2,7.8L7.8,9.2l2.8,2.8l-2.8,2.8l1.4,1.4l2.8-2.8l2.8,2.8l1.4-1.4L13.4,12l2.8-2.8 L14.8,7.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

p-messages .ui-messages .ui-messages-close .pi-times {
    display: none
}

p-messages .ui-messages .ui-messages-icon {
    position: absolute;
    margin-right: 8px;
    width: 29px;
    height: 30px;
    background: transparent no-repeat;
    background-size: 100%;
    vertical-align: top
}

p-messages .ui-messages .ui-messages-icon:before {
    content: none
}

p-messages .ui-messages .ui-messages-summary {
    display: inline-block;
    margin: 3px 0 6px 38px
}

p-messages .ui-messages ul {
    vertical-align: top
}

p-messages .ui-messages ul li {
    position: static;
    min-height: 0;
    cursor: default
}

p-messages .ui-messages ul li:before {
    content: none
}

p-messages .ui-messages ul li span {
    position: static;
    -webkit-transform: none;
    transform: none
}

p-messages .ui-messages.ui-messages-info,p-messages .ui-messages.ui-messages-success {
    border-color: #0052ff
}

p-messages .ui-messages.ui-messages-info .ui-messages-icon,p-messages .ui-messages.ui-messages-success .ui-messages-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%230052FF;%7D%0A%3C/style%3E%3Cg id='icon'%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M11,17h2v-7h-2V17z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8 s3.6-8,8-8s8,3.6,8,8S16.4,20,12,20z M11,9h2V7h-2V9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

p-messages .ui-messages.ui-messages-error,p-messages .ui-messages.ui-messages-warning {
    border-color: #F6261B
}

p-messages .ui-messages.ui-messages-error .ui-messages-icon,p-messages .ui-messages.ui-messages-warning .ui-messages-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23F6261B;%7D%0A%3C/style%3E%3Cg id='icon'%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M11,17h2v-2h-2V17z M23.2,17.3L14.7,2.6C14.1,1.6,13.1,1,12,1S9.9,1.6,9.3,2.6L0.8,17.3 c-0.6,1-0.6,2.1,0,3.1c0.6,1,1.6,1.6,2.7,1.6h17.1c1.1,0,2.1-0.6,2.7-1.6C23.8,19.5,23.8,18.3,23.2,17.3z M21.5,19.4 c-0.1,0.2-0.4,0.6-1,0.6H3.5c-0.6,0-0.9-0.4-1-0.6c-0.1-0.2-0.3-0.6,0-1.1L11,3.6C11.3,3.1,11.8,3,12,3s0.7,0.1,1,0.6l8.5,14.8 C21.8,18.8,21.6,19.3,21.5,19.4z M11,14h2V8h-2V14z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.alert {
    position: relative;
    width: 100%;
    padding: 0;
    background: none;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    z-index: 1;
    margin-top: 16px;
    position: relative;
    width: 100%;
    padding: 0;
    background: none;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    margin-top: 16px
}

.alert > .message {
    display: none;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 35px 10px 60px;
    background: #fff;
    color: #381a0a;
    font-size: 1.4rem;
    border: 2px solid #0052ff
}

.alert span {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #381a0a
}

.alert p {
    margin-bottom: 0;
    color: #381a0a;
    font-size: 1.6rem;
    line-height: 1.8rem
}

.alert .ico:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/picto/information-bleu.svg)
}

.alert a,.alert a:visited {
    color: #381a0a;
    text-decoration: underline
}

.alert a:hover,.alert a:visited:hover {
    color: #381a0a!important;
    background: none
}

.alert .close,.alert .close:hover {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    opacity: 1
}

.alert .close:before,.alert .close:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(../img/picto/fermer-brun.svg) no-repeat
}

.alert .info {
    border-color: #0052ff
}

.alert .info span {
    color: #0052ff
}

.alert .error {
    border-color: #F6261B
}

.alert .error span {
    color: #F6261B
}

.alert .error .ico:before {
    background-image: url(../img/picto/alerte-rouge.svg)
}

.alert .texte {
    padding: 13px 20px 13px 60px;
    background: #FFF;
    color: #381a0a;
    border-radius: 0
}

.alert .info2 {
    border-left: 4px solid #40e0ff;
    padding-left: 15px;
    font-size: 1.7rem;
    line-height: 2.4rem;
    width: 100%
}

.alert .error2 {
    border-left: 4px solid #ff4040;
    padding-left: 15px;
    font-size: 1.7rem;
    line-height: 2.4rem;
    width: 100%
}

.alert .ico2:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/picto/information-bleu-2.svg)
}

.alert .error2 .ico2:before {
    background-image: url(../img/picto/alerte-rouge-2.svg)
}

.alertEntreprise {
    position: relative;
    width: 100%;
    padding: 0;
    background: none;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    z-index: 5;
    margin-top: 16px
}

.alertEntreprise span {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #381a0a
}

.alertEntreprise a,.alertEntreprise a:visited {
    color: #381a0a;
    text-decoration: underline
}

.alertEntreprise a:hover,.alertEntreprise a:visited:hover {
    color: #381a0a!important;
    background: none
}

.alertEntreprise .info2 {
    border-left: 4px solid #40e0ff;
    padding-left: 15px;
    font-size: 1.7rem;
    line-height: 2.4rem;
    width: 100%
}

.alertEntreprise .error2 {
    border-left: 4px solid #ff4040;
    padding-left: 15px;
    font-size: 1.7rem;
    line-height: 2.4rem;
    width: 100%
}

.alertEntreprise .ico2:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/picto/information-bleu-2.svg)
}

.alertEntreprise .error2 .ico2:before {
    background-image: url(../img/picto/alerte-rouge-2.svg)
}

.ico2 {
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    margin-right: 6px
}

.alertEntreprise .message2 {
    display: none;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 35px 10px 65px;
    background: #fff;
    color: #381a0a;
    font-size: 1.6rem
}

.alertEntreprise .message2 a,.alert .message2 a:visited {
    color: #0052FF
}

.alertEntreprise .message2 .link2 {
    margin-left: 20px
}

.alertEntreprise .message2 .tileLink {
    margin-top: 25px;
    margin-bottom: 10px
}

.alert .message2 {
    display: none;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 35px 10px 65px;
    background: #fff;
    color: #381a0a;
    font-size: 1.6rem
}

.alert .message2 a,.alert .message2 a:visited {
    color: #0052FF
}

.alert .message2 .link2 {
    margin-left: 20px
}

.alert .message2 .tileLink {
    margin-top: 25px;
    margin-bottom: 10px
}

.spinner-three-bounce {
    width: 150px!important
}

.spinner-three-bounce .bounce1,.spinner-three-bounce .bounce2,.spinner-three-bounce .bounce3 {
    margin: 0 10px!important;
    width: 24px!important;
    height: 24px!important;
    background-color: #0052ff!important
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-dots button.owl-prev,.owl-carousel .owl-dots button.owl-next {
    position: relative
}

.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-dots button.owl-prev span,.owl-carousel .owl-dots button.owl-next span {
    display: none
}

.owl-carousel .owl-nav button.owl-prev:before,.owl-carousel .owl-nav button.owl-next:before,.owl-carousel .owl-dots button.owl-prev:before,.owl-carousel .owl-dots button.owl-next:before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 8px);
    display: block;
    width: 11px;
    height: 12px;
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 0;
    border-left: 0
}

.owl-carousel .owl-nav button.owl-prev:before,.owl-carousel .owl-dots button.owl-prev:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: calc(50% - 2px)
}

.popupWrapper,.cdk-overlay-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(56,26,10,0.6)
}

.popupWrapper .cdk-overlay-dark-backdrop,.cdk-overlay-container .cdk-overlay-dark-backdrop {
    background: none
}

.popupWrapper .popup,.popupWrapper .cdk-overlay-pane,.cdk-overlay-container .popup,.cdk-overlay-container .cdk-overlay-pane {
    position: absolute!important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 33%
}

.popupWrapper .popupInner,.popupWrapper .mat-dialog-container,.cdk-overlay-container .popupInner,.cdk-overlay-container .mat-dialog-container {
    background: #fff;
    display: block;
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.popupWrapper .popupTitle,.popupWrapper .mat-dialog-title,.cdk-overlay-container .popupTitle,.cdk-overlay-container .mat-dialog-title {
    font-size: 2.4rem;
    margin-bottom: 5px
}

.popupWrapper .popupContent,.popupWrapper .mat-dialog-content,.cdk-overlay-container .popupContent,.cdk-overlay-container .mat-dialog-content {
    font-size: 1.8rem
}

.popupWrapper .popupContent a,.popupWrapper .popupContent a:hover,.popupWrapper .popupContent a:visited,.popupWrapper .mat-dialog-content a,.popupWrapper .mat-dialog-content a:hover,.popupWrapper .mat-dialog-content a:visited,.cdk-overlay-container .popupContent a,.cdk-overlay-container .popupContent a:hover,.cdk-overlay-container .popupContent a:visited,.cdk-overlay-container .mat-dialog-content a,.cdk-overlay-container .mat-dialog-content a:hover,.cdk-overlay-container .mat-dialog-content a:visited {
    word-break: break-all
}

.popupWrapper .popupActions,.popupWrapper .mat-dialog-action,.cdk-overlay-container .popupActions,.cdk-overlay-container .mat-dialog-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .ui-dialog {
    background: #fff;
    font-family: 'Relative',Arial,sans-serif;
    font-size: 1.4rem;
    z-index: 1001;
    border: 0;
    border-radius: 0
}

.ui-dialog {
    position: fixed;
    top: 90px!important;
    width: 100%!important;
    min-width: 0!important;
    max-width: 900px;
    height: calc(100% - 110px)!important;
    max-height: 600px
}

.ui-dialog .pi-times:before,.ui-dialog .fa-close:before {
    content: "+";
    display: block;
    width: 24px;
    height: 24px;
    font-family: Arial;
    font-size: 40px;
    line-height: 24px;
    color: #381a0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bigFooter .ui-dialog {
    height: calc(100% - 350px)!important
}

.bigFooter .ui-dialog-footer {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3)
}

.bigFooter .ui-dialog-footer .ui-button {
    margin: 0
}

.ui-widget-header {
    background: #fff
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
    padding: 20px 45px 10px 20px;
    max-height: 60px;
    border-bottom: 1px solid #DDDDD4
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
    font-size: 1.8rem
}

.ui-dialog .ui-dialog-titlebar-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none
}

.ui-dialog .ui-dialog-titlebar-icon:hover {
    border: 0;
    background: none
}

.ui-dialog .ui-dialog-titlebar-icon:hover,.ui-dialog .ui-dialog-titlebar-icon:visited {
    text-decoration: none
}

.ui-dialog.ui-widget .ui-dialog-content {
    padding: 10px 20px 20px;
    height: calc(100% - 60px)!important
}

.ng-tns-c19-2 .ui-dialog.ui-widget .ui-dialog-content {
    padding: 0;
    height: calc(100% - 0px)!important
}

.ui-dialog.ui-widget .ui-dialog-content p {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: inherit
}

.ui-dialog.ui-widget .ui-dialog-content .content {
    padding: 0
}

.ui-dialog-footer .ui-button {
    margin: 0
}

body .ui-widget-overlay {
    background-color: rgba(56,26,10,0.5)
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 1
}

.p-grid {
    text-align: left
}

.p-grid h1 {
    padding: 10px 0;
    text-align: left;
    font-size: 1.8rem;
    text-align: left
}

.p-grid .blocpass {
    margin-top: 10px;
    margin-bottom: 20px
}

.p-grid .blocpass h3 {
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 0
}

.p-grid .blocpass input[type="email"] {
    height: 32px;
    padding-left: 12px;
    border: 0;
    background-color: #F2F2F2;
    min-width: 250px;
    max-width: 100%;
    outline: 0
}

.p-grid .error {
    margin: 0 0 5px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #F6261B
}

.tabs {
    padding: 0;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden!important;
    border-bottom: 0!important
}

.tabs .tabs2,.tabs .tabs3,.tabs .tabs4,.tabs .tabs5,.tabs .tabs6,.tabs .tabs7,.tabs .tabs8,.tabs .tabs9,.tabs .tabs10 {
    width: 100%;
    margin-bottom: 0;
    height: 60px
}

.tabs .tabs2 li {
    width: calc(100% / 2)
}

.tabs .tabs3 li {
    width: calc(100% / 3)
}

.tabs .tabs4 li {
    width: calc(100% / 4)
}

.tabs .tabs5 li {
    width: calc(100% / 5)
}

.tabs .tabs6 li {
    width: calc(100% / 6)
}

.tabs .tabs7 li {
    width: calc(100% / 7)
}

.tabs .tabs8 li {
    width: calc(100% / 8)
}

.tabs .tabs9 li {
    width: calc(100% / 9)
}

.tabs .tabs10 li {
    width: calc(100% / 10)
}

.tabs li {
    display: inline-block;
    position: relative;
    min-height: 60px;
    text-align: center;
    color: #381a0a;
    font-weight: 500;
    font-size: 1.4rem;
    border-top: 4px solid transparent;
    border-left: 1px solid #DDDDD4;
    white-space: normal;
    padding: 0;
    opacity: 1;
    cursor: pointer
}

.tabs li:before {
    content: none
}

.tabs li:first-child {
    border-left: none
}

.tabs li.active,.tabs li.mat-tab-label-active {
    background: #fff;
    border-top-color: #381a0a
}

.tabs li a,.tabs li a:hover,.tabs li a:visited,.tabs li button,.tabs li button:hover,.tabs li span {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0 5px;
    color: #381a0a!important;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    background: transparent;
    border: none;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs .mat-ink-bar {
    display: none
}

.tab {
    display: none;
    height: auto;
    padding: 20px 12px;
    background: #fff;
    border-bottom: 0;
    white-space: normal
}

.tab:first-of-type,.tab:not([hidden]) {
    display: inherit
}







.mat-accordion {
    width: 100%
}

.mat-accordion .mat-expansion-panel-header,.mat-accordion .mat-expansion-panel-body {
    padding: 0
}

.mat-accordion .mat-expansion-panel-header {
    cursor: pointer
}

.mat-accordion .mat-expansion-panel-header .mat-content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.mat-accordion .mat-expansion-panel-header .mat-expansion-indicator:after {
    vertical-align: top
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: none
}

.blockTelephone {
    display: block;
    margin: 8px 0;
    padding: 0;
    width: auto;
    min-width: 240px;
    border: 1px solid #381a0a;
    color: #fff;
    font-weight: 500
}

.blockTelephone > * {
    display: block;
    padding: 8px 5px 5px 25px
}

.blockTelephone .numero,.blockTelephone .numero:hover,.blockTelephone .numero:focus,.blockTelephone .numero:visited {
    position: relative;
    display: block;
    margin-bottom: 5px;
    background-color: #fff;
    text-decoration: none;
    color: #381a0a;
    font-size: 2.6rem;
    line-height: 3rem;
    font-weight: 500;
    cursor: initial
}

.blockTelephone .numero:before,.blockTelephone .numero:hover:before,.blockTelephone .numero:focus:before,.blockTelephone .numero:visited:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    left: 15px;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #fff transparent transparent
}

.blockTelephone.vert {
    background-color: #60B657
}

.blockTelephone.vert .numero,.blockTelephone.vert .numero:hover,.blockTelephone.vert .numero:focus,.blockTelephone.vert .numero:visited {
    color: #60B657!important
}

.blockTelephone.gris {
    background-color: #7D858F
}

.blockTelephone.gris .numero,.blockTelephone.gris .numero:hover,.blockTelephone.gris .numero:focus,.blockTelephone.gris .numero:visited {
    color: #7D858F!important
}

.blockTelephone.violet {
    background-color: #992779
}

.blockTelephone.violet .numero,.blockTelephone.violet .numero:hover,.blockTelephone.violet .numero:focus,.blockTelephone.violet .numero:visited {
    color: #992779!important
}

.mat-select-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.mat-select-panel .mat-option {
    background-color: #fff!important
}

.mat-select-panel .mat-option-text {
    color: #381a0a
}

.card {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #DDDDD4;
    border-radius: 4px 4px 4px 4px
}

.card .card-header {
    position: relative;
    top: -11px;
    left: -11px;
    width: calc(100% + 22px);
    height: 85px;
    padding: 16px;
    border-radius: 4px 4px 0 0;
    background-color: #FF91DE;
    color: #381a0a;
    position: relative
}

.card .card-header,.card .card-header h3 {
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.9rem
}

.card .card-header h3 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card.themeVert .card-header {
    background-color: #21C9A3;
    color: #fff
}

.card.themeViolet .card-header {
    background-color: #7667B7;
    color: #fff
}

.card.themeBleuRoi .card-header {
    background-color: #416AD4;
    color: #fff
}

.card.themeGrisVert .card-header {
    background-color: #7A7672;
    color: #fff
}

.card.themeVioletFonce .card-header {
    background-color: #891C7C;
    color: #fff
}

.card.themeRoseRouge .card-header {
    background-color: #D8496E;
    color: #fff
}

.card.themeOrange .card-header {
    background-color: #CD5B1C;
    color: #fff
}

.form-group ::-webkit-input-placeholder {
    font-weight: 400;
    color: #8B8178
}

.form-group :-ms-input-placeholder {
    font-weight: 400;
    color: #8B8178
}

.form-group ::-ms-input-placeholder {
    font-weight: 400;
    color: #8B8178
}

.form-group ::placeholder {
    font-weight: 400;
    color: #8B8178
}

.form-group label,.form-group .label {
    padding: 0;
    margin-bottom: 16px;
    color: #381A0A;
    font-size: 1.6rem;
    font-weight: 400;
    background: none;
    text-shadow: none
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .form-group label,.form-group .label {
        font-size:1.4rem;
        line-height: 1.6rem
    }
}

.form-group .control-label,.form-group .control-label label {
    display: inline-block;
    height: auto;
    width: auto;
    margin-bottom: 2px;
    float: none;
    text-transform: none;
    font-size: 14px!important;
    line-height: 11px;
    color: #8B8178
}

.form-group label.bigSize {
    margin-bottom: 8px;
    font-size: 13.5px!important;
    line-height: 16px
}

.form-group .controls {
    display: block;
    margin-top: 0;
    min-width: 0;
    float: none;
    color: #381a0a;
    font-size: 1.55rem;
    line-height: 1.6rem
}

.form-group input {
    width: 100%;
    padding: 4px 0;
    min-height: 22px;
    color: #381a0a;
    font-size: 1.55rem;
    line-height: 1.6rem;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #381a0a
}

.form-group input:focus {
    border-bottom: 2px solid #0052ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.form-group .readonly .value + input {
    display: none
}

.form-group .readonly input {
    border: 0
}

.form-group .controls:not(.readonly) .value {
    display: none
}

.form-group .warning input,.form-group .warning select {
    border-bottom: 2px solid #F6261B
}

.form-group .select {
    display: block;
    position: relative;
    color: #381a0a
}

.form-group .select:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.9px 4px 0;
    border-color: #381a0a transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.form-group .select select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit
}

.form-group select {
    width: 100%;
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid;
    font-size: 1.6rem;
    position: relative
}

.form-group select:focus {
    border-bottom: 2px solid #0052ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.form-group select:after {
    content: "";
    visibility: visible!important;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 2px solid #381a0a;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.form-group .readonly .select:after {
    display: none
}

.form-group .readonly select {
    border: 0
}

.form-group .radio-btn-group,.form-group .checkbox-btn-group {
    overflow: inherit
}

.form-group .radio-btn-group .radio-btn,.form-group .checkbox-btn-group .radio-btn {
    min-height: 20px;
    margin-right: 0;
    padding-left: 0
}

.form-group .radio-btn-group input[type="radio"],.form-group .radio-btn-group input[type="checkbox"],.form-group .checkbox-btn-group input[type="radio"],.form-group .checkbox-btn-group input[type="checkbox"] {
    display: inline-block;
    position: absolute;
    left: -9999px
}

.form-group .radio-btn-group input[type="radio"] + label,.form-group .radio-btn-group input[type="checkbox"] + label,.form-group .checkbox-btn-group input[type="radio"] + label,.form-group .checkbox-btn-group input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    float: none;
    cursor: pointer
}

.form-group .radio-btn-group input[type="radio"] + label:before,.form-group .radio-btn-group input[type="checkbox"] + label:before,.form-group .checkbox-btn-group input[type="radio"] + label:before,.form-group .checkbox-btn-group input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    background-color: #DDDDD4
}

.form-group .radio-btn-group input[type="radio"] + label:after,.form-group .radio-btn-group input[type="checkbox"] + label:after,.form-group .checkbox-btn-group input[type="radio"] + label:after,.form-group .checkbox-btn-group input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 5px
}

.form-group .radio-btn-group input[type="radio"] + label:before,.form-group .checkbox-btn-group input[type="radio"] + label:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #DDDDD4;
    background-color: transparent
}

.form-group .radio-btn-group input[type="radio"]:checked + label:before,.form-group .checkbox-btn-group input[type="radio"]:checked + label:before {
    background-color: #DDDDD4;
    border: 0
}

.form-group .radio-btn-group input[type="radio"]:checked + label:after,.form-group .checkbox-btn-group input[type="radio"]:checked + label:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0052ff
}

.form-group .radio-btn-group input[type="checkbox"] + label:before,.form-group .checkbox-btn-group input[type="checkbox"] + label:before {
    width: 20px;
    height: 20px;
    background-color: #DDDDD4
}

.form-group .radio-btn-group input[type="checkbox"]:checked + label:before,.form-group .checkbox-btn-group input[type="checkbox"]:checked + label:before {
    border: 2px solid #0052ff
}

.form-group .radio-btn-group input[type="checkbox"]:checked + label:after,.form-group .checkbox-btn-group input[type="checkbox"]:checked + label:after {
    width: 10px;
    height: 7px;
    border: 3px solid #0052ff;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.control-group {
    position: relative;
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .control-group {
        margin-bottom:30px
    }
}

.control-group:not(.inline) .control-label {
    position: absolute;
    top: 4px;
    left: 15px;
    color: #8b8178;
    font-size: 1.4rem;
    line-height: 1.6rem;
    z-index: 3
}

.controls {
    position: relative;
    width: 100%
}

.control-group.inline .controls {
    width: auto;
    display: inline-block
}

.control-group.inline label {
    display: inline-block;
    padding-right: 10px
}

.controls input,.controls input[type="text"],.controls input[type="number"],.controls input[type="tel"],.controls input[type="password"],.controls input[type="date"],.controls input[type="email"],.controls textarea,.controls select {
    display: inline-block;
    margin: 0;
    padding: 9px 7px 9px 16px;
    height: auto;
    width: 100%;
    color: #381A0A;
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: inherit;
    border: 1px solid #B0B1A6;
    outline: 0
}

.controls input + label,.controls input[type="text"] + label,.controls input[type="number"] + label,.controls input[type="tel"] + label,.controls input[type="password"] + label,.controls input[type="date"] + label,.controls input[type="email"] + label,.controls textarea + label,.controls select + label {
    position: absolute;
    top: -7px;
    left: 12px;
    padding: 0 4px;
    color: #8B8178;
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 1.3rem;
    pointer-events: none
}

.controls input[readonly],.controls input[disabled],.controls input[type="text"][readonly],.controls input[type="text"][disabled],.controls input[type="number"][readonly],.controls input[type="number"][disabled],.controls input[type="tel"][readonly],.controls input[type="tel"][disabled],.controls input[type="password"][readonly],.controls input[type="password"][disabled],.controls input[type="date"][readonly],.controls input[type="date"][disabled],.controls input[type="email"][readonly],.controls input[type="email"][disabled],.controls textarea[readonly],.controls textarea[disabled],.controls select[readonly],.controls select[disabled] {
    cursor: not-allowed;
    color: #8B8178;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.controls textarea {
    min-height: 80px
}

.controls input:not([readonly]):focus,.controls input[type="text"]:not([readonly]):focus,.controls input[type="number"]:not([readonly]):focus,.controls input[type="tel"]:not([readonly]):focus,.controls input[type="password"]:not([readonly]):focus,.controls input[type="date"]:not([readonly]):focus,.controls input[type="email"]:not([readonly]):focus,.controls select:not([readonly]):focus,.controls textarea:not([readonly]):focus {
    padding-left: 13px;
    border-left: 4px solid #0052ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.controls .radio-btn-horizontal {
    display: inline-block;
    width: auto;
    margin-right: 10px
}

.controls input[type="radio"],.controls input[type="checkbox"] {
    position: absolute;
    left: -9999px
}

.controls input[type="radio"] + label,.controls input[type="checkbox"] + label {
    position: relative;
    left: 0;
    top: 0;
    padding-left: 25px;
    padding-right: 0;
    font-size: 1.6rem;
    line-height: 2rem;
    pointer-events: initial;
    cursor: pointer
}

.controls input[type="radio"] + label:before,.controls input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #ddddd4;
    border: 5px solid #ddddd4;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.controls input[type="radio"]:checked + label:before {
    background-color: #0052FF
}

.controls input[type="checkbox"] + label:before {
    border-radius: 0
}

.controls input[type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 9px;
    height: 13px;
    border: 4px solid #0052FF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.controls select {
    background-color: #fff
}

.controls .select select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px
}

.controls .select:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 42px;
    background: url(../img/picto/chevron-brun.svg) 50% 50% no-repeat #F2F2F2;
    background-size: 18px;
    border: 0;
    border-bottom: 2px solid #fff;
    z-index: 2;
    pointer-events: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer
}

.controls input[disabled],.controls input[type="text"][disabled],.controls input[type="number"][disabled],.controls input[type="tel"][disabled],.controls .controls input[type="password"][disabled],.controls .controls input[type="date"][disabled],.controls .controls input[type="email"][disabled],.controls textarea[disabled] {
    background: none
}

.controls.file {
    position: relative
}

.controls.file input[type="file"] {
    position: absolute;
    opacity: 0;
    background: #F2F2F2;
    margin: 0;
    padding: 8px 15px;
    width: calc(100% - 40px);
    border: 0;
    cursor: pointer;
    height: 100%
}

.controls.file input[type="file"] + label {
    position: relative;
    padding: 11px 42px 11px 15px;
    font-size: 1.5rem;
    background: #F2F2F2;
    color: #8B8178;
    cursor: pointer
}

.controls.file input[type="file"] + label:before {
    content: "+";
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    border-left: 2px solid #fff;
    color: #381a0a;
    background-color: #F2F2F2;
    font-size: 40px;
    font-family: serif;
    line-height: 38px;
    text-align: center;
    background-size: 24px
}

.controls.file input[type="file"] + label:hover:before,.controls.file input[type="file"] + label:focus:before {
    color: #FFF;
    background-color: #381a0a
}

.controls.file .fileUploadWrapper {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px
}

.controls.file .fileUploadWrapper .control-label {
    position: absolute;
    top: 4px;
    left: 15px;
    font-size: 1.2rem!important;
    color: #8B8178
}

.controls.file .fileUploadWrapper .nbFiles {
    position: absolute;
    top: -16px;
    right: 22px;
    z-index: 1;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #0052ff;
    color: #FFF;
    text-align: center;
    font-size: 1.4rem;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #FFF;
    pointer-events: none
}

.controls.file .ui-fileupload[data-nbfiles=""]:before,.controls.file .ui-fileupload[data-nbfiles="0"]:before,.controls.file .ui-fileupload[data-nbfiles="1"]:before {
    content: none
}

.controls.file .ui-fileupload:hover .ui-fileupload-content {
    pointer-events: inherit;
    opacity: 1;
    -webkit-transition: opacity 0;
    transition: opacity 0
}

.controls.file .ui-fileupload-buttonbar {
    padding: 0;
    border: 0;
    border-radius: 0
}

.controls.file .ui-fileupload-choose {
    display: block;
    padding: 0;
    border: 0;
    background-color: transparent;
    border: 1px solid #B0B1A6
}

.controls.file .ui-fileupload-choose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    border-left: 2px solid #fff;
    background: 50% 50% no-repeat;
    font-size: 40px;
    font-family: serif;
    line-height: 38px;
    text-align: center;
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' version='1.1'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%230052FF;%7D %3C/style%3E%3Cpath class='st1' d='m 22.077961,7.6870291 c -10e-5,0.18727 -0.0746,0.36702 -0.207,0.49964 L 8.9031407,21.170159 c -0.13217,0.1324 -0.31124,0.207 -0.49787,0.2073 l -5.982129,0.0115 c -0.388501,7e-4 -0.703244,-0.3139 -0.70332,-0.7031 l -0.0012,-5.9844 c -3.7e-5,-0.1872 0.07425,-0.367 0.206476,-0.4997 L 13.893233,2.2042591 l 0.9951,0.99498 L 3.2918427,14.823859 c -0.10566,0.106 -0.165,0.2497 -0.16497,0.3995 l 8.5e-4,4.3296 c 5e-5,0.2341 0.18968,0.4237 0.42342,0.4232 l 4.33103,-0.0083 c 0.14929,-3e-4 0.29242,-0.0598 0.39803,-0.1656 L 20.227433,7.8411791 c 0.0827,-0.08288 0.0827,-0.21721 -10e-5,-0.29987 l -2.6884,-2.68371 c -0.0826,-0.08245 -0.2163,-0.08228 -0.2989,3.9e-4 L 7.8451327,14.251359 c -0.02643,0.0265 -0.04131,0.0624 -0.04139,0.0998 l -0.0016,0.7937 c -1.6e-4,0.0779 0.06277,0.141 0.14054,0.141 l 0.80073,-9e-4 c 0.03737,0 0.07324,-0.0149 0.0997,-0.0414 l 8.0472803,-8.0434199 0.9942,0.99595 -8.2952603,8.2918699 c -0.13231,0.1325 -0.31164,0.2071 -0.49849,0.2073 l -1.99583,0.002 c -0.18673,2e-4 -0.36567,-0.0739 -0.49745,-0.2061 -0.13178,-0.1321 -0.20561,-0.3114 -0.20524,-0.4985 l 0.0039,-1.9905 c 3.7e-4,-0.1869 0.0748,-0.3663 0.20696,-0.4986 L 16.892863,3.2138191 c 0.275,-0.27551 0.7202,-0.27656 0.9949,-0.0023 l 3.9838,3.97689 c 0.1322,0.13199 0.2064,0.3114 0.2063,0.49867 z' /%3E%3C/svg%3E")
}

.controls.file .ui-fileupload-choose:hover:before,.controls.file .ui-fileupload-choose:focus:before {
    color: #FFF;
    background-color: #381a0a;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 24 24' height='24px' width='24px' version='1.1'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23FFFFFF;%7D %3C/style%3E%3Cpath class='st1' d='m 22.077961,7.6870291 c -10e-5,0.18727 -0.0746,0.36702 -0.207,0.49964 L 8.9031407,21.170159 c -0.13217,0.1324 -0.31124,0.207 -0.49787,0.2073 l -5.982129,0.0115 c -0.388501,7e-4 -0.703244,-0.3139 -0.70332,-0.7031 l -0.0012,-5.9844 c -3.7e-5,-0.1872 0.07425,-0.367 0.206476,-0.4997 L 13.893233,2.2042591 l 0.9951,0.99498 L 3.2918427,14.823859 c -0.10566,0.106 -0.165,0.2497 -0.16497,0.3995 l 8.5e-4,4.3296 c 5e-5,0.2341 0.18968,0.4237 0.42342,0.4232 l 4.33103,-0.0083 c 0.14929,-3e-4 0.29242,-0.0598 0.39803,-0.1656 L 20.227433,7.8411791 c 0.0827,-0.08288 0.0827,-0.21721 -10e-5,-0.29987 l -2.6884,-2.68371 c -0.0826,-0.08245 -0.2163,-0.08228 -0.2989,3.9e-4 L 7.8451327,14.251359 c -0.02643,0.0265 -0.04131,0.0624 -0.04139,0.0998 l -0.0016,0.7937 c -1.6e-4,0.0779 0.06277,0.141 0.14054,0.141 l 0.80073,-9e-4 c 0.03737,0 0.07324,-0.0149 0.0997,-0.0414 l 8.0472803,-8.0434199 0.9942,0.99595 -8.2952603,8.2918699 c -0.13231,0.1325 -0.31164,0.2071 -0.49849,0.2073 l -1.99583,0.002 c -0.18673,2e-4 -0.36567,-0.0739 -0.49745,-0.2061 -0.13178,-0.1321 -0.20561,-0.3114 -0.20524,-0.4985 l 0.0039,-1.9905 c 3.7e-4,-0.1869 0.0748,-0.3663 0.20696,-0.4986 L 16.892863,3.2138191 c 0.275,-0.27551 0.7202,-0.27656 0.9949,-0.0023 l 3.9838,3.97689 c 0.1322,0.13199 0.2064,0.3114 0.2063,0.49867 z' /%3E%3C/svg%3E")
}

.controls.file .ui-fileupload-choose input[type=file] {
    left: 0;
    right: auto;
    width: 100%
}

.controls.file .ui-fileupload-choose .ui-button {
    margin-right: 0
}

.controls.file .ui-fileupload-choose .pi {
    display: none
}

.controls.file .ui-button:after {
    content: none
}

.controls.file .ui-button .ui-button-text {
    display: block;
    padding: 12px 42px 12px 15px;
    font-weight: 100;
    color: #381a0a;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.controls.file .ui-progressbar-determinate .ui-progressbar-value {
    background: #0052ff;
    border-radius: 0
}

.controls.file .ui-fileupload-content {
    position: absolute;
    top: 100%;
    padding: 0;
    width: 100%;
    background: #fff;
    border: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.controls.file .ui-fileupload-content .control-label {
    margin: 0;
    padding: 11px 15px;
    color: #381a0a;
    font-size: 1.5rem!important;
    width: calc(100% - 42px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.controls.file .ui-fileupload-content .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 38px;
    min-width: 0;
    padding: 0;
    color: #FFF;
    background-color: #0052ff;
    border: 0;
    border-left: 2px solid #FFF
}

.controls.file .ui-fileupload-content .btn:before {
    content: "+";
    position: absolute;
    top: 50%;
    left: calc(50% - 11px);
    font-size: 40px;
    line-height: 0;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-family: serif
}

.controls.file .ui-fileupload-content .btn:hover,.controls.file .ui-fileupload-content .btn:focus {
    background-color: #381a0a
}

.controls.file .ui-fileupload-content p-progressbar,.controls.file .ui-fileupload-content p-messages {
    display: none
}

.controls.file .ui-fileupload-files {
    display: block;
    line-height: 38px;
    width: 100%;
    max-height: 212px;
    margin-top: 10px;
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #DDDDD4;
    overflow: auto
}

.controls.file .ui-fileupload-files:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 50%;
    border: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 2px #8b8178;
    box-shadow: 0 0 2px #8b8178;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.controls.file .ui-fileupload-files img {
    display: none
}

.controls.file .ui-fileupload-files .ui-button {
    border: 0;
    background: transparent;
    outline: 0
}

.controls.file .ui-fileupload-files .pi-times,.controls.file .ui-fileupload-files .fa-close {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    color: #F6261B;
    font-size: 18px;
    line-height: 26px
}

.controls.file .ui-fileupload-files .pi-times:before,.controls.file .ui-fileupload-files .fa-close:before {
    content: "+";
    font-size: 35px;
    line-height: 0;
    pointer-events: none;
    font-weight: 400
}

.controls.file .ui-fileupload-row {
    position: relative;
    display: block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding-right: 40px;
    border: 1px solid #8B8178
}

.controls.file .ui-fileupload-row + .ui-fileupload-row {
    border-top: 0
}

.controls.file .ui-fileupload-row > div {
    display: inline-block;
    padding: 12px 3px;
    max-width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.controls.file .ui-fileupload-row button[icon*="pi-times"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 959px) {
    .controls.file .ui-fileupload-row button[icon*="pi-times"] {
        display:block
    }
}

.controls.file .ui-fileupload-row button[icon*="pi-times"] .pi.pi-times {
    position: absolute;
    left: auto;
    right: 10px;
    top: 11px;
    color: #0052ff
}

@media (max-width: 959px) {
    .controls.file .ui-fileupload-row button[icon*="pi-times"] .pi.pi-times {
        color:#381A0A
    }
}

.controls.file .ui-fileupload-row button[icon*="pi-times"] .ui-button-text {
    background: transparent;
    color: transparent
}

.controls.file .ui-fileupload-row:hover {
    background-color: #381A0A;
    color: #fff
}

.controls.file .ui-fileupload-row:hover button[icon*="pi-times"] {
    display: block
}

.controls.file .ui-fileupload-row:hover button[icon*="pi-times"] .pi.pi-times {
    color: #fff
}

.controls.file .progressBarWrapper {
    position: absolute;
    top: -35px;
    right: 0;
    width: 250px
}

.controls.file .progressBarWrapper .pgbr {
    display: block;
    width: 100%;
    position: absolute;
    top: 1px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (max-width: 767px) {
    .controls.file .progressBarWrapper {
        position:static;
        width: 100%
    }
}

.controls.file .ui-progressbar {
    background-color: #F2F2F2;
    color: #381a0a;
    border: 0;
    border-radius: 0
}

.controls .input-error input {
    border-left: 4px solid #f6261b
}

.controls .txt-error {
    display: block;
    padding: 0 0 0 15px;
    border-left: 4px solid #f6261b;
    color: #f6261b;
    font-size: 1.4rem;
    line-height: 1.8rem
}

table {
    border: 1px solid #DDDDD4
}

table th {
    border: 1px solid #DDDDD4
}

table tbody td {
    padding: 2px 4px;
    border: 1px solid #DDDDD4;
    vertical-align: top;
}

@media screen and (min-width: 1200px) {
    .main > .container {
        width:calc(100% - 140px)!important;
        max-width: calc(1440px - 140px);
        margin: 0 auto 45px
    }

    .main .mainContent.left {
        padding-right: 16px;
        padding-left: 0
    }

    .main .sideContent.right {
        padding-left: 0;
        padding-right: 0
    }

    .alert > .message {
        font-size: 1.6rem
    }

    body .ui-dialog {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

@media screen and (max-width: 959px) {
    .main.contentPage h1 {
        font-size:2.4rem;
        margin-top: 5px;
        margin-bottom: 20px
    }

    .main.contentPage h1 .icon {
        display: inline-block;
        width: 30px;
        margin-right: 10px;
        text-align: center
    }

    .main > .container {
        width: calc(100% - 32px)!important;
        margin-bottom: 20px
    }

    .main .mainContent {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .main .sideContent {
        padding-left: 0!important
    }

    .popupWrapper .popup,.popupWrapper .cdk-overlay-pane,.cdk-overlay-container .popup,.cdk-overlay-container .cdk-overlay-pane {
        width: calc(100% - 16px)!important
    }

    body .ui-dialog {
        font-size: 1.6rem;
        line-height: 1.8rem
    }

    .ui-dialog {
        max-width: calc(100% - 16px);
        height: calc(100% - 156px)!important;
        top: 60px!important
    }

    .ui-dialog.ui-widget .ui-dialog-titlebar {
        padding: 16px 40px 8px 8px
    }

    .ui-dialog.ui-widget .ui-dialog-content {
        padding: 8px
    }

    .ui-dialog-footer {
        padding: 7px
    }

    .p-grid h1 {
        padding-bottom: 0;
        font-size: 1.6rem
    }

    .p-grid .blocpass {
        margin-bottom: 10px
    }

    .p-grid .blocpass h3 {
        height: 24px;
        line-height: 2.4rem
    }

    .p-grid .blocpass input[type="email"] {
        width: 100%
    }

    .p-grid .blocpass .error {
        margin: 0 0 5px
    }

    .p-grid button[label="Valider"] {
        margin: 0!important
    }

    .tabs {
        overflow-x: auto!important
    }

    .tabs .mat-tab-links {
        display: block
    }

    .tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .tabs .tabs2,.tabs .tabs3,.tabs .tabs4,.tabs .tabs5,.tabs .tabs6,.tabs .tabs7,.tabs .tabs8,.tabs .tabs9,.tabs .tabs10 {
        position: relative;
        left: 0
    }

    .tabs .tabs2 {
        width: calc(30% * 2)
    }

    .tabs .tabs3 {
        width: calc(30% * 3)
    }

    .tabs .tabs4 {
        width: calc(30% * 4)
    }

    .tabs .tabs5 {
        width: calc(30% * 5)
    }

    .tabs .tabs6 {
        width: calc(30% * 6)
    }

    .tabs .tabs7 {
        width: calc(30% * 7)
    }

    .tabs .tabs8 {
        width: calc(30% * 8)
    }

    .tabs .tabs9 {
        width: calc(30% * 9)
    }

    .tabs .tabs10 {
        width: calc(30% * 10)
    }
}

@media (max-width: 767px) {
    .main > .container {
        width:calc(100% - 16px)!important;
        margin-bottom: 20px
    }

    .tabs li:first-child {
        border-left: 1px solid #DDDDD4
    }

    .tabs li:last-child {
        border-right: 1px solid #DDDDD4
    }

    .tabs .tabs2,.tabs .tabs3,.tabs .tabs4,.tabs .tabs5,.tabs .tabs6,.tabs .tabs7,.tabs .tabs8,.tabs .tabs9,.tabs .tabs10 {
        position: relative;
        left: 0;
        padding-left: 33%;
        padding-right: 33%
    }

    .tabs .tabs2 {
        width: calc(60% * 3)
    }

    .tabs .tabs3 {
        width: calc(60% * 3)
    }

    .tabs .tabs4 {
        width: calc(60% * 4)
    }

    .tabs .tabs5 {
        width: calc(60% * 5)
    }

    .tabs .tabs6 {
        width: calc(60% * 6)
    }

    .tabs .tabs7 {
        width: calc(60% * 7)
    }

    .tabs .tabs8 {
        width: calc(60% * 8)
    }

    .tabs .tabs9 {
        width: calc(60% * 9)
    }

    .tabs .tabs10 {
        width: calc(60% * 10)
    }

    .tab {
        padding: 20px 7px
    }
}

.popin {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
    margin: 60px auto;
    max-height: calc(100% - 120px);
    overflow: auto;
    background: #FFF;
    position: relative
}

.popin p {
    color: #381a0a;
    font-size: 1.6rem;
    line-height: 1.9rem
}

.popin.pr-4 {
    width: 100%;
    height: auto;
    overflow: visible;
    margin-top: 0
}

.checkboxag {
    position: relative;
    display: inline-block
}

.checkboxag label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    border-radius: 4px;
    border: 2px solid #0052ff
}

.checkboxag label:after {
    content: '';
    width: 15px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 1px;
    border: 3px solid #FFF;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkboxag input[type=checkbox] {
    visibility: hidden;
    width: auto!important
}

.checkboxag input[type=checkbox]:checked + label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #0052ff;
    border-radius: 4px;
    border: 2px solid #0052ff
}

.checkboxag input[type=checkbox]:checked + label:after {
    opacity: 1
}

.checkboxag span {
    font-size: 14px;
    font-weight: 400;
    color: #381a0a;
    margin-left: 28px;
    line-height: 24px
}

@media (max-width: 959px) {
    #bandeau-cnil {
        position:fixed;
        bottom: 0;
        left: 0;
        background: #FFF;
        padding: 20px 12px;
        color: #381a0a;
        text-align: center;
        font-size: 1.6rem;
        border-bottom: 5px solid #B0B1A6;
        -webkit-box-shadow: 0 0 15px -5px #381a0a;
        box-shadow: 0 0 15px -5px #381a0a;
        z-index: 2147483648;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #bandeau-cnil a,#bandeau-cnil a:hover {
        text-decoration: none;
        display: inline-block;
        padding: 10px 30px;
        margin: 5px;
        background: #0052ff;
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #bandeau-cnil a#cnil-personnaliser,#bandeau-cnil a:hover#cnil-personnaliser {
        color: #0052ff;
        background: #FFF;
        padding-right: 40px;
        border: 1px solid #0052ff
    }

    #bandeau-cnil a#cnil-personnaliser:after,#bandeau-cnil a:hover#cnil-personnaliser:after {
        content: "";
        display: inline-block;
        height: 100%;
        width: 7px;
        background: url(../img/fleche-bleu.png) center right no-repeat;
        position: absolute;
        top: -1px;
        right: 15px;
        -webkit-transition: right .2s;
        transition: right .2s
    }

    #bandeau-cnil a#cnil-personnaliser:hover,#bandeau-cnil a:hover#cnil-personnaliser:hover {
        color: #0052ff!important;
        background: #FFF
    }

    #bandeau-cnil a#cnil-personnaliser:hover:after,#bandeau-cnil a:hover#cnil-personnaliser:hover:after {
        right: 10px
    }

    #popin-email {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-email .popin {
        width: 100%;
        overflow: visible
    }

    #popin-email .popin .fermer-popin {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-email .popin .fermer-popin span {
        display: none
    }

    #popin-email .popin h1 {
        height: 46px;
        font-size: 1.6rem;
        line-height: 46px;
        text-transform: uppercase;
        color: #FFF;
        background: #B0B1A6;
        padding: 0 20px;
        margin-bottom: 0
    }

    #popin-email .popin .article {
        padding: 20px;
        font-size: 1.3em;
        overflow: hidden
    }

    #popin-email .popin .article form .formulaire {
        width: 100%;
        overflow: hidden
    }

    #popin-email .popin .article form .formulaire .champs {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 12px
    }

    #popin-email .popin .article form .formulaire .champs label {
        font-weight: 400;
        font-size: 1.6rem;
        color: #381a0a;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        position: relative
    }

    #popin-email .popin .article form .formulaire .champs input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-weight: 400;
        font-size: 1.6rem;
        color: #8B8178;
        background-color: #F2F2F2;
        border: 0;
        padding-left: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #popin-email .popin .article form .formulaire .champs input.error {
        border: 1px solid #F12626
    }

    #popin-email .popin .article form .formulaire .champs label.error {
        color: #F12626;
        font-weight: 400;
        font-size: 1.4rem;
        display: block;
        margin-top: 10px
    }

    #popin-email .popin .article form .formulaire .champs textarea {
        width: 100%;
        height: 100px;
        line-height: 2rem;
        font-weight: 400;
        font-size: 1.6rem;
        color: #8B8178;
        background-color: #F2F2F2;
        border: 0;
        padding: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #popin-email .popin .article form .formulaire .champs textarea.error {
        border: 1px solid #F12626
    }

    #popin-email .popin .article form .bouton .btbleu {
        height: 40px;
        line-height: 40px;
        width: 100%;
        border-radius: 3px;
        border: 0;
        background-color: #0052ff;
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 7px;
        position: relative;
        float: left;
        cursor: pointer
    }

    #popin-email .popin .article form .bouton .btbleu:after {
        content: " ";
        background-image: url(img/icons/fleche.png);
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        height: 12px;
        width: 7px;
        top: 17px;
        right: 10px;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .1s;
        transition-duration: .1s
    }

    #popin-email .popin .article form .bouton .btbleu:hover:after {
        -webkit-transform: translateX(px);
        transform: translateX(4px)
    }

    #popin-upload {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-upload .popin {
        width: 100%;
        overflow: visible
    }

    #popin-upload .popin .fermer-popin {
        position: absolute;
        top: 8px;
        right: 8px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-upload .popin .fermer-popin span {
        display: none
    }

    #popin-upload .popin h1 {
        height: 46px;
        font-size: 1.6rem;
        line-height: 4.6rem;
        text-transform: uppercase;
        color: #FFF;
        background: #B0B1A6;
        padding: 0 20px;
        margin-bottom: 0
    }

    #popin-upload .popin .article {
        padding: 20px;
        font-size: 1.3em
    }

    #popin-upload .popin .article ul li {
        padding-left: 41px;
        margin-bottom: 30px;
        line-height: 2.4rem
    }

    #popin-upload .popin .article ul li:last-child {
        margin-bottom: 0
    }

    #popin-upload .popin .article .ordinateur {
        background: url(picto/ordi-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-upload .popin .article .drive {
        background: url(picto/drive-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-upload .popin .article .telephone {
        background: url(picto/mobile-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-cookies {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-cookies .popin {
        padding: 12px;
        font-size: 1.6rem;
        line-height: 150%;
        width: calc(100% - 16px)
    }

    #popin-cookies .popin .titre1 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: #381a0a;
        text-transform: uppercase;
        margin-bottom: 30px;
        margin-top: 0
    }

    #popin-cookies .popin .fermer-popin {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-cookies .popin .fermer-popin span {
        display: none
    }

    #popin-cookies .popin .article {
        margin-top: 40px
    }

    #popin-cookies .popin .article a:hover {
        text-decoration: none;
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article p {
        color: #381a0a;
        font-size: 1.6rem;
        line-height: 1.9rem
    }

    #popin-cookies .popin .article:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #popin-cookies .popin .article.intro {
        padding-bottom: 10px
    }

    #popin-cookies .popin .article.intro:after {
        content: "";
        display: block;
        clear: both
    }

    #popin-cookies .popin .article.intro a {
        display: inline-block;
        float: right;
        margin: 10px 0
    }

    #popin-cookies .popin .article.intro p {
        color: #381a0a;
        font-size: 1.6rem;
        line-height: 1.9rem
    }

    #popin-cookies .popin .article .titre2 {
        color: #381a0a;
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 2.9rem;
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 0
    }

    #popin-cookies .popin .article ul li {
        display: block;
        margin-top: 15px
    }

    #popin-cookies .popin .article ul li:after {
        content: "";
        display: block;
        clear: both
    }

    #popin-cookies .popin .article ul li .element {
        width: 100%
    }

    #popin-cookies .popin .article ul li .choix {
        width: 100%;
        text-align: right
    }

    #popin-cookies .popin .article ul li .choix a,#popin-cookies .popin .article ul li .choix button {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 700;
        display: inline-block;
        padding: 3px 12px;
        border-radius: 4px;
        background: #FFF;
        color: #0052ff;
        border: 1px solid #0052ff;
        float: left
    }

    #popin-cookies .popin .article ul li .choix a:hover,#popin-cookies .popin .article ul li .choix button:hover {
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article ul li .choix a.hover,#popin-cookies .popin .article ul li .choix button.hover {
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article ul li .choix a:last-child,#popin-cookies .popin .article ul li .choix button:last-child {
        margin-left: 15px
    }

    #popin-cookies .popin .article:last-child ul li .element {
        line-height: 30px
    }

    #popin-cookies .popin .article:last-child ul li .choix {
        padding-top: 0
    }
}

@media (min-width: 960px) {
    #bandeau-cnil {
        position:fixed;
        left: 0;
        bottom: 0;
        background: rgba(255,255,255,0.9);
        padding: 8px 140px 8px 10px;
        color: #381a0a;
        font-size: 1.6rem;
        -webkit-box-shadow: 0 0 15px -5px #381a0a;
        box-shadow: 0 0 15px -5px #381a0a;
        z-index: 2147483648;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #bandeau-cnil a,#bandeau-cnil a:hover {
        text-decoration: none;
        display: inline-block;
        padding: 5px 20px;
        background: #0052ff;
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 700;
        text-transform: uppercase;
        position: absolute;
        right: 10px;
        top: calc(50% - 15px)
    }

    #bandeau-cnil a:hover {
        background: #381a0a
    }

    #bandeau-cnil a#cnil-personnaliser,#bandeau-cnil a#cnil-personnaliser:hover {
        color: #0052ff;
        border: 1px solid #0052ff;
        position: static;
        border: 0;
        background: none;
        text-decoration: underline;
        text-transform: none;
        padding: 0;
        margin: 0;
        font-size: 1.6rem
    }

    #bandeau-cnil a#cnil-personnaliser:hover {
        color: #381a0a!important
    }

    #popin-email {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-email .popin {
        width: 780px;
        overflow: visible
    }

    #popin-email .popin .fermer-popin {
        position: absolute;
        top: -12px;
        right: -12px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-email .popin .fermer-popin span {
        display: none
    }

    #popin-email .popin h1 {
        height: 46px;
        font-size: 1.6rem;
        line-height: 4.6rem;
        text-transform: uppercase;
        color: #FFF;
        background: #B0B1A6;
        padding: 0 20px;
        margin-bottom: 0
    }

    #popin-email .popin .article {
        padding: 20px;
        font-size: 1.3em;
        overflow: hidden
    }

    #popin-email .popin .article form .formulaire {
        width: 100%;
        overflow: hidden
    }

    #popin-email .popin .article form .formulaire .champs {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 12px
    }

    #popin-email .popin .article form .formulaire .champs label {
        font-weight: 400;
        font-size: 1.6rem;
        color: #381a0a;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        position: relative
    }

    #popin-email .popin .article form .formulaire .champs input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-weight: 400;
        font-size: 1.6rem;
        color: #8B8178;
        background-color: #F2F2F2;
        border: 0;
        padding-left: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #popin-email .popin .article form .formulaire .champs input.error {
        border: 1px solid #F12626
    }

    #popin-email .popin .article form .formulaire .champs label.error {
        color: #F12626;
        font-weight: 400;
        font-size: 1.4rem;
        display: block;
        margin-top: 10px
    }

    #popin-email .popin .article form .formulaire .champs textarea {
        width: 100%;
        height: 200px;
        line-height: 1.8rem;
        font-weight: 400;
        font-size: 1.6rem;
        color: #8B8178;
        background-color: #F2F2F2;
        border: 0;
        padding: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #popin-email .popin .article form .formulaire .champs textarea.error {
        border: 1px solid #F12626
    }

    #popin-email .popin .article form .bouton .btbleu {
        height: 40px;
        line-height: 40px;
        width: 207px;
        border-radius: 3px;
        border: 0;
        background-color: #0052ff;
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 7px;
        position: relative;
        float: left;
        cursor: pointer
    }

    #popin-email .popin .article form .bouton .btbleu:after {
        content: " ";
        background-image: url(img/icons/fleche.png);
        background-repeat: no-repeat;
        display: inline-block;
        position: absolute;
        height: 12px;
        width: 7px;
        top: 17px;
        right: 10px;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .1s;
        transition-duration: .1s
    }

    #popin-email .popin .article form .bouton .btbleu:hover:after {
        -webkit-transform: translateX(px);
        transform: translateX(4px)
    }

    #popin-upload {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-upload .popin {
        width: 326px;
        overflow: visible
    }

    #popin-upload .popin .fermer-popin {
        position: absolute;
        top: -12px;
        right: -12px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-upload .popin .fermer-popin span {
        display: none
    }

    #popin-upload .popin h1 {
        height: 46px;
        font-size: 1.6rem;
        line-height: 46px;
        text-transform: uppercase;
        color: #FFF;
        background: #B0B1A6;
        padding: 0 20px;
        margin-bottom: 0
    }

    #popin-upload .popin .article {
        padding: 20px;
        font-size: 1.3em
    }

    #popin-upload .popin .article ul li {
        padding-left: 41px;
        margin-bottom: 30px;
        line-height: 24px
    }

    #popin-upload .popin .article ul li:last-child {
        margin-bottom: 0
    }

    #popin-upload .popin .article .ordinateur {
        background: url(picto/ordi-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-upload .popin .article .drive {
        background: url(picto/drive-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-upload .popin .article .telephone {
        background: url(picto/mobile-candidat.png) no-repeat left center;
        background-size: 24px 24px
    }

    #popin-cookies {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56,26,10,0.6);
        z-index: 2147483649
    }

    #popin-cookies .popin {
        padding: 20px;
        font-size: 1.6rem;
        line-height: 150%;
        width: 780px
    }

    #popin-cookies .popin .titre1 {
        font-size: 3rem;
        line-height: 3.4rem;
        font-weight: 500;
        color: #381a0a;
        text-transform: uppercase;
        margin-bottom: 30px;
        margin-top: 0
    }

    #popin-cookies .popin .fermer-popin {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/picto/croix-noir.svg) no-repeat
    }

    #popin-cookies .popin .fermer-popin span {
        display: none
    }

    #popin-cookies .popin .article {
        margin-top: 40px
    }

    #popin-cookies .popin .article a:hover {
        text-decoration: none;
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #popin-cookies .popin .article.intro:after {
        content: "";
        display: block;
        clear: both
    }

    #popin-cookies .popin .article.intro a {
        display: inline-block;
        float: right;
        margin: 10px 0
    }

    #popin-cookies .popin .article .titre2 {
        color: #381a0a;
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 2.8rem;
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 0
    }

    #popin-cookies .popin .article ul li {
        display: block;
        margin-top: 15px
    }

    #popin-cookies .popin .article ul li:after {
        content: "";
        display: block;
        clear: both
    }

    #popin-cookies .popin .article ul li .element {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 58.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    #popin-cookies .popin .article ul li .choix {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right
    }

    #popin-cookies .popin .article ul li .choix a,#popin-cookies .popin .article ul li .choix button {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 700;
        display: inline-block;
        padding: 3px 35px;
        border-radius: 4px;
        background: #FFF;
        color: #0052ff;
        border: 1px solid #0052ff;
        float: left
    }

    #popin-cookies .popin .article ul li .choix a:hover,#popin-cookies .popin .article ul li .choix button:hover {
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article ul li .choix a.hover,#popin-cookies .popin .article ul li .choix button.hover {
        background: #0052ff;
        color: #FFF
    }

    #popin-cookies .popin .article ul li .choix a:last-child,#popin-cookies .popin .article ul li .choix button:last-child {
        margin-left: 15px
    }

    #popin-cookies .popin .article:last-child ul li .element {
        line-height: 30px
    }

    #popin-cookies .popin .article:last-child ul li .choix {
        padding-top: 0
    }
}

#popin-ht {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(56,26,10,0.6);
    z-index: 2147483649
}

#popin-ht .popin {
    padding: 12px;
    font-size: 1.6rem;
    width: 300px;
    height: 300px
}

#popin-ht .popin .fermer-popin {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/picto/croix-noir.svg) no-repeat
}

#popin-ht .popin .fermer-popin span {
    display: none
}

#contactEnLigne .tabsButton {
    margin-top: 20px
}

#contactEnLigne .mat-tab-label,#contactEnLigne .mat-tab-label-content {
    height: 160px;
    display: block
}

#contactEnLigne .mat-tab-label .picto,#contactEnLigne .mat-tab-label-content .picto {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 10px
}

#contactEnLigne .mat-tab-body-content.ng-animating {
    overflow: hidden
}

#contactEnLigne .mat-tab-label-active,#contactEnLigne .mat-tab-label-active .mat-tab-label-content {
    height: 180px
}

#contactEnLigne .mat-tab-label-active .picto,#contactEnLigne .mat-tab-label-active .mat-tab-label-content .picto {
    width: 50px;
    height: 50px
}

#contactEnLigne .mat-expansion-panel-header-title {
    margin-right: 8px
}

#contactEnLigne .mat-expansion-panel-header-title h1,#contactEnLigne .mat-expansion-panel-header-title .h1,#contactEnLigne .mat-expansion-panel-header-title h2,#contactEnLigne .mat-expansion-panel-header-title .h2,#contactEnLigne .mat-expansion-panel-header-title h3,#contactEnLigne .mat-expansion-panel-header-title .h3,#contactEnLigne .mat-expansion-panel-header-title h4,#contactEnLigne .mat-expansion-panel-header-title .h4,#contactEnLigne .mat-expansion-panel-header-title h5,#contactEnLigne .mat-expansion-panel-header-title .h5,#contactEnLigne .mat-expansion-panel-header-title h6,#contactEnLigne .mat-expansion-panel-header-title .h6 {
    margin-bottom: 0
}

#contactEnLigne .mat-expansion-indicator {
    width: 20px;
    height: 20px;
    background: transparent 50% 50% no-repeat;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg7' width='24px' height='24px' viewBox='0 0 24 24' xml:space='preserve' version='1.1'%3E%3Cstyle%3E.st1%7Bfill:%23381A0A;%7D%3C/style%3E%3Cpath class='st1' d='M 22.849609,7.7169166 21.082031,5.9493385 12,15.03137 2.9179689,5.9493385 1.1503909,7.7169166 11.115235,17.683714 a 1.250125,1.250125 0 0 0 1.769531,0 z' /%3E%3C/svg%3E")
}

#contactEnLigne .mat-expansion-indicator:after {
    display: none
}

#contactEnLigne .picto {
    background: transparent no-repeat;
    background-size: 100%
}

#contactEnLigne .picto.telephone {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M16.5,13.2l-2.1,1.2c-0.5-0.4-1.5-1.1-2.6-2.1s-1.8-2-2.1-2.6l1.2-2.1L7.4,2L6.8,2.1c-0.1,0-2.5,0.2-4.2,2.3 c-1.8,2.3,0.2,7.4,4.9,12.1c3.5,3.5,7.3,5.5,9.9,5.5c0.9,0,1.6-0.2,2.2-0.7c2.1-1.6,2.3-4.1,2.3-4.2l0.1-0.6L16.5,13.2z M18.4,19.8c-1.1,0.8-5.1-0.4-9.4-4.7S3.4,6.7,4.2,5.6c0.7-0.9,1.6-1.3,2.2-1.4l2.1,3.4L7.8,8.9c-0.3,0.5-0.3,1.1,0,1.5 c0.3,0.5,1.2,1.8,2.6,3.2s2.7,2.3,3.2,2.6c0.5,0.3,1.1,0.3,1.5,0l1.4-0.8l3.4,2.1C19.7,18.2,19.3,19.1,18.4,19.8z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#contactEnLigne .picto.courrier {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M19,9.6V7.2l-7,4.6L5,7.2v2.4l7,4.6L19,9.6z M2,4v15h20V4H2z M20,17H4V6h16V17z'/%3E%3C/g%3E%3C/svg%3E")
}

#contactEnLigne .picto.mail {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M21.5,9c-1.1-4-5.1-7-9.5-7C6.5,2,2,6.5,2,12s4.5,10,10,10c1.6,0,3-0.3,4.4-1l-0.9-1.8 C14.4,19.7,13.2,20,12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c3.5,0,6.7,2.4,7.6,5.5c0.8,2.9-0.5,4.4-1.3,4.9c-1.1,0.8-2.5,0.8-3.1,0.4 c-0.4-0.3-0.4-0.7-0.2-1.4l1.3-4.5c-0.1-0.1-2.3-2.6-5.4-1.6C9,7.9,7.6,9.7,7.2,11.8c-0.3,1.5,0,3,0.9,4c0.6,0.8,1.5,1.2,2.5,1.2 c1.1,0,2.1-0.4,2.9-1.1c1.3,1.7,4.1,1.5,6,0.2C21.6,14.6,22.4,11.9,21.5,9z M13.1,12.6L13.1,12.6c-0.8,2.6-2.8,2.8-3.5,2 C9.2,14,9,13.1,9.2,12.2c0.3-1.4,1.2-2.6,2.3-3c0.9-0.3,1.7-0.1,2.5,0.4L13.1,12.6z'/%3E%3C/g%3E%3C/svg%3E")
}

#contactEnLigne .tab button.accordion {
    text-align: left;
    border: 0;
    background: none;
    white-space: nowrap
}

#contactEnLigne .tab button.accordion:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: transparent 50% 50% no-repeat;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cpath class='st1' d='M 8.7967189,3.8856704 7.4747624,5.2076269 14.267136,12 7.4747624,18.792373 8.7967189,20.114329 16.250801,12.661708 a 0.93495775,0.93495775 0 0 0 0,-1.323417 z' /%3E%3C/svg%3E")
}

#contactEnLigne .tab button.accordion.open:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#contactEnLigne .contrat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

#contactEnLigne .contrat.col-md-6:nth-child(odd) {
    padding-left: 0
}

#contactEnLigne .contrat.col-md-6:nth-child(even) {
    padding-right: 0
}

#contactEnLigne .contrat .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    #contactEnLigne .contrat .block {
        height:calc(100% - 20px)
    }
}

#contactEnLigne .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    margin-bottom: 24px;
    padding: 20px 16px;
    border: 1px solid #ddddd4
}

#contactEnLigne .block .blockTitre {
    display: block;
    padding: 0 16px 16px;
    margin: 0 -16px 20px;
    border-bottom: 1px solid #ddddd4;
    width: calc(100% + 32px);
    max-width: calc(100% + 32px)
}

#contactEnLigne .block .blockTitre h1,#contactEnLigne .block .blockTitre .h1,#contactEnLigne .block .blockTitre h2,#contactEnLigne .block .blockTitre .h2,#contactEnLigne .block .blockTitre h3,#contactEnLigne .block .blockTitre .h3,#contactEnLigne .block .blockTitre h4,#contactEnLigne .block .blockTitre .h4,#contactEnLigne .block .blockTitre h5,#contactEnLigne .block .blockTitre .h5,#contactEnLigne .block .blockTitre h6,#contactEnLigne .block .blockTitre .h6 {
    display: inline-block;
    margin: 0
}

#contactEnLigne .block > * {
    max-width: 100%
}

#contactEnLigne form {
    margin-bottom: 20px
}

#contactEnLigne .saveForm {
    margin-top: 30px;
    margin-bottom: 0
}

#contactEnLigne .prochainement {
    padding: 20px 0
}

@media screen and (max-width: 767px) {
    #contactEnLigne .block {
        margin-bottom:16px
    }
}

@media screen and (max-width: 767px) {
    #contactEnLigne .block {
        padding:15px 10px
    }

    #contactEnLigne .block .titre {
        padding-bottom: 5px
    }

    #contactEnLigne .block .blockTitre {
        padding: 0 10px 8px;
        margin: 0 -8px 15px;
        width: calc(100% + 20px)
    }
}

.popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(56,26,10,0.6)
}

.popup {
    position: absolute;
    top: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 16px);
    height: calc(100% - 120px);
    max-width: 800px;
    margin: 0 auto;
    min-height: 300px;
    max-height: 750px
}

.popup .popup-header {
    padding: 10px 10px 10px 20px;
    background: #9B9B9B
}

.popup .content {
    margin-bottom: 0;
    height: calc(100% - 67px);
    max-height: 100%;
    font-size: 1.4rem
}

.popup .content .row-fluid {
    height: 100%
}

.popup .content .popup-content-wrap {
    height: 100%
}

.popup .content table,.popup .content th,.popup .content td {
    border: 1px solid #391909;
    font-size: 1.2rem
}

.popup .content .divider {
    height: 0;
    margin: 0
}

.main.masterPage h1 {
    display: none
}

.main.contentPage {
    width: 100%
}

.main.contentPage h1 {
    text-transform: none
}

.main.contentPage h1 .icon {
    display: inline-block;
    width: 35px;
    margin-right: 15px;
    text-align: center
}

.main.contentPage h1 .icon img {
    width: 100%
}

.main.contentPage .date {
    color: #8B8178
}

.main .tile {
    margin-bottom: 24px
}

.main .mainContent .tile {
    padding: 0 8px
}

.main .mainContent .tile:nth-child(odd) {
    padding-left: 0
}

.main .mainContent .tile:nth-child(even) {
    padding-right: 0
}

.tileList {
    margin: 0;
    padding: 0
}

.tileList li {
    display: block;
    border-bottom: 1px solid #DDDDD4;
    margin: 0
}

.tileList li:before {
    content: none
}

.tileList li a,.tileList li a:hover,.tileList li a:visited {
    position: relative;
    display: block;
    padding: 9px 45px 9px 14px;
    text-decoration: none;
    font-size: 1.4rem;
    background-color: transparent
}

.tileList li a:after,.tileList li a:hover:after,.tileList li a:visited:after {
    content: "";
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: right .2s;
    transition: right .2s;
    visibility: visible
}

.tileList li a:hover {
    text-decoration: underline
}

.tileList li a:hover:after {
    right: 20px
}

.tileHeader {
    position: relative;
    display: block;
    height: 45px;
    padding: 0 14px;
    margin: 0
}

.tileHeader.ico {
    height: 55px;
    padding-left: 60px
}

.tileHeader .icon {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background-image: none
}

.tileHeader .icon img,.tileHeader .icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.tileHeader h2.titre,.tileHeader .titre {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding-right: 14px;
    text-transform: none;
    font-size: 1.7rem;
    line-height: 1.7rem
}

.tileHeader > button {
    display: none
}

.tileContent {
    width: 100%
}

.tileBody {
    position: relative;
    height: 215px;
    padding: 0;
    border-top: 1px solid
}

.tileBody .tileContent {
    height: 100%;
    padding: 14px 14px 55px;
    font-size: 1.4rem;
    line-height: 1.7rem
}

.tileBody .tileContent img {
    max-height: 100%
}

.tileBody.noSeparator {
    border-top: 0
}

.tileBody.noSeparator .tileContent {
    padding-top: 5px
}

.tileBody.noLink {
    padding-bottom: 0
}

.tileBody.noLink .tileContent {
    padding-bottom: 14px
}

.tileBody.noLink .tileLink {
    display: none
}

.tileBody p {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #381a0a
}

.tileBody .tileLink {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    padding: 15px 14px;
    width: 100%;
    height: 45px;
    background: #fff
}

.tileBody .tileLink a {
    display: inline-block;
    max-width: calc(100% - 28px);
    color: #0052ff;
    font-size: 1.3rem;
    text-decoration: underline
}

.tileBody .tileLink a:hover {
    background-color: transparent;
    color: #381a0a!important
}

.tileFooter {
    padding-top: 16px
}

.tileFooter .btn {
    position: relative;
    margin: 0;
    display: inline-block;
    height: 44px;
    min-width: 0;
    width: 100%;
    padding: 5px 34px 5px 12px;
    background-color: #0052ff;
    color: #FFF;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    border: 1px solid #0052ff;
    border-radius: 0!important;
    white-space: normal;
    overflow: hidden;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

.tileFooter .btn.invert {
    background-color: #FFF;
    color: #381a0a;
    border-color: #381a0a
}

.tileFooter .btn.invert:after {
    border-color: #381a0a
}

.tileFooter .btn.halfSize {
    width: calc(50% - 7px);
    margin-right: 5px
}

.tileFooter .btn.halfSize + .halfSize {
    margin-right: 0;
    margin-left: 5px
}

.tileFooter .btn.col1 {
    width: calc(8.333333% - 8px)
}

.tileFooter .btn.col2 {
    width: calc(16.666667% - 8px)
}

.tileFooter .btn.col3 {
    width: calc(25% - 8px)
}

.tileFooter .btn.col4 {
    width: calc(33.333333% - 8px)
}

.tileFooter .btn.col5 {
    width: calc(41.666667% - 8px)
}

.tileFooter .btn.col6 {
    width: calc(50% - 8px)
}

.tileFooter .btn.col7 {
    width: calc(58.333333% - 8px)
}

.tileFooter .btn.col8 {
    width: calc(66.666667% - 8px)
}

.tileFooter .btn.col9 {
    width: calc(75% - 8px)
}

.tileFooter .btn.col10 {
    width: calc(83.333333% - 8px)
}

.tileFooter .btn.col11 {
    width: calc(91.666667% - 8px)
}

.tileFooter .btn.col12 {
    width: 100%
}

.tileFooter .btn.ico:before {
    content: none;
    display: none
}

.tileFooter .btn.ico span {
    padding-left: 0
}

.tileFooter .btn.ico span:before {
    content: none;
    display: none
}

.tileFooter .btn.ico img {
    display: none
}

.tileFooter .btn.invert:hover,.tileFooter .btn:hover {
    color: #FFF!important;
    background-color: #381a0a;
    border-color: #381a0a
}

.completion {
    margin-bottom: 10px;
    height: auto;
    min-height: 15px
}

.completion:after {
    content: "";
    clear: both
}

.completion .completionBar {
    float: left;
    position: relative;
    margin: 8px 0;
    width: calc(100% - 80px);
    height: 5px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 2px
}

.completion .completionBar span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 5px;
    border-radius: 2px;
    background-color: #fff
}

.completion .completionScore {
    text-align: right;
    font-size: 2rem;
    line-height: 1.8rem;
    font-weight: 100
}

.newsList {
    display: block;
    margin-left: 10px;
    margin-bottom: 10px
}

.newsList .newsElement {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
    border-left: 2px dashed #381a0a
}

.newsList .newsElement:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -9px;
    background-color: #fff;
    border: 2px solid #381a0a;
    border-radius: 50%
}

.newsList .newsElement:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -5px;
    top: 4px;
    background-color: #381a0a;
    border-radius: 50%
}

.newsList .newsElement .text {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.newsList .newsElement .text.email:before,.newsList .newsElement .text.telephone:before,.newsList .newsElement .text.courrier:before,.newsList .newsElement .text.connexion:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: 50% 50% no-repeat;
    background-size: 100%;
    vertical-align: top
}

.newsList .newsElement .text.email:before {
    background-image: url(../img/picto/email-brun.svg)
}

.newsList .newsElement .text.telephone:before {
    background-image: url(../img/picto/telephone-brun.svg)
}

.newsList .newsElement .text.courrier:before {
    background-image: url(../img/picto/courrier-brun.svg)
}

.newsList .newsElement .text.connexion:before {
    background-image: url(../img/picto/multi-ecran-brun.svg)
}

.newsList .newsElement .time {
    display: block;
    margin-top: 0;
    font-size: 1.2rem;
    color: #8B8178
}

.tileColored.themeBlanc.blocEchanges .tileList li {
    border: none!important
}

.newsList .newsElement.old {
    border-color: #DDDDD4
}

.newsList .newsElement.old:before {
    border-color: #DDDDD4
}

.newsList .newsElement.old:after {
    background-color: #DDDDD4
}

.compactHeight .newsList {
    margin-left: 0;
    padding-left: 6px
}

.compactHeight .newsList .newsElement {
    margin-bottom: 6px;
    padding-bottom: 0
}

.tileBlock {
    border-top: 8px solid
}

.tileBlock.themeVert {
    border-color: #21C9A3
}

.tileBlock.themeViolet {
    border-color: #7667B7
}

.tileBlock.themeBleuRoi {
    border-color: #416AD4
}

.tileBlock.themeGrisVert {
    border-color: #7A7672
}

.tileBlock.themeVioletFonce {
    border-color: #891C7C
}

.tileBlock.themeRoseRouge {
    border-color: #D8496E
}

.tileBlock.themeBleuCanard {
    border-color: #0B838F
}

.tileBlock.themeBleu {
    border-color: #0052ff
}

.tileBlock.themeOrange {
    border-color: #CD5B1C
}

.tileBlock .tileHeader {
    background-color: #fff
}

.tileBlock .tileHeader h2.titre,.tileBlock .tileHeader .titre {
    color: #381a0a
}

.tileBlock .tileBody {
    background-color: #fff;
    border-color: #DDDDD4
}

.tileBlock.withFooter .tileBody {
    height: calc(215px - 60px)
}

.tileBlock .tileList li {
    border-color: #DDDDD4
}

.tileBlock .tileList li a,.tileBlock .tileList li a:hover,.tileBlock .tileList li a:visited {
    color: #391909!important
}

.tileBlock .tileList li a:after,.tileBlock .tileList li a:hover:after,.tileBlock .tileList li a:visited:after {
    border-color: #8B8178
}

.tileColored {
    color: #fff
}

.tileColored.themeVert {
    background-color: #21C9A3
}

.tileColored.themeViolet {
    background-color: #7667B7
}

.tileColored.themeBleuRoi {
    background-color: #416AD4
}

.tileColored.themeGrisVert {
    background-color: #7A7672
}

.tileColored.themeVioletFonce {
    background-color: #891C7C
}

.tileColored.themeRoseRouge {
    background-color: #D8496E
}

.tileColored.themeBleuCanard {
    background-color: #0B838F
}

.tileColored.themeBleu {
    background-color: #0052ff
}

.tileColored.themeOrange {
    background-color: #CD5B1C
}

.tileColored .tileHeader {
    height: calc(55px + 8px);
    border-top: 8px solid transparent
}

.tileColored .tileHeader .icon {
    top: 12px
}

.tileColored .tileList li {
    border-color: #DDDDD4
}

.tileColored .tileList li a,.tileColored .tileList li a:hover,.tileColored .tileList li a:visited {
    color: #391909!important
}

.tileColored .tileList li a:after,.tileColored .tileList li a:hover:after,.tileColored .tileList li a:visited:after {
    border-color: #8B8178
}

.tileColored:not(.themeBlanc) .tileHeader h2.titre,.tileColored:not(.themeBlanc) .tileHeader .titre {
    color: #fff
}

.tileColored:not(.themeBlanc) .tileBody {
    border-color: #fff
}

.tileColored:not(.themeBlanc) .tileBody p {
    color: #fff
}

.tileColored:not(.themeBlanc) .tileBody p a,.tileColored:not(.themeBlanc) .tileBody p a:visited {
    color: #fff;
    text-decoration: underline
}

.tileColored:not(.themeBlanc) .tileBody p a:hover {
    color: #381a0a!important;
    background-color: #fff
}

.tileColored:not(.themeBlanc) .tileBody .tileLink {
    background: transparent
}

.tileColored:not(.themeBlanc) .tileBody .tileLink a {
    color: #fff
}

.tileColored:not(.themeBlanc) .tileBody .tileLink a:hover {
    color: #fff!important
}

.tileColored:not(.themeBlanc) .tileList li {
    border-color: #fff
}

.tileColored:not(.themeBlanc) .tileList li a,.tileColored:not(.themeBlanc) .tileList li a:hover,.tileColored:not(.themeBlanc) .tileList li a:visited {
    color: #fff!important
}

.tileColored:not(.themeBlanc) .tileList li a:after,.tileColored:not(.themeBlanc) .tileList li a:hover:after,.tileColored:not(.themeBlanc) .tileList li a:visited:after {
    border-color: #fff
}

.tileColored.themeBlanc {
    background-color: #fff;
    color: #381a0a
}

.tileColored.themeBlanc .tileHeader h2.titre,.tileColored.themeBlanc .tileHeader .titre {
    color: #381a0a
}

.tileColored.themeBlanc .tileBody {
    border-color: #DDDDD4
}

.tileColored.themeBlanc .tileBody p {
    color: #391909
}

.tileColored.themeBlanc .tileBody p a,.tileColored.themeBlanc .tileBody p a:visited {
    color: #0052ff;
    text-decoration: underline
}

.tileColored.themeBlanc .tileBody p a:hover {
    color: #0052ff!important;
    background-color: #fff
}

.tileColored.compactHeight .tileHeader {
    height: 35px;
    border-top: 0
}

.tileColored.compactHeight .tileHeader.ico .icon {
    top: 5px
}

.tileColored.compactHeight .tileBody {
    height: 109px
}

.tileColored.compactHeight .tileBody:before {
    content: "";
    display: block;
    width: calc(100% - 28px);
    position: absolute;
    top: 0;
    left: 14px;
    border-top: 1px solid #DDDDD4
}

.tileColored.compactHeight .tileBody.noSeparator {
    padding-top: 5px
}

.tileColored.compactHeight .tileBody .tileContent {
    padding-bottom: 14px
}

.tileColored.compactHeight .tileLink {
    height: 40px;
    padding: 10px 14px 15px
}

.tileColored#vosDonneesPersonnelles.compactHeight .tileBody {
    height: 60px
}

.tileColored#vosDonneesPersonnelles.compactHeight .tileContent > p {
    display: none
}

.tileColored#vosActualites.compactHeight .tileBody {
    height: 148px;
    overflow: hidden
}

.tileColored#vosActualites.compactHeight .newsList > div {
    display: none
}

.tileColored#vosActualites.compactHeight .newsList > div:nth-child(1),.tileColored#vosActualites.compactHeight .newsList > div:nth-child(2),.tileColored#vosActualites.compactHeight .newsList > div:nth-child(3) {
    display: block
}

.blocActus .titre,.blocEchanges .titre {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #DDDDD4
}

.blocActus .titre h2.titre,.blocEchanges .titre h2.titre {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    font-size: 3rem;
    font-weight: 400;
    border: 0
}

.blocActus .titre a,.blocEchanges .titre a {
    font-size: 1.4rem;
    text-decoration: underline
}

.blocActus .titre a.toutvoir,.blocEchanges .titre a.toutvoir {
    display: inline-block
}

.blocActus .tileBody,.blocActus .tileBody .tileContent,.blocEchanges .tileBody,.blocEchanges .tileBody .tileContent {
    height: auto
}

.blocActus .tileBody {
    padding-bottom: 20px
}

.blocActus .tileBody .tileContent {
    padding: 0
}

.blocActus .owl-carousel .owl-stage,.blocActus .owl-carousel .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blocActus .owl-carousel .owl-nav {
    padding: 0 70px
}

.blocActus .actu {
    display: block;
    width: 100%;
    border: 1px solid #DDDDD4
}

.blocActus .actu a,.blocActus .actu a:hover {
    text-decoration: none
}

.blocActus .actu .visu {
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden
}

.blocActus .actu .visu > a {
    position: relative;
    height: 170px;
    position: relative;
    background-color: #00E8FF;
    display: block
}

.blocActus .actu .visu .chapeau {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    padding: 0;
    height: calc(100% - 70px);
    width: calc(100% - 40px);
    background-color: transparent;
    color: #381A0A;
    font-size: 1.8rem;
    line-height: 2rem;
    overflow: hidden
}

.blocActus .actu .visu .tags-link {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    pointer-events: none
}

.blocActus .actu .visu .tags-link a {
    display: inline-block;
    padding: 5px;
    margin: 0 0 10px 10px;
    color: #FFF;
    background-color: #0052ff;
    font-size: 1.2rem;
    line-height: 1.3rem;
    text-decoration: none
}

.blocActus .actu .visu .tags-link a:hover,.blocActus .actu .visu .tags-link a:focus {
    color: #fff!important;
    background-color: #381a0a
}

.blocActus .actu .visu .tag {
    display: block;
    padding: 0 8px;
    height: 18px;
    min-width: 82px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #FFF;
    background-color: #0052ff;
    font-size: 13px;
    line-height: 18px
}

.blocActus .actu .visu img {
    max-height: none
}

.blocActus .actu .descriptif {
    padding: 14px 20px 20px;
    text-align: left;
    color: #381a0a;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.blocActus .actu .descriptif .date-actu,.blocActus .actu .descriptif .date {
    color: #8B8178;
    font-weight: 500
}

.blocActus .actu .descriptif p br {
    display: none
}

.blocActus .owl-item:nth-child(5n+1) .actu .visu > a {
    background-color: #FF91DE
}

.blocActus .owl-item:nth-child(5n+2) .actu .visu > a {
    background-color: #29FF9C
}

.blocActus .owl-item:nth-child(5n+3) .actu .visu > a {
    background-color: #FFF078
}

.blocActus .owl-item:nth-child(5n+4) .actu .visu > a {
    background-color: #381a0a
}

.blocActus .owl-item:nth-child(5n+4) .chapeau {
    color: #FFF
}

.blocChoisir {
    margin-left: -8px;
    margin-right: -8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% + 16px);
    flex: 0 0 calc(100% + 16px)
}

.blocChoisir > article {
    margin-top: 20px
}

.blocChoisir .description {
    display: block;
    font-size: 1.4rem
}

.blocChoisir .description .img-off2018 {
    height: 100px;
    background-size: 100%;
    overflow: hidden
}

.blocChoisir .description .img-off2018 img {
    width: 100%
}

.blocChoisir .description .titre-off2018 {
    position: relative;
    width: 100%;
    height: 3.8rem;
    margin-top: 0;
    padding: 0 35px 0 20px;
    background: #0052ff;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 3.8rem;
    font-weight: 500
}

.blocChoisir .description .titre-off2018 p {
    color: #fff
}

.blocChoisir .description .titre-off2018:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
    width: 16px;
    height: 16px;
    -webkit-transition: right .2s;
    transition: right .2s;
    background: url(../img/picto/chevron-blanc.svg) no-repeat;
    background-size: 100%
}

.blocChoisir .description .descriptif-off2018 {
    color: #381a0a
}

.blocChoisir .description:hover {
    text-decoration: none
}

.blocChoisir .description:hover .titre-off2018 {
    background-color: #381a0a
}

.blocChoisir .description:hover .titre-off2018:after {
    right: 5px
}

@media screen and (min-width: 1200px) {
    .blocChoisir .description .img-off2018 {
        height:115px
    }
}

.bannConnex {
    margin-left: -8px;
    margin-right: -8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% + 16px);
    flex: 0 0 calc(100% + 16px);
    font-size: 1.4rem
}

.bannConnex > article {
    margin-top: 20px
}

.bannConnex .colConnex {
    position: relative;
    padding: 20px 30px;
    background: #FFF
}

.bannConnex .colConnex h3 {
    font-size: 2.4rem;
    line-height: 2.6rem
}

.bannConnex .colConnex .cta-bleu,.bannConnex .colConnex .cta-marron,.bannConnex .colConnex .cta-brun {
    margin-right: 5px
}

.bannConnex .colConnex:first-child {
    overflow: hidden;
    min-height: 250px
}

.bannConnex .colConnex:first-child img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width: 959px) {
    .bannConnex {
        padding:0 8px
    }

    .bannConnex .cta-bleu,.bannConnex .cta-marron,.bannConnex .cta-brun {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .bannConnex .colConnex:first-child {
        display:none
    }
}

.aside {
    background: #fff
}

.aside > .container {
    width: 100%!important;
    max-width: 940px;
    padding-top: 35px
}

.aside .asideTitle {
    display: block;
    margin: 0 0 20px;
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 500
}

.aside .pushBlock,.aside .pushBlock:hover,.aside .pushBlock:visited {
    background: -webkit-gradient(linear,left top,left bottom,from(#00B1DB),to(#01D4EF));
    background: linear-gradient(to bottom,#00B1DB,#01D4EF);
    position: relative;
    width: calc(33.33% - 13.33px);
    min-height: 195px;
    margin: 0 10px 20px 0;
    padding: 15px 45px;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #fff;
    overflow: hidden
}

.aside .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock,.aside .pushBlock:visited + .pushBlock {
    margin: 0 10px 20px
}

.aside .pushBlock + .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock + .pushBlock,.aside .pushBlock:visited + .pushBlock + .pushBlock {
    margin: 0 0 20px 10px
}

.aside .pushBlock .pushBg,.aside .pushBlock:hover .pushBg,.aside .pushBlock:visited .pushBg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .3;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0
}

.aside .pushBlock .pushTitle,.aside .pushBlock:hover .pushTitle,.aside .pushBlock:visited .pushTitle {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 20px;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.1rem;
    z-index: 1
}

.aside .pushBlock .pushText,.aside .pushBlock:hover .pushText,.aside .pushBlock:visited .pushText {
    position: relative;
    margin: 0;
    padding: 8px 0;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    z-index: 1
}

.aside .pushBlock .pushText.ico,.aside .pushBlock:hover .pushText.ico,.aside .pushBlock:visited .pushText.ico {
    position: relative;
    padding-left: 35px
}

.aside .pushBlock .pushText.ico .icon,.aside .pushBlock:hover .pushText.ico .icon,.aside .pushBlock:visited .pushText.ico .icon {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background-image: none
}

.aside .pushBlock .pushText.ico .icon img,.aside .pushBlock .pushText.ico .icon svg,.aside .pushBlock:hover .pushText.ico .icon img,.aside .pushBlock:hover .pushText.ico .icon svg,.aside .pushBlock:visited .pushText.ico .icon img,.aside .pushBlock:visited .pushText.ico .icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.aside .pushBlock .pushLink,.aside .pushBlock:hover .pushLink,.aside .pushBlock:visited .pushLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    z-index: 1
}

.aside .pushBlock .pushLink .link,.aside .pushBlock:hover .pushLink .link,.aside .pushBlock:visited .pushLink .link {
    text-decoration: none
}

.aside .pushBlock .pushLink .link:hover,.aside .pushBlock:hover .pushLink .link:hover,.aside .pushBlock:visited .pushLink .link:hover {
    text-decoration: underline
}

.aside .pushBlock .pushLink a,.aside .pushBlock .pushLink a:hover,.aside .pushBlock .pushLink a:visited,.aside .pushBlock:hover .pushLink a,.aside .pushBlock:hover .pushLink a:hover,.aside .pushBlock:hover .pushLink a:visited,.aside .pushBlock:visited .pushLink a,.aside .pushBlock:visited .pushLink a:hover,.aside .pushBlock:visited .pushLink a:visited {
    color: #fff!important;
    background-color: transparent;
    font-size: 1.2rem;
    z-index: 1;
    padding: 20px 40px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.aside .pushBlock .pushLink .btn,.aside .pushBlock .pushLink .btn:hover,.aside .pushBlock .pushLink .btn:visited,.aside .pushBlock:hover .pushLink .btn,.aside .pushBlock:hover .pushLink .btn:hover,.aside .pushBlock:hover .pushLink .btn:visited,.aside .pushBlock:visited .pushLink .btn,.aside .pushBlock:visited .pushLink .btn:hover,.aside .pushBlock:visited .pushLink .btn:visited {
    margin-bottom: 0;
    padding: 20px 26px;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.aside .pushBlock .pushLink .btn:before,.aside .pushBlock .pushLink .btn:hover:before,.aside .pushBlock .pushLink .btn:visited:before,.aside .pushBlock:hover .pushLink .btn:before,.aside .pushBlock:hover .pushLink .btn:hover:before,.aside .pushBlock:hover .pushLink .btn:visited:before,.aside .pushBlock:visited .pushLink .btn:before,.aside .pushBlock:visited .pushLink .btn:hover:before,.aside .pushBlock:visited .pushLink .btn:visited:before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 15px;
    display: block;
    width: calc(100% - 40px);
    height: 25px;
    border: 1px solid #fff
}

.aside .pushBlock .pushLink .btn.white,.aside .pushBlock .pushLink .btn:hover.white,.aside .pushBlock .pushLink .btn:visited.white,.aside .pushBlock:hover .pushLink .btn.white,.aside .pushBlock:hover .pushLink .btn:hover.white,.aside .pushBlock:hover .pushLink .btn:visited.white,.aside .pushBlock:visited .pushLink .btn.white,.aside .pushBlock:visited .pushLink .btn:hover.white,.aside .pushBlock:visited .pushLink .btn:visited.white {
    background-color: #fff;
    color: #381a0a!important;
    border: 0;
    font-weight: 500
}

.aside .pushBlock .pushLink .btn:after,.aside .pushBlock .pushLink .btn:hover:after,.aside .pushBlock .pushLink .btn:visited:after,.aside .pushBlock:hover .pushLink .btn:after,.aside .pushBlock:hover .pushLink .btn:hover:after,.aside .pushBlock:hover .pushLink .btn:visited:after,.aside .pushBlock:visited .pushLink .btn:after,.aside .pushBlock:visited .pushLink .btn:hover:after,.aside .pushBlock:visited .pushLink .btn:visited:after {
    display: none
}

.aside .pushBlock .pushLink .btn:hover:before,.aside .pushBlock:hover .pushLink .btn:hover:before,.aside .pushBlock:visited .pushLink .btn:hover:before {
    background-color: rgba(255,255,255,0.3)
}

.aside .pushBlock.service,.aside .pushBlock:hover.service,.aside .pushBlock:visited.service {
    background: #381a0a
}

.aside .pushBlock.service .pushBg,.aside .pushBlock:hover.service .pushBg,.aside .pushBlock:visited.service .pushBg {
    opacity: .5
}

.aside .pushBlock.service .pushTitle.ico,.aside .pushBlock:hover.service .pushTitle.ico,.aside .pushBlock:visited.service .pushTitle.ico {
    padding-top: 55px
}

.aside .pushBlock.service .pushTitle.ico .icon,.aside .pushBlock:hover.service .pushTitle.ico .icon,.aside .pushBlock:visited.service .pushTitle.ico .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: none
}

.aside .pushBlock.service .pushTitle.ico .icon img,.aside .pushBlock.service .pushTitle.ico .icon svg,.aside .pushBlock:hover.service .pushTitle.ico .icon img,.aside .pushBlock:hover.service .pushTitle.ico .icon svg,.aside .pushBlock:visited.service .pushTitle.ico .icon img,.aside .pushBlock:visited.service .pushTitle.ico .icon svg {
    width: 100%;
    height: 100%
}

.aside .pushBlock.crossSell .pushTitle,.aside .pushBlock:hover.crossSell .pushTitle,.aside .pushBlock:visited.crossSell .pushTitle {
    padding-top: 15px
}

.aside .pushBlock.crossSell .pushTitle:before,.aside .pushBlock:hover.crossSell .pushTitle:before,.aside .pushBlock:visited.crossSell .pushTitle:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 25%;
    width: 50%;
    height: 1px;
    background-color: #fff
}

.aside .pushBannerClick {
    padding: 15px 0
}

.aside .pushBannerClick > .container {
    width: 100%!important;
    max-width: 940px
}

.aside .pushBannerClick > .container[onclick] {
    cursor: pointer
}

.aside .pushBannerClick .pushImg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: left
}

.aside .pushBannerClick .pushImg img {
    max-height: 100%
}

.aside .pushBannerClick .pushImg.rightSide {
    left: 50%;
    text-align: right
}

.aside .pushBannerClick .pushBlock,.aside .pushBannerClick .pushBlock:hover,.aside .pushBannerClick .pushBlock:visited {
    width: 50%;
    margin: 0;
    padding: 20px 5px 60px;
    min-height: 0;
    background: none;
    text-align: left;
    color: #381a0a
}

.aside .pushBannerClick .pushBlock .pushTitle,.aside .pushBannerClick .pushBlock:hover .pushTitle,.aside .pushBannerClick .pushBlock:visited .pushTitle {
    padding-top: 5px;
    margin-bottom: 20px
}

.aside .pushBannerClick .pushBlock .pushText,.aside .pushBannerClick .pushBlock:hover .pushText,.aside .pushBannerClick .pushBlock:visited .pushText {
    color: #381a0a
}

.aside .pushBannerClick .pushBlock .pushLink,.aside .pushBannerClick .pushBlock:hover .pushLink,.aside .pushBannerClick .pushBlock:visited .pushLink {
    padding: 0
}

.aside .pushBannerClick .pushBlock .pushLink .btn,.aside .pushBannerClick .pushBlock:hover .pushLink .btn,.aside .pushBannerClick .pushBlock:visited .pushLink .btn {
    padding: 10px 20px;
    color: #0052ff;
    background-color: #fff;
    font-size: 1.6rem
}

.aside .pushBannerClick .pushBlock .pushLink .btn.blue,.aside .pushBannerClick .pushBlock:hover .pushLink .btn.blue,.aside .pushBannerClick .pushBlock:visited .pushLink .btn.blue {
    color: #fff;
    background-color: #0052ff
}

.aside .pushBannerClick .pushBlock .pushLink .btn + .btn,.aside .pushBannerClick .pushBlock:hover .pushLink .btn + .btn,.aside .pushBannerClick .pushBlock:visited .pushLink .btn + .btn {
    margin-left: 10px
}

.aside .pushMaSante {
    background: -webkit-gradient(linear,left top,left bottom,from(#00B1DB),to(#01D4EF));
    background: linear-gradient(to bottom,#00B1DB,#01D4EF);
    padding: 30px 0 15px
}

.aside .pushMaSante > .container {
    width: 100%!important;
    max-width: 940px;
    margin: 0 auto
}

.aside .pushMaSante .pushImg {
    text-align: center
}

.aside .pushMaSante .pushImg img {
    height: 275px
}

.aside .pushMaSante .pushBlock,.aside .pushMaSante .pushBlock:hover,.aside .pushMaSante .pushBlock:visited {
    width: 50%;
    margin: 0;
    padding: 20px 5px 60px;
    min-height: 0;
    background: none;
    text-align: left
}

.aside .pushMaSante .pushBlock .pushLink,.aside .pushMaSante .pushBlock:hover .pushLink,.aside .pushMaSante .pushBlock:visited .pushLink {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: auto;
    z-index: 1;
    padding: 0 10px
}

.aside .pushMaSante .pushBlock .pushLink a,.aside .pushMaSante .pushBlock .pushLink a:hover,.aside .pushMaSante .pushBlock .pushLink a:visited,.aside .pushMaSante .pushBlock:hover .pushLink a,.aside .pushMaSante .pushBlock:hover .pushLink a:hover,.aside .pushMaSante .pushBlock:hover .pushLink a:visited,.aside .pushMaSante .pushBlock:visited .pushLink a,.aside .pushMaSante .pushBlock:visited .pushLink a:hover,.aside .pushMaSante .pushBlock:visited .pushLink a:visited {
    position: static;
    display: inline-block;
    left: auto;
    bottom: auto;
    width: auto;
    padding: 10px 20px;
    border-radius: 0!important
}

.aside .pushMaSante .pushBlock .pushLink .btn,.aside .pushMaSante .pushBlock .pushLink .btn:hover,.aside .pushMaSante .pushBlock .pushLink .btn:visited,.aside .pushMaSante .pushBlock:hover .pushLink .btn,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover,.aside .pushMaSante .pushBlock:hover .pushLink .btn:visited,.aside .pushMaSante .pushBlock:visited .pushLink .btn,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover,.aside .pushMaSante .pushBlock:visited .pushLink .btn:visited {
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    -webkit-transition: none;
    transition: none
}

.aside .pushMaSante .pushBlock .pushLink .btn:last-child,.aside .pushMaSante .pushBlock .pushLink .btn:hover:last-child,.aside .pushMaSante .pushBlock .pushLink .btn:visited:last-child,.aside .pushMaSante .pushBlock:hover .pushLink .btn:last-child,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover:last-child,.aside .pushMaSante .pushBlock:hover .pushLink .btn:visited:last-child,.aside .pushMaSante .pushBlock:visited .pushLink .btn:last-child,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover:last-child,.aside .pushMaSante .pushBlock:visited .pushLink .btn:visited:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.aside .pushMaSante .pushBlock .pushLink .btn:before,.aside .pushMaSante .pushBlock .pushLink .btn:hover:before,.aside .pushMaSante .pushBlock .pushLink .btn:visited:before,.aside .pushMaSante .pushBlock:hover .pushLink .btn:before,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover:before,.aside .pushMaSante .pushBlock:hover .pushLink .btn:visited:before,.aside .pushMaSante .pushBlock:visited .pushLink .btn:before,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover:before,.aside .pushMaSante .pushBlock:visited .pushLink .btn:visited:before {
    display: none
}

.aside .pushMaSante .pushBlock .pushLink .btn:hover,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover {
    background-color: #381a0a!important;
    color: #fff!important
}

.aside .bloc-newoffres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.aside .bloc-newoffres .paddoff {
    padding-bottom: 30px
}

.aside .bloc-newoffres .titre {
    margin-bottom: 25px;
    margin-top: 0;
    width: 100%;
    font-size: 3rem;
    line-height: 3.4rem
}

.aside .bloc-newoffres .titre h2 {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    font-size: 3rem;
    line-height: 3.4rem;
    font-weight: 400
}

@media (max-width: 959px) {
    .aside .bloc-newoffres .titre {
        margin-bottom:12px
    }

    .aside .bloc-newoffres .titre h2,.aside .bloc-newoffres .titre h3,.aside .bloc-newoffres .titre h4 {
        font-size: 2.6rem
    }

    #listcommune {
        z-index: 1111
    }
}

.aside .bloc-newoffres .titre .toutvoir {
    color: #0052ff;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: underline;
    text-transform: none
}

.aside .bloc-newoffres .titre .toutvoir:hover {
    color: #381a0a!important;
    background: none!important
}

.aside .bloc-newoffres .newoffres {
    padding: 0;
    margin: 0;
    text-decoration: none;
    position: relative;
    display: block;
    /* width: 100%; */
    width: calc(100% - 20px);
}
@media (max-width:767px) {
    .aside .bloc-newoffres .newoffres {
        width: calc(100% - 12px);
    }     
}

.aside .bloc-newoffres .newoffres .bloc-image {
    display: block;
    position: relative;
    width: 100%;
    height: 105px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.aside .bloc-newoffres .newoffres .bloc-contenu {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: #381a0a;
    padding: 15px 15px 62px;
    margin: 0
}

@media (max-width: 959px) {
    .aside .bloc-newoffres .newoffres .bloc-contenu {
        padding:8px 8px 62px
    }
}

.aside .bloc-newoffres .newoffres .bloc-contenu .titre-formules {
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 700;
    color: #381a0a;
    text-transform: none;
    width: 100%;
    display: block;
    margin-bottom: 35px
}

.aside .bloc-newoffres .newoffres .bloc-contenu .titre-formules img {
    max-width: 18px;
    width: auto;
    margin-right: 6px;
    display: block;
    float: left
}

.aside .bloc-newoffres .newoffres .bloc-contenu .titre-formules span {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding-top: 2px;
    font-weight: 700;
    color: #381a0a;
    float: left
}

.aside .bloc-newoffres .newoffres .bloc-contenu .contenu-formules {
    display: block;
    width: 100%;
    min-height: 57px;
    color: #381a0a;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 500
}

@media (max-width: 959px) {
    .aside .bloc-newoffres .newoffres .bloc-contenu .contenu-formules {
        min-height:60px
    }
}

.aside .bloc-newoffres .newoffres .bloc-contenu .bloc-formules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.aside .bloc-newoffres .newoffres .bloc-contenu .bloc-formules .formules {
    width: calc(100% - 6px);
    height: 80px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 500;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #381a0a
}

.aside .bloc-newoffres .newoffres .bloc-contenu .bloc-formules .formules:first-child {
    background-color: #381a0a;
    border: 1px solid #381a0a
}

.aside .bloc-newoffres .newoffres .bloc-lien {
    position: absolute;
    width: calc(100% - 30px);
    height: 34px;
    display: block;
    bottom: 15px;
    left: 15px;
    text-align: left
}

@media (max-width: 959px) {
    .aside .bloc-newoffres .newoffres .bloc-lien {
        left:8px
    }
}

.aside .bloc-newoffres .newoffres .bloc-lien .cta-marron,.aside .bloc-newoffres .newoffres .bloc-lien .cta-marron:hover,.aside .bloc-newoffres .newoffres .bloc-lien .cta-marron:focus,.aside .bloc-newoffres .newoffres .bloc-lien .cta-marron.active {
    border-color: transparent
}

@media screen and (min-width: 960px) {
    .charte2018 .navigation > .container {
        display:table!important
    }

    .tileBlock .tileBody,.tileBlock .tileFooter {
        display: block!important
    }
}

@media screen and (min-width: 1200px) {
    .main .mainContent .tile {
        padding:0 8px
    }

    .main .mainContent .tile:nth-child(odd) {
        padding-left: 0
    }

    .main .mainContent .tile:nth-child(even) {
        padding-right: 0
    }

    .tileHeader {
        height: 80px
    }

    .tileHeader.ico {
        padding-left: 80px;
        height: 80px
    }

    .tileHeader .icon {
        top: 22px;
        left: 20px;
        width: 35px;
        height: 35px
    }

    .tileHeader h2.titre,.tileHeader .titre {
        font-size: 2rem;
        line-height: 2rem
    }

    .tileBody {
        height: 290px
    }

    .tileBody .tileContent {
        padding: 15px 15px 65px;
        font-size: 1.6rem;
        line-height: 2.2rem
    }

    .tileBody p {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .tileBody .tileLink {
        height: 65px;
        padding: 20px 15px
    }

    .tileBody .tileLink a {
        font-size: 1.4rem
    }

    .tileFooter {
        padding-top: 24px
    }

    .tileFooter .btn,.tileFooter .btn:hover {
        font-size: 1.4rem
    }

    .tileList li a,.tileList li a:hover,.tileList li a:visited {
        padding: 19px 55px 18px 15px;
        font-size: 1.6rem
    }

    .tileList li a:after,.tileList li a:hover:after,.tileList li a:visited:after {
        right: 45px;
        width: 12px;
        height: 12px
    }

    .tileList li a:hover:after {
        right: 30px
    }

    .completion {
        margin-bottom: 15px
    }

    .completion .completionScore {
        font-size: 2.2rem;
        line-height: 2.2rem
    }

    .newsList {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .newsList .newsElement {
        border-left-width: 2px;
        padding-left: 20px;
        padding-bottom: 5px
    }

    .newsList .newsElement:before {
        width: 18px;
        height: 18px;
        position: absolute;
        left: -10px;
        border-width: 2px
    }

    .newsList .newsElement:after {
        width: 10px;
        height: 10px;
        position: absolute;
        left: -6px;
        top: 4px
    }

    .newsList .newsElement .text {
        font-size: 1.6rem;
        line-height: 1.8rem
    }

    .newsList .newsElement .text.email:before,.newsList .newsElement .text.telephone:before,.newsList .newsElement .text.courrier:before,.newsList .newsElement .text.connexion:before {
        width: 20px;
        height: 20px
    }

    .newsList .newsElement .time {
        margin-top: 5px;
        font-size: 1.4rem;
        line-height: 1.4rem
    }

    .compactHeight .newsList .newsElement {
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .tileBlock {
        border-top: 10px solid
    }

    .tileBlock.withFooter .tileBody {
        height: calc(290px - 80px)
    }

    .tileColored .tileHeader {
        border-top: 10px solid transparent
    }

    .tileColored .tileHeader.ico {
        height: calc(80px + 10px)
    }

    .tileColored .tileHeader .icon {
        top: 18px
    }

    .tileColored.compactHeight .tileHeader {
        height: 45px
    }

    .tileColored.compactHeight .tileHeader.ico .icon {
        top: 10px
    }

    .tileColored.compactHeight .tileBody {
        height: 145px
    }

    .tileColored.compactHeight .tileLink {
        height: 45px;
        padding: 10px 15px 15px
    }

    .tileColored#vosDonneesPersonnelles.compactHeight .tileBody {
        height: 80px
    }

    .tileColored#vosActualites.compactHeight .tileBody {
        height: 210px
    }

    .aside > #BLOCK_LIST_OFFRES .container.nosoffres {
        width: calc(100% - 32px) !important;
        max-width: 1200px;
    }

    .aside .asideTitle {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 40px
    }

    .aside .pushBlock,.aside .pushBlock:hover,.aside .pushBlock:visited {
        width: calc(33.33% - 20px);
        min-height: 280px;
        margin: 0 15px 30px 0;
        padding: 30px 45px
    }

    .aside .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock,.aside .pushBlock:visited + .pushBlock {
        margin: 0 15px 30px
    }

    .aside .pushBlock + .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock + .pushBlock,.aside .pushBlock:visited + .pushBlock + .pushBlock {
        margin: 0 0 30px 15px
    }

    .aside .pushBlock .pushTitle,.aside .pushBlock:hover .pushTitle,.aside .pushBlock:visited .pushTitle {
        margin-bottom: 20px;
        padding-top: 30px;
        font-size: 2.4rem;
        line-height: 2.7rem
    }

    .aside .pushBlock .pushText,.aside .pushBlock:hover .pushText,.aside .pushBlock:visited .pushText {
        padding: 14px 0;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .aside .pushBlock .pushText.ico,.aside .pushBlock:hover .pushText.ico,.aside .pushBlock:visited .pushText.ico {
        padding-left: 45px
    }

    .aside .pushBlock .pushText.ico .icon,.aside .pushBlock:hover .pushText.ico .icon,.aside .pushBlock:visited .pushText.ico .icon {
        top: 10px;
        left: 0;
        width: 32px;
        height: 32px
    }

    .aside .pushBlock .pushLink,.aside .pushBlock:hover .pushLink,.aside .pushBlock:visited .pushLink {
        left: 0;
        bottom: 20px;
        width: 100%;
        z-index: 1
    }

    .aside .pushBlock .pushLink .link,.aside .pushBlock .pushLink a,.aside .pushBlock .pushLink a:hover,.aside .pushBlock .pushLink a:visited,.aside .pushBlock .pushLink .btn,.aside .pushBlock .pushLink .btn:hover,.aside .pushBlock .pushLink .btn:visited,.aside .pushBlock:hover .pushLink .link,.aside .pushBlock:hover .pushLink a,.aside .pushBlock:hover .pushLink a:hover,.aside .pushBlock:hover .pushLink a:visited,.aside .pushBlock:hover .pushLink .btn,.aside .pushBlock:hover .pushLink .btn:hover,.aside .pushBlock:hover .pushLink .btn:visited,.aside .pushBlock:visited .pushLink .link,.aside .pushBlock:visited .pushLink a,.aside .pushBlock:visited .pushLink a:hover,.aside .pushBlock:visited .pushLink a:visited,.aside .pushBlock:visited .pushLink .btn,.aside .pushBlock:visited .pushLink .btn:hover,.aside .pushBlock:visited .pushLink .btn:visited {
        font-size: 1.6rem
    }

    .aside .pushBlock.service .pushTitle.ico,.aside .pushBlock:hover.service .pushTitle.ico,.aside .pushBlock:visited.service .pushTitle.ico {
        padding-top: 75px
    }

    .aside .pushBlock.service .pushTitle.ico .icon,.aside .pushBlock:hover.service .pushTitle.ico .icon,.aside .pushBlock:visited.service .pushTitle.ico .icon {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 10px
    }

    .aside .pushBlock.crossSell .pushTitle,.aside .pushBlock:hover.crossSell .pushTitle,.aside .pushBlock:visited.crossSell .pushTitle {
        padding-top: 20px
    }

    .aside .pushBlock.crossSell .pushTitle:before,.aside .pushBlock:hover.crossSell .pushTitle:before,.aside .pushBlock:visited.crossSell .pushTitle:before {
        bottom: -15px
    }

    .aside .pushBannerClick {
        padding: 40px 0 20px
    }

    .aside .pushBannerClick > .container {
        width: calc(100% - 20px)!important;
        max-width: calc(1440px - 20px)
    }

    .aside .pushMaSante {
        padding: 40px 0 20px
    }

    .aside .pushMaSante > .container {
        width: calc(100% - 20px)!important;
        max-width: calc(1440px - 20px)
    }

    .aside .pushMaSante .pushImg {
        text-align: center
    }

    .aside .pushMaSante .pushImg img {
        height: 430px
    }

    .aside .pushMaSante .pushBlock,.aside .pushMaSante .pushBlock:hover,.aside .pushMaSante .pushBlock:visited {
        width: 50%;
        padding: 30px 10px 80px;
        min-height: 0;
        background: none;
        text-align: left
    }

    .aside .pushMaSante .pushBlock .pushLink .btn,.aside .pushMaSante .pushBlock .pushLink .btn:hover,.aside .pushMaSante .pushBlock .pushLink .btn:visited,.aside .pushMaSante .pushBlock:hover .pushLink .btn,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover,.aside .pushMaSante .pushBlock:hover .pushLink .btn:visited,.aside .pushMaSante .pushBlock:visited .pushLink .btn,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover,.aside .pushMaSante .pushBlock:visited .pushLink .btn:visited {
        font-size: 1.6rem;
        margin-right: 10px
    }
}

@media screen and (max-width: 959px) {
    .popup {
        top:60px;
        width: calc(100% - 16px);
        height: calc(100% - 120px)
    }

    .popup .popup-header {
        padding: 8px 5px;
        background: #9B9B9B
    }

    .popup .content {
        padding: 8px;
        height: calc(100% - 100px)
    }

    .hidden-desktop {
        display: inherit!important
    }

    .hidden-mobile {
        display: none!important
    }

    .main .mainContent .tile {
        padding: 0
    }

    .tileHeader {
        height: 50px;
        padding-right: 30px
    }

    .tileHeader.ico {
        padding-left: 55px;
        height: 50px
    }

    .tileHeader .icon {
        top: 10px;
        left: 14px;
        width: 30px;
        height: 30px
    }

    .tileHeader h2.titre,.tileHeader .titre {
        font-size: 1.8rem;
        line-height: 1.8rem;
        padding-right: 30px
    }

    .tileHeader > button {
        padding: 0;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0;
        outline: 0;
        background: transparent
    }

    .tileHeader > button:after {
        content: "";
        position: absolute;
        top: 22px;
        right: 13px;
        display: block;
        width: 8px;
        height: 8px;
        border: 2px solid #381a0a;
        border-top: 0;
        border-left: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .tileBody {
        padding: 0;
        height: auto
    }

    .tileBody .tileContent {
        height: auto;
        padding: 20px 14px 5px;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .tileBody.noLink {
        padding-bottom: 0
    }

    .tileBody.noLink .tileContent {
        padding-bottom: 15px
    }

    .tileBody p {
        font-size: 1.4rem
    }

    .tileBody .tileLink {
        position: static;
        padding: 15px 14px;
        height: auto
    }

    .tileBody .tileLink a {
        font-size: 1.4rem
    }

    .tileFooter .btn,.tileFooter .btn:hover {
        width: 100%!important;
        min-height: 38px;
        margin-left: 0!important;
        margin-right: 0!important;
        float: none;
        font-size: 1.6rem
    }

    .tileFooter .btn + .btn,.tileFooter .btn:hover + .btn {
        margin-top: 10px
    }

    .tileLink {
        padding: 15px 14px
    }

    .tileLink a {
        font-size: 1.4rem
    }

    .tileBlock {
        border-top: 8px solid
    }

    .tileBlock.withFooter .tileBody {
        height: auto
    }

    .tileBlock:not(.open) .tileHeader > button:after {
        top: 16px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .tileColored .tileHeader .icon {
        top: 4px
    }

    .tileColored .tileHeader h2.titre,.tileColored .tileHeader .titre {
        padding-right: 14px
    }

    .tileColored.compactHeight .tileHeader {
        height: 50px
    }

    .tileColored.compactHeight .tileHeader.ico .icon {
        top: 10px
    }

    .tileColored.compactHeight .tileBody {
        height: auto;
        padding-bottom: 10px
    }

    .tileColored.compactHeight .tileLink {
        height: 45px;
        padding: 15px 14px
    }

    .tileColored#vosDonneesPersonnelles.compactHeight .tileBody,.tileColored#vosActualites.compactHeight .tileBody {
        height: auto
    }

    .tileList li a,.tileList li a:hover,.tileList li a:visited {
        font-size: 1.4rem
    }

    .tileList li a:after,.tileList li a:hover:after,.tileList li a:visited:after {
        width: 10px;
        height: 10px;
        right: 20px
    }

    .aside > .container {
        width: calc(100% - 16px)!important;
        padding-top: 20px
    }

    .aside .asideTitle {
        font-size: 2.2rem;
        line-height: 2.5rem;
        margin: 0 0 15px
    }

    .aside .pushBlock,.aside .pushBlock:hover,.aside .pushBlock:visited {
        width: 100%;
        min-height: 230px;
        margin: 0 0 10px
    }

    .aside .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock,.aside .pushBlock:visited + .pushBlock {
        margin: 0 0 10px
    }

    .aside .pushBlock + .pushBlock + .pushBlock,.aside .pushBlock:hover + .pushBlock + .pushBlock,.aside .pushBlock:visited + .pushBlock + .pushBlock {
        margin: 0 0 10px
    }

    .aside .pushBlock .pushBg,.aside .pushBlock:hover .pushBg,.aside .pushBlock:visited .pushBg {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .25;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 0;
        min-width: 100%
    }

    .aside .pushBlock .pushTitle,.aside .pushBlock:hover .pushTitle,.aside .pushBlock:visited .pushTitle {
        position: relative;
        width: 100%;
        padding-top: 10px;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.4rem;
        z-index: 1
    }

    .aside .pushBlock .pushTitle.withIco,.aside .pushBlock:hover .pushTitle.withIco,.aside .pushBlock:visited .pushTitle.withIco {
        padding-top: 50px
    }

    .aside .pushBlock .pushTitle.withIco .ico,.aside .pushBlock:hover .pushTitle.withIco .ico,.aside .pushBlock:visited .pushTitle.withIco .ico {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #fff;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .aside .pushBlock .pushText,.aside .pushBlock:hover .pushText,.aside .pushBlock:visited .pushText {
        position: relative;
        margin: 0;
        padding: 15px 0 0;
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.7rem;
        z-index: 1
    }

    .aside .pushBlock .pushLink a,.aside .pushBlock .pushLink a:hover,.aside .pushBlock .pushLink a:visited,.aside .pushBlock:hover .pushLink a,.aside .pushBlock:hover .pushLink a:hover,.aside .pushBlock:hover .pushLink a:visited,.aside .pushBlock:visited .pushLink a,.aside .pushBlock:visited .pushLink a:hover,.aside .pushBlock:visited .pushLink a:visited {
        color: #fff;
        text-decoration: underline;
        background-color: transparent;
        font-size: 1.6rem
    }

    .aside .pushBlock .pushLink .btn,.aside .pushBlock .pushLink .btn:hover,.aside .pushBlock .pushLink .btn:visited,.aside .pushBlock:hover .pushLink .btn,.aside .pushBlock:hover .pushLink .btn:hover,.aside .pushBlock:hover .pushLink .btn:visited,.aside .pushBlock:visited .pushLink .btn,.aside .pushBlock:visited .pushLink .btn:hover,.aside .pushBlock:visited .pushLink .btn:visited {
        width: 100%
    }

    .aside .pushBlock .pushLink .link,.aside .pushBlock .pushLink a,.aside .pushBlock .pushLink .btn,.aside .pushBlock:hover .pushLink .link,.aside .pushBlock:hover .pushLink a,.aside .pushBlock:hover .pushLink .btn,.aside .pushBlock:visited .pushLink .link,.aside .pushBlock:visited .pushLink a,.aside .pushBlock:visited .pushLink .btn {
        font-size: 1.6rem
    }

    .aside .pushBlock.service .pushTitle,.aside .pushBlock:hover.service .pushTitle,.aside .pushBlock:visited.service .pushTitle {
        position: absolute;
        top: calc(50% - 20px);
        left: 50%;
        width: calc(100% - 90px);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .aside .pushBlock.conseil .pushText,.aside .pushBlock:hover.conseil .pushText,.aside .pushBlock:visited.conseil .pushText {
        position: absolute;
        top: calc(50% - 10px);
        left: 50%;
        width: calc(100% - 90px);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .aside .pushBannerClick {
        padding: 10px 0
    }

    .aside .pushBannerClick > .container {
        width: calc(100% - 20px)!important;
        max-width: calc(1440px - 20px)
    }

    .aside .pushBannerClick .pushImg {
        position: static;
        top: auto;
        left: auto;
        text-align: center;
        height: auto
    }

    .aside .pushBannerClick .pushImg.rightSide {
        text-align: center
    }

    .aside .pushBannerClick .pushBlock {
        width: 100%;
        padding: 15px 0 0;
        min-height: 0;
        background: none;
        text-align: center
    }

    .aside .pushBannerClick .pushBlock .pushTitle {
        margin-bottom: 10px
    }

    .aside .pushBannerClick .pushBlock .pushLink {
        padding: 20px 0 0
    }

    .aside .pushBannerClick .pushBlock .pushLink .btn + .btn {
        margin-left: 0
    }

    .aside .pushBannerClick .pushBlock .pushLink {
        position: static
    }

    .aside .pushMaSante {
        padding: 20px 0;
        background: -webkit-gradient(linear,left top,left bottom,from(#00B1DB),color-stop(#01D4EF),to(#01D4EF));
        background: linear-gradient(to bottom,#00B1DB,#01D4EF,#01D4EF)
    }

    .aside .pushMaSante > .container {
        width: calc(100% - 20px)!important;
        max-width: calc(1440px - 20px)
    }

    .aside .pushMaSante .pushImg {
        text-align: center
    }

    .aside .pushMaSante .pushImg img {
        height: auto;
        width: 100%
    }

    .aside .pushMaSante .pushBlock,.aside .pushMaSante .pushBlock:hover,.aside .pushMaSante .pushBlock:visited {
        width: 100%;
        padding: 15px 0 0;
        min-height: 0;
        background: none;
        text-align: center
    }

    .aside .pushMaSante .pushBlock .pushText,.aside .pushMaSante .pushBlock:hover .pushText,.aside .pushMaSante .pushBlock:visited .pushText {
        text-align: left
    }

    .aside .pushMaSante .pushBlock .pushText.ico .icon,.aside .pushMaSante .pushBlock:hover .pushText.ico .icon,.aside .pushMaSante .pushBlock:visited .pushText.ico .icon {
        top: 10px
    }

    .aside .pushMaSante .pushBlock .pushLink,.aside .pushMaSante .pushBlock:hover .pushLink,.aside .pushMaSante .pushBlock:visited .pushLink {
        position: static;
        padding: 20px 0 0
    }

    .aside .pushMaSante .pushBlock .pushLink .btn,.aside .pushMaSante .pushBlock .pushLink .btn:hover,.aside .pushMaSante .pushBlock .pushLink .btn:visited,.aside .pushMaSante .pushBlock:hover .pushLink .btn,.aside .pushMaSante .pushBlock:hover .pushLink .btn:hover,.aside .pushMaSante .pushBlock:hover .pushLink .btn:visited,.aside .pushMaSante .pushBlock:visited .pushLink .btn,.aside .pushMaSante .pushBlock:visited .pushLink .btn:hover,.aside .pushMaSante .pushBlock:visited .pushLink .btn:visited {
        width: 100%;
        margin-right: 0;
        white-space: normal
    }

    .aside .bloc-newoffres .paddoff {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 60px
    }
}

@media (max-width: 767px) {
    body {
        padding-left:0;
        padding-right: 0
    }

    .blocActus .owl-carousel .owl-nav {
        padding: 0 80px
    }

    .newsList {
        margin-left: 20px;
        margin-bottom: 10px
    }

    .newsList .newsElement {
        border-left-width: 2px;
        padding-left: 20px;
        padding-bottom: 5px
    }

    .newsList .newsElement:before {
        width: 18px;
        height: 18px;
        position: absolute;
        left: -10px;
        border-width: 2px
    }

    .newsList .newsElement:after {
        width: 10px;
        height: 10px;
        position: absolute;
        left: -6px;
        top: 4px
    }

    .newsList .newsElement .text {
        font-size: 1.6rem;
        line-height: 1.8rem
    }

    .newsList .newsElement .text.email:before,.newsList .newsElement .text.telephone:before,.newsList .newsElement .text.courrier:before,.newsList .newsElement .text.connexion:before {
        width: 20px;
        height: 20px
    }

    .newsList .newsElement .time {
        margin-top: 5px;
        font-size: 1.4rem;
        line-height: 1.4rem
    }

    .compactHeight .newsList .newsElement {
        margin-bottom: 10px
    }

    .compactHeight .newsList .time {
        margin-top: 0
    }
}

app-donnees-perso {
    display: block;
    width: 100%
}

app-home,app-address-view,app-contact-view,app-home-identity,app-home-rib {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.tab form {
    display: block
}

.tab form article {
    display: block;
    float: left
}

.tab .alert {
    padding: 0 8px
}

.unlock,.saveForm {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 8px;
    font-size: 1.4rem
}

.locker {
    padding-top: 10px;
    min-height: 38px
}

.locker.ico {
    padding-left: 35px;
    position: relative
}

.locker.ico:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/picto/cadenas-ouvert.svg) no-repeat;
    background-size: 100% 100%
}

.locked .locker.ico:before {
    background-image: url(../img/picto/cadenas-ferme.svg)
}

@media screen and (max-width: 959px) {
    .locker {
        padding-top:0;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .unlock,.alert {
        padding:0
    }
}

.linkBloc,.linkBloc:hover,.linkBloc:focus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    padding: 16px;
    padding-left: 4px;
    background-color: #fff;
    color: #381A0A;
    text-decoration: none;
    border: 1px solid #B0B1A6
}

@media (min-width: 960px) {
    .linkBloc,.linkBloc:hover,.linkBloc:focus {
        min-height:140px;
        border-left: 8px solid #0052ff
    }
}

.linkBloc:hover,.linkBloc:focus {
    color: #fff;
    background-color: #381A0A;
    border-color: #381A0A;
    outline: 0
}

.linkBloc:hover,.linkBloc:hover h1,.linkBloc:hover .h1,.linkBloc:hover h2,.linkBloc:hover .h2,.linkBloc:hover h3,.linkBloc:hover .h3,.linkBloc:hover h4,.linkBloc:hover .h4,.linkBloc:hover h5,.linkBloc:hover .h5,.linkBloc:hover h6 .h6,.linkBloc:hover .grey,.linkBloc:focus,.linkBloc:focus h1,.linkBloc:focus .h1,.linkBloc:focus h2,.linkBloc:focus .h2,.linkBloc:focus h3,.linkBloc:focus .h3,.linkBloc:focus h4,.linkBloc:focus .h4,.linkBloc:focus h5,.linkBloc:focus .h5,.linkBloc:focus h6 .h6,.linkBloc:focus .grey {
    color: #fff
}

.linkBloc .picto {
    position: relative;
    display: block;
    float: left;
    min-width: 75px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: 48px;
    background-position: 50% 50%
}

.linkBloc .picto#identite {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M17.6,15.5l-0.4-0.1c-0.8-0.3-1.6-0.5-1.7-0.7c-0.1-0.1-0.1-0.6-0.1-1.1c1-1,1.8-2.6,2-5 c0.1-2-0.3-3.6-1.4-4.8C14.5,2,12.2,2,12,2S9.5,2,8,3.7C6.9,4.9,6.4,6.5,6.5,8.5c0.2,2.4,0.9,4,2,5c0,0.6,0,1-0.1,1.1 c-0.1,0.2-0.9,0.4-1.7,0.7l-0.4,0.1C3.7,16.4,2,17,2,21v1h20v-1C22,17,20.3,16.4,17.6,15.5z M9.4,5.1C10.4,4,12,4,12,4 s1.6,0,2.6,1.1c0.7,0.7,1,1.8,0.9,3.3C15.3,11.3,14,13,12,13s-3.3-1.7-3.5-4.6C8.4,7,8.7,5.8,9.4,5.1z M4,20 c0.2-1.7,0.8-1.9,3-2.6l0.4-0.1c2.2-0.7,2.9-1.1,3.1-2.5c0.5,0.2,1.1,0.3,1.6,0.3s1.1-0.1,1.6-0.3c0.2,1.4,0.9,1.8,3.1,2.5 l0.4,0.1c2.1,0.7,2.8,0.9,3,2.6H4z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#identite,.linkBloc:focus .picto#identite {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M17.6,15.5l-0.4-0.1c-0.8-0.3-1.6-0.5-1.7-0.7c-0.1-0.1-0.1-0.6-0.1-1.1c1-1,1.8-2.6,2-5 c0.1-2-0.3-3.6-1.4-4.8C14.5,2,12.2,2,12,2S9.5,2,8,3.7C6.9,4.9,6.4,6.5,6.5,8.5c0.2,2.4,0.9,4,2,5c0,0.6,0,1-0.1,1.1 c-0.1,0.2-0.9,0.4-1.7,0.7l-0.4,0.1C3.7,16.4,2,17,2,21v1h20v-1C22,17,20.3,16.4,17.6,15.5z M9.4,5.1C10.4,4,12,4,12,4 s1.6,0,2.6,1.1c0.7,0.7,1,1.8,0.9,3.3C15.3,11.3,14,13,12,13s-3.3-1.7-3.5-4.6C8.4,7,8.7,5.8,9.4,5.1z M4,20 c0.2-1.7,0.8-1.9,3-2.6l0.4-0.1c2.2-0.7,2.9-1.1,3.1-2.5c0.5,0.2,1.1,0.3,1.6,0.3s1.1-0.1,1.6-0.3c0.2,1.4,0.9,1.8,3.1,2.5 l0.4,0.1c2.1,0.7,2.8,0.9,3,2.6H4z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#coordonnees {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M18,7h-6v1.5h6V7z M8,21h8v-2H8V21z M2,3v15h20V3H2z M20,16H4V5h16V16z M18,10h-6v1.5h6V10z M11,13.6 c0-1.1-0.4-1.2-1.3-1.5c-0.7-0.2-0.8-0.3-0.9-0.6c0.3-0.3,0.6-0.8,0.6-1.6C9.6,8.2,8.3,8,8,8C7.7,8,6.4,8.2,6.5,9.8 c0.1,0.8,0.3,1.3,0.6,1.6c0,0.4-0.2,0.4-0.9,0.6C5.4,12.3,5,12.4,5,13.6V14h6V13.6z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#coordonnees,.linkBloc:focus .picto#coordonnees {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M18,7h-6v1.5h6V7z M8,21h8v-2H8V21z M2,3v15h20V3H2z M20,16H4V5h16V16z M18,10h-6v1.5h6V10z M11,13.6 c0-1.1-0.4-1.2-1.3-1.5c-0.7-0.2-0.8-0.3-0.9-0.6c0.3-0.3,0.6-0.8,0.6-1.6C9.6,8.2,8.3,8,8,8C7.7,8,6.4,8.2,6.5,9.8 c0.1,0.8,0.3,1.3,0.6,1.6c0,0.4-0.2,0.4-0.9,0.6C5.4,12.3,5,12.4,5,13.6V14h6V13.6z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#alertes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M18.7,11.1l-0.2-2.2c-0.3-3-2.6-5.3-5.5-5.8V1h-2v2.1C8.1,3.5,5.8,5.9,5.5,8.9l-0.2,2.2 C5,13.9,3.1,15.4,3,15.6V20h18v-4.4C20.9,15.4,19,14,18.7,11.1z M19,18H5v-1.6c1.3-1.4,2.1-3.2,2.3-5.1l0.2-2.2 C7.7,6.8,9.7,5,12,5s4.3,1.8,4.5,4.1l0.2,2.2c0.2,1.9,1,3.7,2.3,5.1V18z M12,23c1.1,0,2-0.9,2-2h-4C10,22.1,10.9,23,12,23z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#alertes,.linkBloc:focus .picto#alertes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M18.7,11.1l-0.2-2.2c-0.3-3-2.6-5.3-5.5-5.8V1h-2v2.1C8.1,3.5,5.8,5.9,5.5,8.9l-0.2,2.2 C5,13.9,3.1,15.4,3,15.6V20h18v-4.4C20.9,15.4,19,14,18.7,11.1z M19,18H5v-1.6c1.3-1.4,2.1-3.2,2.3-5.1l0.2-2.2 C7.7,6.8,9.7,5,12,5s4.3,1.8,4.5,4.1l0.2,2.2c0.2,1.9,1,3.7,2.3,5.1V18z M12,23c1.1,0,2-0.9,2-2h-4C10,22.1,10.9,23,12,23z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#fiscales {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M16,6H8v1.5h8V6z M12.9,13.5c0.2,0.1,0.4,0.2,0.6,0.4l1.1-1c-0.4-0.4-0.8-0.6-1.2-0.8 c-0.8-0.2-1.7-0.1-2.4,0.4c-0.7,0.5-1.1,1.3-1.3,2.2H8.5v1.5h1.2c0.2,0.9,0.6,1.7,1.3,2.2c0.5,0.4,1,0.5,1.6,0.5 c0.3,0,0.5,0,0.8-0.1c0.4-0.1,0.8-0.4,1.2-0.7l-1.1-1.1c-0.2,0.2-0.4,0.3-0.6,0.3c-0.4,0.1-0.7,0-1-0.2c-0.3-0.2-0.5-0.6-0.6-1 h1.9v-1.5h-1.9c0.1-0.4,0.3-0.8,0.6-1C12.1,13.5,12.5,13.4,12.9,13.5z M4,2v20h16V2H4z M18,20H6V4h12V20z M16,9H8v1.5h8V9z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#fiscales,.linkBloc:focus .picto#fiscales {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M16,6H8v1.5h8V6z M12.9,13.5c0.2,0.1,0.4,0.2,0.6,0.4l1.1-1c-0.4-0.4-0.8-0.6-1.2-0.8 c-0.8-0.2-1.7-0.1-2.4,0.4c-0.7,0.5-1.1,1.3-1.3,2.2H8.5v1.5h1.2c0.2,0.9,0.6,1.7,1.3,2.2c0.5,0.4,1,0.5,1.6,0.5 c0.3,0,0.5,0,0.8-0.1c0.4-0.1,0.8-0.4,1.2-0.7l-1.1-1.1c-0.2,0.2-0.4,0.3-0.6,0.3c-0.4,0.1-0.7,0-1-0.2c-0.3-0.2-0.5-0.6-0.6-1 h1.9v-1.5h-1.9c0.1-0.4,0.3-0.8,0.6-1C12.1,13.5,12.5,13.4,12.9,13.5z M4,2v20h16V2H4z M18,20H6V4h12V20z M16,9H8v1.5h8V9z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#bancaires {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M19.3333 4.66675H4.66667C3.10833 4.66675 1.91667 5.85841 1.91667 7.41675V16.5834C1.91667 18.1417 3.10833 19.3334 4.66667 19.3334H19.3333C20.8917 19.3334 22.0833 18.1417 22.0833 16.5834V7.41675C22.0833 5.85841 20.8917 4.66675 19.3333 4.66675ZM20.25 16.5834C20.25 17.1334 19.8833 17.5001 19.3333 17.5001H4.66667C4.11667 17.5001 3.75 17.1334 3.75 16.5834V7.41675C3.75 6.86675 4.11667 6.50008 4.66667 6.50008H19.3333C19.8833 6.50008 20.25 6.86675 20.25 7.41675V16.5834ZM3.75 10.1667H20.25V8.33341H3.75V10.1667Z' /%3E%3Cpath class='st1' d='M12.9167 12.9167H11.0833V12.0001H12.9167V12.9167Z' /%3E%3Cpath class='st1' d='M10.1667 12.9167H4.66667V12.0001H10.1667V12.9167Z' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#bancaires,.linkBloc:focus .picto#bancaires {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M19.3333 4.66675H4.66667C3.10833 4.66675 1.91667 5.85841 1.91667 7.41675V16.5834C1.91667 18.1417 3.10833 19.3334 4.66667 19.3334H19.3333C20.8917 19.3334 22.0833 18.1417 22.0833 16.5834V7.41675C22.0833 5.85841 20.8917 4.66675 19.3333 4.66675ZM20.25 16.5834C20.25 17.1334 19.8833 17.5001 19.3333 17.5001H4.66667C4.11667 17.5001 3.75 17.1334 3.75 16.5834V7.41675C3.75 6.86675 4.11667 6.50008 4.66667 6.50008H19.3333C19.8833 6.50008 20.25 6.86675 20.25 7.41675V16.5834ZM3.75 10.1667H20.25V8.33341H3.75V10.1667Z' /%3E%3Cpath class='st1' d='M12.9167 12.9167H11.0833V12.0001H12.9167V12.9167Z' /%3E%3Cpath class='st1' d='M10.1667 12.9167H4.66667V12.0001H10.1667V12.9167Z' /%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#beneficiaires {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M3.6,13.6c1.7-0.6,2.6-1.4,2.6-2.3v-0.5l-0.4-0.3c-0.6-0.5-1-1.1-1.1-2.9C4.7,6.9,4.9,6.3,5.2,5.9 c0.4-0.4,1-0.7,1.7-0.5C7.2,4.8,7.5,4.2,8,3.7C7.3,3.4,6.6,3.4,6.5,3.4c-0.2,0-1.7,0-2.7,1.2C3,5.4,2.7,6.4,2.8,7.8 c0.1,1.4,0.3,2.6,1.1,3.5c-0.2,0.1-0.5,0.2-0.9,0.4c-1.9,0.6-3,1.5-3,4.2V18h2.9c0-0.8,0.1-1.4,0.2-2H2v-0.2 C2,14.3,2.3,14,3.6,13.6z M16.4,13.5C16,13.4,15.1,13.1,15,13c0-0.1,0-0.4-0.1-0.7c0.8-0.8,1.4-2.1,1.5-4 c0.1-1.6-0.3-2.9-1.2-3.9C14,3,12.2,3,12,3s-2,0-3.3,1.4c-0.9,1-1.3,2.3-1.2,3.9c0.1,1.9,0.7,3.2,1.5,4c0,0.3,0,0.6,0,0.6 c-0.1,0.1-0.7,0.3-1.5,0.6C5.5,14.2,4,14.7,4,18v2h16v-2C20,14.7,18.5,14.2,16.4,13.5z M10.2,5.8C10.8,5.1,11.7,5,12,5 s1.2,0.1,1.8,0.8c0.5,0.5,0.7,1.3,0.6,2.4c-0.1,1.3-0.5,3.4-2.5,3.4S9.6,9.4,9.5,8.2C9.4,7.1,9.7,6.3,10.2,5.8z M6,18 c0-1.9,0.2-1.9,2.3-2.6c1.3-0.5,2.4-0.6,2.7-2c0.4,0.1,0.7,0.1,1.1,0.1s0.7,0,1.1-0.1c0.3,1.4,1.5,1.5,2.7,2 c1.9,0.7,2.2,0.7,2.2,2.6H6z M21,11.7c-0.4-0.1-0.7-0.3-0.9-0.4c0.8-1,1-2.1,1.1-3.5c0.1-1.4-0.2-2.4-1-3.2 c-1.1-1.2-2.6-1.2-2.7-1.2c-0.1,0-0.8,0-1.5,0.3c0.5,0.5,0.8,1.1,1.1,1.7c0.7-0.2,1.3,0.1,1.7,0.5c0.4,0.4,0.5,1,0.5,1.7 c-0.1,1.7-0.5,2.3-1.1,2.9l-0.4,0.3v0.5c0,0.9,0.9,1.7,2.6,2.3c1.3,0.4,1.6,0.7,1.6,2.3V16h-1.1c0.1,0.6,0.2,1.2,0.2,2H24v-2.2 C24,13.2,22.9,12.3,21,11.7z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#beneficiaires,.linkBloc:focus .picto#beneficiaires {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M3.6,13.6c1.7-0.6,2.6-1.4,2.6-2.3v-0.5l-0.4-0.3c-0.6-0.5-1-1.1-1.1-2.9C4.7,6.9,4.9,6.3,5.2,5.9 c0.4-0.4,1-0.7,1.7-0.5C7.2,4.8,7.5,4.2,8,3.7C7.3,3.4,6.6,3.4,6.5,3.4c-0.2,0-1.7,0-2.7,1.2C3,5.4,2.7,6.4,2.8,7.8 c0.1,1.4,0.3,2.6,1.1,3.5c-0.2,0.1-0.5,0.2-0.9,0.4c-1.9,0.6-3,1.5-3,4.2V18h2.9c0-0.8,0.1-1.4,0.2-2H2v-0.2 C2,14.3,2.3,14,3.6,13.6z M16.4,13.5C16,13.4,15.1,13.1,15,13c0-0.1,0-0.4-0.1-0.7c0.8-0.8,1.4-2.1,1.5-4 c0.1-1.6-0.3-2.9-1.2-3.9C14,3,12.2,3,12,3s-2,0-3.3,1.4c-0.9,1-1.3,2.3-1.2,3.9c0.1,1.9,0.7,3.2,1.5,4c0,0.3,0,0.6,0,0.6 c-0.1,0.1-0.7,0.3-1.5,0.6C5.5,14.2,4,14.7,4,18v2h16v-2C20,14.7,18.5,14.2,16.4,13.5z M10.2,5.8C10.8,5.1,11.7,5,12,5 s1.2,0.1,1.8,0.8c0.5,0.5,0.7,1.3,0.6,2.4c-0.1,1.3-0.5,3.4-2.5,3.4S9.6,9.4,9.5,8.2C9.4,7.1,9.7,6.3,10.2,5.8z M6,18 c0-1.9,0.2-1.9,2.3-2.6c1.3-0.5,2.4-0.6,2.7-2c0.4,0.1,0.7,0.1,1.1,0.1s0.7,0,1.1-0.1c0.3,1.4,1.5,1.5,2.7,2 c1.9,0.7,2.2,0.7,2.2,2.6H6z M21,11.7c-0.4-0.1-0.7-0.3-0.9-0.4c0.8-1,1-2.1,1.1-3.5c0.1-1.4-0.2-2.4-1-3.2 c-1.1-1.2-2.6-1.2-2.7-1.2c-0.1,0-0.8,0-1.5,0.3c0.5,0.5,0.8,1.1,1.1,1.7c0.7-0.2,1.3,0.1,1.7,0.5c0.4,0.4,0.5,1,0.5,1.7 c-0.1,1.7-0.5,2.3-1.1,2.9l-0.4,0.3v0.5c0,0.9,0.9,1.7,2.6,2.3c1.3,0.4,1.6,0.7,1.6,2.3V16h-1.1c0.1,0.6,0.2,1.2,0.2,2H24v-2.2 C24,13.2,22.9,12.3,21,11.7z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#documents {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M21.1,4.7l-2.8-2.8C17.7,1.3,17,1,16.2,1H6v20h16V6.8C22,6,21.7,5.3,21.1,4.7z M20,19H8V3h8.2 c0.3,0,0.5,0.1,0.7,0.3l2.8,2.8C19.9,6.3,20,6.6,20,6.8V19z M10,16.5h8V15h-8V16.5z M5,4H3v20h16v-2H5V4z M10,13.5h8V12h-8V13.5z M16,4h-2v5h5V7h-3V4z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#documents,.linkBloc:focus .picto#documents {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M21.1,4.7l-2.8-2.8C17.7,1.3,17,1,16.2,1H6v20h16V6.8C22,6,21.7,5.3,21.1,4.7z M20,19H8V3h8.2 c0.3,0,0.5,0.1,0.7,0.3l2.8,2.8C19.9,6.3,20,6.6,20,6.8V19z M10,16.5h8V15h-8V16.5z M5,4H3v20h16v-2H5V4z M10,13.5h8V12h-8V13.5z M16,4h-2v5h5V7h-3V4z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc .picto#cle {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23381A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M5,10.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S5.8,10.5,5,10.5z M20,8h-7.3 C11.4,6.1,9.3,5,7,5c-3.9,0-7,3.1-7,7s3.1,7,7,7c2.3,0,4.4-1.1,5.7-3h2.1l1.7-1.3l1.7,1.3H20c2.2,0,4-1.8,4-4S22.2,8,20,8z M20,14h-1.2l-2.3-1.8L14.2,14h-2.6l-0.3,0.5C10.4,16,8.8,17,7,17c-2.8,0-5-2.2-5-5s2.2-5,5-5c1.8,0,3.4,1,4.3,2.5l0.3,0.5H20 c1.1,0,2,0.9,2,2S21.1,14,20,14z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.linkBloc:hover .picto#cle,.linkBloc:focus .picto#cle {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M5,10.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S5.8,10.5,5,10.5z M20,8h-7.3 C11.4,6.1,9.3,5,7,5c-3.9,0-7,3.1-7,7s3.1,7,7,7c2.3,0,4.4-1.1,5.7-3h2.1l1.7-1.3l1.7,1.3H20c2.2,0,4-1.8,4-4S22.2,8,20,8z M20,14h-1.2l-2.3-1.8L14.2,14h-2.6l-0.3,0.5C10.4,16,8.8,17,7,17c-2.8,0-5-2.2-5-5s2.2-5,5-5c1.8,0,3.4,1,4.3,2.5l0.3,0.5H20 c1.1,0,2,0.9,2,2S21.1,14,20,14z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#DetailRemboursement,#remboursements {
    height: auto
}

#DetailRemboursement .date,#remboursements .date {
    color: #6B6259;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Relative',Arial,sans-serif
}

#DetailRemboursement .text,#remboursements .text {
    color: #391909;
    font-weight: 500
}

#DetailRemboursement .text span,#remboursements .text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#DetailRemboursement .amount,#remboursements .amount {
    color: #391909;
    font-weight: 500;
    text-align: right
}

#DetailRemboursement article,#DetailRemboursement .article,#remboursements article,#remboursements .article {
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    overflow: hidden
}

#DetailRemboursement article > div,#DetailRemboursement .article > div,#remboursements article > div,#remboursements .article > div {
    padding: 0 5px
}

#DetailRemboursement article > div:first-child,#DetailRemboursement .article > div:first-child,#remboursements article > div:first-child,#remboursements .article > div:first-child {
    padding-left: 0
}

#DetailRemboursement article > div:last-child,#DetailRemboursement .article > div:last-child,#remboursements article > div:last-child,#remboursements .article > div:last-child {
    padding-right: 0
}

#DetailBeneficiaire,#beneficiaires {
    height: auto
}

#DetailBeneficiaire article,#DetailBeneficiaire .article,#beneficiaires article,#beneficiaires .article {
    position: relative;
    margin-bottom: 0
}

#DetailBeneficiaire article ul,#DetailBeneficiaire .article ul,#beneficiaires article ul,#beneficiaires .article ul {
    position: relative;
    margin: 0;
    padding: 0 25% 0 0;
    min-height: 145px;
    white-space: nowrap;
    overflow: hidden
}

#DetailBeneficiaire article ul::-webkit-scrollbar,#DetailBeneficiaire .article ul::-webkit-scrollbar,#beneficiaires article ul::-webkit-scrollbar,#beneficiaires .article ul::-webkit-scrollbar {
    width: 0;
    height: 0
}

#DetailBeneficiaire article ul::-webkit-scrollbar-track,#DetailBeneficiaire .article ul::-webkit-scrollbar-track,#beneficiaires article ul::-webkit-scrollbar-track,#beneficiaires .article ul::-webkit-scrollbar-track {
    background: transparent
}

#DetailBeneficiaire article ul::-webkit-scrollbar-thumb,#DetailBeneficiaire .article ul::-webkit-scrollbar-thumb,#beneficiaires article ul::-webkit-scrollbar-thumb,#beneficiaires .article ul::-webkit-scrollbar-thumb {
    background: #DDDDD4
}

#DetailBeneficiaire article ul li,#DetailBeneficiaire .article ul li,#beneficiaires article ul li,#beneficiaires .article ul li {
    display: inline-block;
    width: 33.33%;
    padding-top: 75px;
    text-align: center;
    vertical-align: top
}

#DetailBeneficiaire article ul li a,#DetailBeneficiaire article ul li a:hover,#DetailBeneficiaire article ul li a:visited,#DetailBeneficiaire .article ul li a,#DetailBeneficiaire .article ul li a:hover,#DetailBeneficiaire .article ul li a:visited,#beneficiaires article ul li a,#beneficiaires article ul li a:hover,#beneficiaires article ul li a:visited,#beneficiaires .article ul li a,#beneficiaires .article ul li a:hover,#beneficiaires .article ul li a:visited {
    position: relative;
    display: block;
    height: 30px;
    color: #381a0a!important;
    background: none;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1.4rem;
    white-space: initial
}

#DetailBeneficiaire article ul li a:before,#DetailBeneficiaire article ul li a:hover:before,#DetailBeneficiaire article ul li a:visited:before,#DetailBeneficiaire .article ul li a:before,#DetailBeneficiaire .article ul li a:hover:before,#DetailBeneficiaire .article ul li a:visited:before,#beneficiaires article ul li a:before,#beneficiaires article ul li a:hover:before,#beneficiaires article ul li a:visited:before,#beneficiaires .article ul li a:before,#beneficiaires .article ul li a:hover:before,#beneficiaires .article ul li a:visited:before {
    content: attr(data-initiales);
    position: absolute;
    top: -75px;
    left: 50%;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#DetailBeneficiaire article ul li:nth-child(3n+1) a:before,#DetailBeneficiaire .article ul li:nth-child(3n+1) a:before,#beneficiaires article ul li:nth-child(3n+1) a:before,#beneficiaires .article ul li:nth-child(3n+1) a:before {
    background-color: #E94D4D
}

#DetailBeneficiaire article ul li:nth-child(3n+2) a:before,#DetailBeneficiaire .article ul li:nth-child(3n+2) a:before,#beneficiaires article ul li:nth-child(3n+2) a:before,#beneficiaires .article ul li:nth-child(3n+2) a:before {
    background-color: #28AC19
}

#DetailBeneficiaire article ul li:nth-child(3n+3) a:before,#DetailBeneficiaire .article ul li:nth-child(3n+3) a:before,#beneficiaires article ul li:nth-child(3n+3) a:before,#beneficiaires .article ul li:nth-child(3n+3) a:before {
    background-color: #1CDAC6
}

#DetailBeneficiaire article ul li .date,#DetailBeneficiaire .article ul li .date,#beneficiaires article ul li .date,#beneficiaires .article ul li .date {
    display: inline-block;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #6B6259
}

#DetailBeneficiaire article .pagination,#DetailBeneficiaire .article .pagination,#beneficiaires article .pagination,#beneficiaires .article .pagination {
    display: block;
    margin: 0;
    text-align: center;
    line-height: 0;
    background-color: transparent
}

#DetailBeneficiaire article .pagination span,#DetailBeneficiaire .article .pagination span,#beneficiaires article .pagination span,#beneficiaires .article .pagination span {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DDDDD4;
    cursor: pointer
}

#DetailBeneficiaire article .pagination span.active,#DetailBeneficiaire .article .pagination span.active,#beneficiaires article .pagination span.active,#beneficiaires .article .pagination span.active {
    background-color: #0052ff
}

#DetailBeneficiaire article #ajouterBeneficiare,#DetailBeneficiaire article #ajouterBeneficiare:hover,#DetailBeneficiaire article #ajouterBeneficiare:visited,#DetailBeneficiaire .article #ajouterBeneficiare,#DetailBeneficiaire .article #ajouterBeneficiare:hover,#DetailBeneficiaire .article #ajouterBeneficiare:visited,#beneficiaires article #ajouterBeneficiare,#beneficiaires article #ajouterBeneficiare:hover,#beneficiaires article #ajouterBeneficiare:visited,#beneficiaires .article #ajouterBeneficiare,#beneficiaires .article #ajouterBeneficiare:hover,#beneficiaires .article #ajouterBeneficiare:visited {
    min-height: calc(100% - 10px);
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 75px;
    display: block;
    width: 25%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #0052ff!important;
    background: #fff
}

#DetailBeneficiaire article #ajouterBeneficiare:before,#DetailBeneficiaire article #ajouterBeneficiare:hover:before,#DetailBeneficiaire article #ajouterBeneficiare:visited:before,#DetailBeneficiaire .article #ajouterBeneficiare:before,#DetailBeneficiaire .article #ajouterBeneficiare:hover:before,#DetailBeneficiaire .article #ajouterBeneficiare:visited:before,#beneficiaires article #ajouterBeneficiare:before,#beneficiaires article #ajouterBeneficiare:hover:before,#beneficiaires article #ajouterBeneficiare:visited:before,#beneficiaires .article #ajouterBeneficiare:before,#beneficiaires .article #ajouterBeneficiare:hover:before,#beneficiaires .article #ajouterBeneficiare:visited:before {
    content: "+";
    position: absolute;
    top: 6px;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    color: #0052ff;
    background: url(../img/picto/personne-gris.png) no-repeat top center #F2F2F2;
    background-size: 100% 100%;
    text-align: center;
    font-size: 24px;
    line-height: 72px;
    font-weight: 700;
    border: 2px solid #0052ff;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1200px) {
    #DetailRemboursement .date,#remboursements .date {
        font-size:1.3rem
    }

    #DetailRemboursement article,#DetailRemboursement .article,#remboursements article,#remboursements .article {
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: 2rem
    }

    #DetailBeneficiaire article ul,#DetailBeneficiaire .article ul,#beneficiaires article ul,#beneficiaires .article ul {
        min-height: 195px
    }

    #DetailBeneficiaire article ul li,#DetailBeneficiaire .article ul li,#beneficiaires article ul li,#beneficiaires .article ul li {
        padding-top: 120px
    }

    #DetailBeneficiaire article ul li a,#DetailBeneficiaire article ul li a:hover,#DetailBeneficiaire article ul li a:visited,#DetailBeneficiaire .article ul li a,#DetailBeneficiaire .article ul li a:hover,#DetailBeneficiaire .article ul li a:visited,#beneficiaires article ul li a,#beneficiaires article ul li a:hover,#beneficiaires article ul li a:visited,#beneficiaires .article ul li a,#beneficiaires .article ul li a:hover,#beneficiaires .article ul li a:visited {
        height: 40px;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    #DetailBeneficiaire article ul li a:before,#DetailBeneficiaire article ul li a:hover:before,#DetailBeneficiaire article ul li a:visited:before,#DetailBeneficiaire .article ul li a:before,#DetailBeneficiaire .article ul li a:hover:before,#DetailBeneficiaire .article ul li a:visited:before,#beneficiaires article ul li a:before,#beneficiaires article ul li a:hover:before,#beneficiaires article ul li a:visited:before,#beneficiaires .article ul li a:before,#beneficiaires .article ul li a:hover:before,#beneficiaires .article ul li a:visited:before {
        top: -90px;
        width: 80px;
        height: 80px;
        font-size: 32px;
        line-height: 80px
    }

    #DetailBeneficiaire article ul li .date,#DetailBeneficiaire .article ul li .date,#beneficiaires article ul li .date,#beneficiaires .article ul li .date {
        font-size: 1.2rem;
        line-height: 1.4rem
    }

    #DetailBeneficiaire article .pagination,#DetailBeneficiaire .article .pagination,#beneficiaires article .pagination,#beneficiaires .article .pagination {
        margin: 0
    }

    #DetailBeneficiaire article #ajouterBeneficiare,#DetailBeneficiaire article #ajouterBeneficiare:hover,#DetailBeneficiaire article #ajouterBeneficiare:visited,#DetailBeneficiaire .article #ajouterBeneficiare,#DetailBeneficiaire .article #ajouterBeneficiare:hover,#DetailBeneficiaire .article #ajouterBeneficiare:visited,#beneficiaires article #ajouterBeneficiare,#beneficiaires article #ajouterBeneficiare:hover,#beneficiaires article #ajouterBeneficiare:visited,#beneficiaires .article #ajouterBeneficiare,#beneficiaires .article #ajouterBeneficiare:hover,#beneficiaires .article #ajouterBeneficiare:visited {
        min-height: calc(100% - 10px);
        top: 30px;
        padding-top: 90px;
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    #DetailBeneficiaire article #ajouterBeneficiare:before,#DetailBeneficiaire article #ajouterBeneficiare:hover:before,#DetailBeneficiaire article #ajouterBeneficiare:visited:before,#DetailBeneficiaire .article #ajouterBeneficiare:before,#DetailBeneficiaire .article #ajouterBeneficiare:hover:before,#DetailBeneficiaire .article #ajouterBeneficiare:visited:before,#beneficiaires article #ajouterBeneficiare:before,#beneficiaires article #ajouterBeneficiare:hover:before,#beneficiaires article #ajouterBeneficiare:visited:before,#beneficiaires .article #ajouterBeneficiare:before,#beneficiaires .article #ajouterBeneficiare:hover:before,#beneficiaires .article #ajouterBeneficiare:visited:before {
        width: 65px;
        height: 65px;
        font-size: 22px;
        line-height: 100px
    }
}

.doctolib {
    background-color: #E8EBF5;
    padding: 24px!important
}

.doctolib h2,.doctolib p {
    color: #224358
}

.doctolib .blocBouton:hover,.doctolib .blocBouton:focus {
    background-color: #0d99df
}

.doctolib .w-100 {
    width: auto!important
}

.doctolib img {
    padding-left: 1%;
    margin-top: -12px
}

.doctolib .blocBouton.communaute {
    margin-top: 10px
}

.doctolib .blocBouton:focus {
    color: #fff!important
}

.doctolib .blocBouton:focus:after {
    right: 21px!important
}

@media screen and (max-width: 959px) {
    #DetailBeneficiaire article ul,#DetailBeneficiaire .article ul,#beneficiaires article ul,#beneficiaires .article ul {
        padding-bottom:15px;
        min-height: 0;
        overflow-x: auto
    }
}

.themeBleuRoi #listeContrats ul li a .title,.themeBleuRoi #listeContrats ul li a:hover .title,.themeBleuRoi #listeContrats ul li a:visited .title {
    background: #416AD4
}

.themeBleuRoi #listeContrats ul li a .details .amount,.themeBleuRoi #listeContrats ul li a:hover .details .amount,.themeBleuRoi #listeContrats ul li a:visited .details .amount {
    color: #416AD4
}

.themeViolet #listeContrats ul li a .title,.themeViolet #listeContrats ul li a:hover .title,.themeViolet #listeContrats ul li a:visited .title {
    background: #7667B7
}

.themeViolet #listeContrats ul li a .details .amount,.themeViolet #listeContrats ul li a:hover .details .amount,.themeViolet #listeContrats ul li a:visited .details .amount {
    color: #7667B7
}

#cotisation {
    height: auto
}

#cotisation .date {
    color: #6B6259;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Relative',Arial,sans-serif
}

#cotisation .text {
    color: #391909;
    font-weight: 500
}

#cotisation .text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#cotisation .amount {
    color: #391909;
    font-weight: 500;
    text-align: right
}

#cotisation article,#cotisation .article {
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    overflow: hidden
}

#cotisation article > div,#cotisation .article > div {
    padding: 0 5px
}

#cotisation article > div:first-child,#cotisation .article > div:first-child {
    padding-left: 0
}

#cotisation article > div:last-child,#cotisation .article > div:last-child {
    padding-right: 0
}

@media screen and (min-width: 1200px) {
    #cotisation .date {
        font-size:1.3rem
    }

    #cotisation article,#cotisation .article {
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

#listeContrats {
    position: relative;
    display: block;
    height: 100%;
    top: -5px;
    left: -15px;
    width: calc(100% + 30px)
}

#listeContrats:before,#listeContrats:after {
    content: "";
    display: block;
    width: 15%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    pointer-events: none
}

#listeContrats ul {
    position: relative;
    margin: 0;
    min-height: calc(100% - 10px);
    white-space: nowrap;
    min-width: 100%;
    width: 100%;
    -webkit-transition: left .5s;
    transition: left .5s
}

#listeContrats ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0
}

#listeContrats ul::-webkit-scrollbar-track {
    background: #FFF;
    opacity: 0
}

#listeContrats ul::-webkit-scrollbar-thumb {
    background: #391909;
    border: 0;
    opacity: 0
}

#listeContrats ul li {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    width: 75%;
    min-width: 75%;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    float: none;
    margin: 0;
    border: 0
}

#listeContrats ul li:first-child {
    margin-left: 10%;
    margin-left: 0
}

#listeContrats ul li:last-child {
    margin-right: 10%;
    margin-right: 0
}

#listeContrats ul li a,#listeContrats ul li a:hover,#listeContrats ul li a:visited {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #381a0a!important;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #C9C9C9
}

#listeContrats ul li a .title,#listeContrats ul li a .details,#listeContrats ul li a:hover .title,#listeContrats ul li a:hover .details,#listeContrats ul li a:visited .title,#listeContrats ul li a:visited .details {
    height: 67px;
    padding: 7px 10px;
    overflow: hidden;
    border-radius: 3px
}

#listeContrats ul li a .title,#listeContrats ul li a:hover .title,#listeContrats ul li a:visited .title {
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1)
}

#listeContrats ul li a .title span,#listeContrats ul li a:hover .title span,#listeContrats ul li a:visited .title span {
    display: block;
    width: 100%
}

#listeContrats ul li a .title .number,#listeContrats ul li a:hover .title .number,#listeContrats ul li a:visited .title .number {
    display: block;
    font-weight: 500
}

#listeContrats ul li a .details,#listeContrats ul li a:hover .details,#listeContrats ul li a:visited .details {
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #DDDDD4;
    border-top: 0
}

#listeContrats ul li a .details .encours,#listeContrats ul li a:hover .details .encours,#listeContrats ul li a:visited .details .encours {
    display: block;
    width: 100%;
    font-weight: 700
}

#listeContrats ul li a .details .amount,#listeContrats ul li a:hover .details .amount,#listeContrats ul li a:visited .details .amount {
    position: absolute;
    right: 10px;
    text-align: right;
    font-size: 1.4rem;
    z-index: 1
}

#listeContrats ul li a .details .date,#listeContrats ul li a:hover .details .date,#listeContrats ul li a:visited .details .date {
    font-size: 1.3rem;
    font-weight: 100
}

#listeContrats ul li a .details img,#listeContrats ul li a:hover .details img,#listeContrats ul li a:visited .details img {
    position: absolute;
    max-width: 50%;
    max-height: 36px;
    right: 10px;
    bottom: 7px
}

#listeContrats ul li:not(.active) {
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#listeContrats ul li:not(.active) .title *,#listeContrats ul li:not(.active) .details * {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#listeContrats .ui-carousel {
    padding: 0;
    overflow: hidden;
    border: 0
}

#listeContrats .ui-carousel-viewport {
    height: calc(100% - 10px)
}

#listeContrats .pagination {
    display: block;
    margin: 0;
    text-align: center;
    line-height: 0;
    background: transparent;
    margin-top: 5px;
    padding: 0;
    border: 0
}

#listeContrats .pagination span.pageBtn {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DDDDD4;
    cursor: pointer;
    float: none
}

#listeContrats .pagination span.pageBtn.active {
    background-color: #0052ff
}

#listeContrats .pagination .ui-carousel-header-title,#listeContrats .pagination .ui-carousel-button {
    display: none
}

#listeContrats .pagination .ui-carousel-page-links {
    margin: 0;
    float: none
}

#listeContrats .pagination .ui-carousel-page-link {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #DDDDD4;
    cursor: pointer;
    float: none
}

#listeContrats .pagination .ui-carousel-page-link:hover {
    cursor: pointer
}

#listeContrats .pagination .ui-carousel-page-link:before,#listeContrats .pagination .ui-carousel-page-link:after {
    display: none
}

#listeContrats .pagination .ui-carousel-page-link.fa-dot-circle-o,#listeContrats .pagination .ui-carousel-page-link.active {
    background-color: #0052ff
}

.themeGrisVert #listeContrats ul li a .title,.themeGrisVert #listeContrats ul li a:hover .title,.themeGrisVert #listeContrats ul li a:visited .title {
    background: #7A7672
}

.themeGrisVert #listeContrats ul li a .details .amount,.themeGrisVert #listeContrats ul li a:hover .details .amount,.themeGrisVert #listeContrats ul li a:visited .details .amount {
    color: #7A7672
}

@media screen and (min-width: 1200px) {
    #listeContrats {
        top:0
    }

    #listeContrats ul li {
        padding: 0 15px
    }

    #listeContrats ul li a,#listeContrats ul li a:hover,#listeContrats ul li a:visited {
        font-size: 1.4rem;
        line-height: 2rem
    }

    #listeContrats ul li a .title,#listeContrats ul li a .details,#listeContrats ul li a:hover .title,#listeContrats ul li a:hover .details,#listeContrats ul li a:visited .title,#listeContrats ul li a:visited .details {
        height: 95px;
        padding: 10px 14px
    }

    #listeContrats ul li a .details .amount,#listeContrats ul li a:hover .details .amount,#listeContrats ul li a:visited .details .amount {
        position: absolute;
        right: 14px;
        font-size: 1.6rem
    }

    #listeContrats ul li a .details .date,#listeContrats ul li a:hover .details .date,#listeContrats ul li a:visited .details .date {
        font-size: 1.4rem
    }

    #listeContrats ul li a .details img,#listeContrats ul li a:hover .details img,#listeContrats ul li a:visited .details img {
        position: absolute;
        max-height: 50px;
        right: 14px;
        bottom: 10px
    }

    #listeContrats .pagination {
        margin-top: 0
    }
}

@media screen and (max-width: 959px) {
    #listeContrats {
        top:0;
        height: auto
    }

    #listeContrats ul {
        min-height: 0
    }

    #listeContrats ul li {
        padding: 0 10px
    }

    #listeContrats ul li a,#listeContrats ul li a:hover,#listeContrats ul li a:visited {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    #listeContrats ul li a .title,#listeContrats ul li a .details,#listeContrats ul li a:hover .title,#listeContrats ul li a:hover .details,#listeContrats ul li a:visited .title,#listeContrats ul li a:visited .details {
        height: 75px;
        padding: 10px 14px
    }

    #listeContrats ul li a .details .amount,#listeContrats ul li a:hover .details .amount,#listeContrats ul li a:visited .details .amount {
        position: absolute;
        right: 14px;
        font-size: 1.8rem
    }

    #listeContrats ul li a .details .date,#listeContrats ul li a:hover .details .date,#listeContrats ul li a:visited .details .date {
        font-size: 1.6rem
    }

    #listeContrats ul li a .details img,#listeContrats ul li a:hover .details img,#listeContrats ul li a:visited .details img {
        position: absolute;
        max-width: 45%;
        max-height: 35px;
        right: 14px;
        bottom: 10px
    }

    #listeContrats .ui-carousel-viewport {
        height: auto
    }
}

@media screen and (max-width: 479px) {
    #listeContrats ul li {
        padding:0 5px
    }
}

#pensionsRetraite,#pointsRetraite {
    height: auto
}

#pensionsRetraite .date,#pointsRetraite .date {
    color: #6B6259;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Relative',Arial,sans-serif
}

#pensionsRetraite .text,#pointsRetraite .text {
    color: #381a0a;
    font-weight: 500
}

#pensionsRetraite .text span,#pointsRetraite .text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#pensionsRetraite .amount,#pointsRetraite .amount {
    position: relative;
    color: #391909;
    font-weight: 500;
    text-align: right
}

#pensionsRetraite .amount > span,#pointsRetraite .amount > span {
    position: absolute;
    bottom: 0;
    right: 0
}

#pensionsRetraite article,#pensionsRetraite .article,#pointsRetraite article,#pointsRetraite .article {
    margin: 5px 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    overflow: hidden
}

#pensionsRetraite article > div,#pensionsRetraite .article > div,#pointsRetraite article > div,#pointsRetraite .article > div {
    padding: 0 5px
}

#pensionsRetraite article > div:first-child,#pensionsRetraite .article > div:first-child,#pointsRetraite article > div:first-child,#pointsRetraite .article > div:first-child {
    padding-left: 0
}

#pensionsRetraite article > div:last-child,#pensionsRetraite .article > div:last-child,#pointsRetraite article > div:last-child,#pointsRetraite .article > div:last-child {
    padding-right: 0
}

#pensionsRetraite .subInfo,#pointsRetraite .subInfo {
    position: absolute;
    bottom: 0;
    padding-bottom: 14px;
    font-size: 1.2rem;
    color: #8B8178
}

@media screen and (min-width: 1200px) {
    #pensionsRetraite .date,#pointsRetraite .date {
        font-size:1.3rem
    }

    #pensionsRetraite article,#pensionsRetraite .article,#pointsRetraite article,#pointsRetraite .article {
        margin: 10px 0;
        font-size: 1.6rem;
        line-height: 1.8rem
    }

    #pensionsRetraite .subInfo,#pointsRetraite .subInfo {
        font-size: 1.4rem
    }
}

@media screen and (max-width: 959px) {
    #pensionsRetraite .subInfo,#pointsRetraite .subInfo {
        position:static;
        bottom: auto;
        padding-bottom: 0;
        padding-top: 10px
    }
}

.accesRapide h2,.contrats h2 {
    margin-bottom: 12px;
    font-size: 3rem;
    line-height: 3.4rem;
    font-weight: 400
}

.accesRapide {
    margin-bottom: 40px
}

.contrats {
    width: 100%
}

.contrats .apps {
    width: calc(100% + 20px);
    margin-left: -10px
}

.contrats .app {
    padding: 0 10px;
    margin-bottom: 20px
}

.contrats .vide {
    display: none
}

.accesRapide div[class^="col"] {
    padding: 0
}

.blocBouton {
    margin-bottom: 8px;
    padding: 16px 25px 10px 20px;
    background-color: #fff
}

.blocBouton h3 {
    position: relative;
    margin-bottom: 0;
    padding-left: 32px;
    color: #381a0a;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700
}

.blocBouton h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 90%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blocBouton h3 img {
    display: none;
    height: 20px;
    width: auto;
    position: absolute;
    top: 12px;
    left: 20px
}

.blocBouton p {
    margin-bottom: 0;
    color: #0052ff;
    font-size: 1.6rem;
    font-weight: 400
}

.blocBouton:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #381a0a;
    border-right: 2px solid #381a0a;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: right .2s;
    transition: right .2s;
    visibility: initial
}

.blocBouton:hover,.blocBouton:focus {
    background-color: var(--ogi-primary-hover-color,#381a0a);
    text-decoration: none
}

.blocBouton:hover h3,.blocBouton:hover p,.blocBouton:focus h3,.blocBouton:focus p {
    color: #FFF
}

.blocBouton:hover:after,.blocBouton:focus:after {
    border-color: #FFF;
    right: 15px
}

.blocBouton.boutonSante h3:before {
    background-image: url(../img/picto/sante-noir.svg)
}

.blocBouton.boutonSante:hover h3:before,.blocBouton.boutonSante:focus h3:before {
    background-image: url(../img/picto/sante-blanc.svg)
}

.blocBouton.boutonPrevoyance h3:before {
    background-image: url(../img/picto/prevoyance-noir.svg)
}

.blocBouton.boutonPrevoyance:hover h3:before,.blocBouton.boutonPrevoyance:focus h3:before {
    background-image: url(../img/picto/prevoyance-blanc.svg)
}

.blocBouton.boutonEpargne h3:before {
    background-image: url(../img/picto/epargne-noir.svg)
}

.blocBouton.boutonEpargne:hover h3:before,.blocBouton.boutonEpargne:focus h3:before {
    background-image: url(../img/picto/epargne-blanc.svg)
}

.blocBouton.boutonRetraiteSupp h3:before {
    background-image: url(../img/picto/retraite-supp-noir.svg)
}

.blocBouton.boutonRetraiteSupp:hover h3:before,.blocBouton.boutonRetraiteSupp:focus h3:before {
    background-image: url(../img/picto/retraite-supp-blanc.svg)
}

.blocBouton.boutonRetraiteComp h3:before {
    background-image: url(../img/picto/retraite-comp-noir.svg)
}

.blocBouton.boutonRetraiteComp:hover h3:before,.blocBouton.boutonRetraiteComp:focus h3:before {
    background-image: url(../img/picto/retraite-comp-blanc.svg)
}

.blocBouton.boutonMutualiste h3:before {
    background-image: url(../img/picto/certificats-mutualistes-noir.svg)
}

.blocBouton.boutonMutualiste:hover h3:before,.blocBouton.boutonMutualiste:focus h3:before {
    background-image: url(../img/picto/certificats-mutualistes-blanc.svg)
}

.blocBouton.boutonAuto h3:before {
    background-image: url(../img/picto/auto-noir.svg)
}

.blocBouton.boutonAuto:hover h3:before,.blocBouton.boutonAuto:focus h3:before {
    background-image: url(../img/picto/auto-blanc.svg)
}

.blocBouton.boutonDoco h3:before {
    background-image: url(../img/picto/Documents_brun.svg)
}

.blocBouton.boutonDoco:hover h3:before,.blocBouton.boutonDoco:focus h3:before {
    background-image: url(../img/picto/Documents_blanc.svg)
}

.blocCarre {
    display: block;
    width: 100%;
    position: relative;
    height: 200px;
    padding: 20px;
    background-color: #00E8FF;
    color: #381a0a;
    font-size: 1.6rem;
    cursor: pointer
}

.blocCarre h3 {
    font-size: 2rem;
    text-transform: uppercase;
    word-break: break-word
}

.blocCarre .lienServices {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: calc(100% - 32px)
}

.blocCarre .lienServices:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    height: 8px;
    width: 8px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-top: 2px solid #381a0a;
    border-right: 2px solid #381a0a
}

.blocCarre .messageErreur {
    position: absolute;
    bottom: 16px;
    left: 15px;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: #381a0a;
    width: 90%
}

.blocCarre .bientotDispo {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blocCarre:hover,.blocCarre:focus {
    background-color: #381a0a;
    text-decoration: none
}

.blocCarre:hover h3,.blocCarre:focus h3 {
    color: #FFF
}

.blocCarre:hover .lienServices,.blocCarre:focus .lienServices {
    color: #FFF
}

.blocCarre:hover .lienServices:after,.blocCarre:focus .lienServices:after {
    border-color: #FFF
}

.blocSante:before,.blocRentier:before,.blocPrevoyance:before,.blocEpargne:before,.blocRetraiteSupp:before,.blocRetraiteComp:before,.blocMutualiste:before,.blocAuto:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: center center no-repeat;
    background-size: 34%
}

.blocSante:hover:before,.blocSante:focus:before,.blocPrevoyance:hover:before,.blocPrevoyance:focus:before,.blocEpargne:hover:before,.blocRentier:hover:before,.blocRentier:focus:before,.blocEpargne:focus:before,.blocRetraiteSupp:hover:before,.blocRetraiteSupp:focus:before,.blocRetraiteComp:hover:before,.blocRetraiteComp:focus:before,.blocMutualiste:hover:before,.blocMutualiste:focus:before,.blocAuto:hover:before,.blocAuto:focus:before {
    opacity: .2
}

.blocSante:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M17.6,3.2c-2.1-0.5-4.2,0-5.6,1.4c-1.5-1.4-3.6-1.9-5.6-1.4C3.6,3.9,1.7,6.7,2,9.8c0.3,3.1,2.3,5,8.7,11.3 c0.3,0.3,0.6,0.8,1.2,0.8c0.7,0,0.9-0.5,1.2-0.8c6.5-6.2,8.4-8.1,8.7-11.3C22.3,6.7,20.4,3.9,17.6,3.2z M20,9.6 c-0.2,2.4-2,4.1-8,9.9C6.1,13.7,4.3,12,4,9.6c-0.2-2.1,1-4,2.8-4.4c3.4-0.9,4.7,2.3,5.1,2.7c0.4-0.3,1.7-3.6,5.1-2.7 C19,5.6,20.2,7.5,20,9.6z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocPrevoyance:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M15,20c0,0.6-0.4,1-1,1s-1-0.4-1-1v-5.9C12.7,14,12.3,14,12,14s-0.7,0-1,0.1V20c0,1.7,1.3,3,3,3s3-1.3,3-3v-1 h-2V20z'/%3E%3Cpath class='st1' d='M13,3.1V1h-2v2.1C6.3,3.5,2,7.3,2,13.5C2.7,13.2,3.5,13,4.4,13c1.6,0,3,0.7,3.8,1.6C9,13.7,10.4,13,12,13 s3,0.7,3.8,1.6c0.8-1,2.2-1.6,3.8-1.6c0.9,0,1.7,0.2,2.4,0.5C22,7.3,17.7,3.5,13,3.1z M15.8,12c-1.1-0.7-2.4-1-3.8-1 s-2.7,0.4-3.8,1c-1.1-0.7-2.4-1-3.8-1c0,0-0.1,0-0.1,0c1-3.9,4.4-6,7.7-6s6.7,2.1,7.7,6c0,0-0.1,0-0.1,0 C18.2,11,16.9,11.4,15.8,12z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocEpargne:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M9,5.3C9,5.2,9,5.1,9,5c0-1.1,0.9-2,2-2s2,0.9,2,2c0,0,0,0.1,0,0.1c0.7,0.1,1.3,0.3,2,0.5 C15,5.4,15,5.2,15,5c0-2.2-1.8-4-4-4S7,2.8,7,5c0,0.3,0.1,0.6,0.1,0.9C7.7,5.7,8.4,5.4,9,5.3z M16,12c-0.6,0-1,0.4-1,1 c0,0.6,0.4,1,1,1s1-0.4,1-1C17,12.4,16.6,12,16,12z M22.4,5.9c-1.2-0.2-2.2-0.5-3.9-0.3c-1.1,0.1-2.4,0.5-3.5,1.3 c-1.1-0.5-2.4-0.7-3.6-0.7c-3.1,0-5.8,1.6-7.3,3.9C3.8,9.9,3.1,9.7,3,9c0-1,1.1-1.5,1.1-1.5C2.3,6.7,0.9,7.9,1.1,9.3 c0.1,1.3,1.1,2.2,2.3,2.6C3.1,12.6,3,13.3,3,14.1c0,1.6,0.6,3.2,1.6,4.6l-0.4,2c-0.1,0.6,0.1,1.2,0.4,1.6C5,22.7,5.6,23,6.2,23 h3.5l0.5-1.1c0.9,0.1,1.8,0.1,2.7,0l0.5,1.1h3.5c0.6,0,1.2-0.3,1.5-0.7c0.4-0.5,0.5-1,0.4-1.6l-0.4-2c0.3-0.4,0.6-0.8,0.8-1.2 l2.8-1.6v-4.6L20.2,10L22.4,5.9z M20,14.7L17.7,16c-1.2,2.3-0.9,1.4-1.4,2.1l0.5,2.9h-2.1l-0.6-1.4c-1,0.3-1.6,0.4-2.6,0.4 c-1,0-1.6-0.2-2.6-0.4L8.3,21H6.2l0.5-2.9l-0.3-0.4C5.5,16.7,5,15.4,5,14.1c0-3.3,2.9-5.9,6.5-5.9c2.2,0,3.6,1,3.9,1.2 c0.4-0.2,1.1-1.7,3.9-1.8l-1.7,3.2l2.4,1.6V14.7z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocRetraiteSupp:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M11.6,11.5c0.4-0.3,0.8-0.4,1.2-0.2c0.2,0.1,0.5,0.2,0.7,0.4l1.1-1c-0.4-0.4-0.8-0.7-1.3-0.8 c-0.9-0.3-1.8-0.1-2.5,0.5c-0.7,0.6-1.2,1.4-1.4,2.4H8v1.5h1.3c0.2,1,0.6,1.9,1.4,2.4c0.5,0.4,1.1,0.6,1.7,0.6 c0.3,0,0.5,0,0.8-0.1c0.5-0.1,0.9-0.4,1.3-0.8l-1.1-1.1c-0.2,0.2-0.4,0.3-0.6,0.4c-0.4,0.1-0.8,0-1.2-0.2 c-0.4-0.3-0.6-0.7-0.7-1.2H13v-1.5h-2.2C11,12.2,11.2,11.8,11.6,11.5z M17,4V2h-2v6h2V6h3v14H4V6h2V4H2v18h20V4H17z M9,6h5V4H9V2 H7v6h2V6z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocRetraiteComp:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M15.6,15.6c-0.2,0.2-0.5,0.4-0.8,0.4c-0.8,0-1.5-0.9-1.5-2s0.7-2,1.5-2c0.4,0,0.6,0.2,0.8,0.3 c1,0.9,2.6,0.8,3.5-0.1c0.5-0.5,0.7-1.2,0.7-1.9l-0.3-4.7L15.7,6C15.9,5.6,16,5.1,16,4.4c0-2-1.9-3.6-4.1-3.6 c-2.3,0-4.1,1.6-4.1,3.6c0,0.7,0.2,1.2,0.4,1.5L4,5.6V22h15.4l0.4-4.3c0.1-0.7-0.2-1.4-0.6-1.9C18.3,14.8,16.6,14.8,15.6,15.6z M17.6,20H6V7.8c0,0,3.1,0.2,3.8,0.3s1.1-0.5,1.1-1c0-0.8-0.4-1.3-0.7-1.7c-0.2-0.3-0.4-0.5-0.4-1c0-0.9,1-1.6,2.1-1.6 c1.2,0,2.1,0.7,2.1,1.6c0,0.5-0.1,0.7-0.4,1C13.4,5.8,13,6.3,13,7.1c0,0.6,0.5,1,1.1,1s3.6-0.3,3.6-0.3l0,0.7c0,0,0,0,0,0 l0.1,1.9c0,0.2-0.1,0.3-0.1,0.4c-0.1,0.1-0.5,0.3-0.7,0c-0.6-0.6-1.4-0.9-2.2-0.9c-1.9,0-3.5,1.8-3.5,4s1.6,4,3.5,4 c0.8,0,1.6-0.3,2.2-0.9c0.2-0.2,0.6-0.1,0.7,0c0.1,0.1,0.1,0.2,0.1,0.4L17.6,20z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocMutualiste:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M8,11.5h8V10H8V11.5z M12,24l2-2l2,2v-7h-4V24z M8,14.5h8V13H8V14.5z M4,2v20h7v-2H6V4h12v16h-1v2h3V2H4z M8,8.5h8V7H8V8.5z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocRentier:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M13.3 12C12.4 12 11.4 11.7 10.6 11.1C9.4 10.2 8.6 8.69996 8.4 6.99996H6V4.99996H8.4C8.6 3.29996 9.4 1.79996 10.5 0.899964C11.7 0.0999642 13.1 -0.200036 14.5 0.199964C15.3 0.399964 16 0.899964 16.6 1.49996L15.2 2.89996C14.9 2.49996 14.4 2.19996 14 2.09996C13.3 1.79996 12.5 1.99996 11.8 2.49996C11.1 3.09996 10.6 3.89996 10.4 4.99996H14V6.99996H10.4C10.6 8.09996 11.1 8.99996 11.8 9.49996C12.5 9.99996 13.2 10.1 14 9.89996C14.5 9.79996 14.9 9.49996 15.2 9.19996L16.6 10.6C16 11.2 15.3 11.6 14.6 11.8C14.2 11.9 13.7 12 13.3 12Z M20.2 13.8C21.6 13.4 23 14.1 23.5 15.4C23.9 16.6 23.4 17.9 22.4 18.6L15 23C14.2 23.5 13.3 23.7 12.4 23.7C12 23.7 11.6 23.6 11.2 23.5L5.9 22.2C5.82125 22.1887 5.74377 22.1775 5.66727 22.1664C5.06374 22.0787 4.52125 22 3.9 22H0V14.4L2.8 13.1C4.2 12.4 5.8 12.3 7.2 12.9L10.2 14.1H13.4C14.8 14.1 16 15.2 16 16.7C16 18 15.1 19.1 13.9 19.3L11.2 19.8C10.5 19.9 9.7 19.9 9 19.7L6.2 18.9C5.7 18.8 5.4 18.2 5.5 17.7C5.6 17.2 6.2 16.9 6.7 17L9.3 17.7C9.8 17.8 10.2 17.8 10.7 17.7L13.4 17.2C13.7 17.2 13.9 16.9 13.9 16.6C13.9 16.3 13.7 16 13.3 16H9.8L6.5 14.7C5.6 14.3 4.6 14.4 3.7 14.8L2 15.6V20H3.9C4.7 20 5.5 20.1 6.3 20.3L11.6 21.6C12.4 21.8 13.2 21.7 13.9 21.3L21.3 16.9C21.6 16.7 21.7 16.4 21.6 16.1C21.5 15.8 21.1 15.6 20.8 15.7L17.2 16.9V16.7C17.2 16 17.1 15.4 16.8 14.9L20.2 13.8Z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocAuto:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23f2f2f2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st1' d='M7,20h1h8h1v-2H7V20z M8,14.5C8,13.7,7.3,13,6.5,13S5,13.7,5,14.5S5.7,16,6.5,16S8,15.3,8,14.5z M19,14.5 c0-0.8-0.7-1.5-1.5-1.5S16,13.7,16,14.5s0.7,1.5,1.5,1.5S19,15.3,19,14.5z M20.4,9.4l-1.3-4.9c-0.2-0.9-1-1.5-1.9-1.5H6.8 C5.9,3,5.1,3.6,4.9,4.5L3.6,9.4c-1,0.8-1.6,2.1-1.6,3.4V20c0,1.1,0.9,2,2,2h2v-2H4v-7.2c0-0.7,0.3-1.4,0.9-1.8h14.3 c0.5,0.4,0.9,1.1,0.9,1.8V20h-2v2h2c1.1,0,2-0.9,2-2v-7.2C22,11.5,21.4,10.2,20.4,9.4z M5.8,9l1-4h10.3l1,4H5.8z'/%3E%3C/g%3E%3C/svg%3E")
}

.blocErreur {
    background-color: #DDDDD4
}

.blocErreur:hover {
    background-color: #DDDDD4;
    color: #381a0a
}

.blocIndisponible,.blocIndisponible:hover {
    background-color: #8B8178;
    color: #fff;
    cursor: default
}

.blocIndisponible h3,.blocIndisponible:hover h3 {
    color: #fff
}

.blocInactif,.blocInactif:hover {
    background-color: #DDDDD4;
    color: #381a0a;
    cursor: default
}

.blocInactif h3,.blocInactif span,.blocInactif:hover h3,.blocInactif:hover span {
    color: #381a0a
}

.blocInactif span,.blocInactif:hover span {
    position: absolute;
    bottom: 16px;
    left: 20px
}

.blocActus {
    overflow-x: hidden
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar {
    min-height: 80px;
    max-height: 100%;
    padding: 20px 80px 10px 20px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
    font-size: 3.2rem;
    line-height: 3.6rem
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 34px;
    right: 20px;
    width: auto;
    text-align: right;
    color: #0052ff;
    text-decoration: underline;
    font-size: 1.6rem;
    border: 0
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:before,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
    content: "Fermer";
    width: auto;
    color: #0052ff;
    font-size: 1.6rem;
    line-height: initial;
    text-decoration: underline;
    font-family: 'Relative'
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    border: 0
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close:hover:before {
    color: #381a0a
}

.rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close .pi,.dialog .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close .pi {
    display: none
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content,.dialog .ui-dialog.ui-widget .ui-dialog-content {
    height: calc(100% - 154px)!important;
    padding: 30px 20px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content .alerteSecu,.dialog .ui-dialog.ui-widget .ui-dialog-content .alerteSecu {
    font-size: 1.6rem;
    font-weight: 700;
    color: #381a0a;
    display: inline-block;
    padding-left: 60px;
    position: relative;
    min-height: 34px;
    margin-bottom: 30px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content .alerteSecu:before,.dialog .ui-dialog.ui-widget .ui-dialog-content .alerteSecu:before {
    content: " ";
    background: url(../img/picto/i-noir.svg) no-repeat center;
    width: 34px;
    height: 34px;
    display: inline-block;
    position: absolute;
    left: 0
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content a,.rattachement .ui-dialog.ui-widget .ui-dialog-content a:focus,.rattachement .ui-dialog.ui-widget .ui-dialog-content a:visited,.dialog .ui-dialog.ui-widget .ui-dialog-content a,.dialog .ui-dialog.ui-widget .ui-dialog-content a:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content a:visited {
    color: #0052ff;
    text-decoration: underline
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content a:hover,.rattachement .ui-dialog.ui-widget .ui-dialog-content a:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content a:hover,.dialog .ui-dialog.ui-widget .ui-dialog-content a:focus {
    color: #381a0a
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group {
    min-height: 26px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group span,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group span,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group label {
    font-size: 1.6rem;
    margin-bottom: 10px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group input {
    display: inline-block;
    width: auto
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn {
    display: block;
    position: relative;
    padding-left: 20px;
    width: auto;
    cursor: pointer;
    margin-right: 20px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input:checked ~ .radio,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input:checked ~ .radio {
    border-color: #DDDDD4
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input:checked ~ .radio:after,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn input:checked ~ .radio:after {
    display: block;
    top: 1px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0052ff
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn .radio,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn .radio {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 2px solid #DDDDD4;
    background-color: #DDDDD4;
    min-height: 0;
    padding: 0
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn .radio:after,.dialog .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group .radio-btn .radio:after {
    content: "";
    position: absolute;
    display: none
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group {
    position: relative;
    margin-bottom: 25px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-label {
    font-size: 1.6rem;
    color: #5E5E5E
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input {
    height: 34px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input {
    width: 100%;
    background-color: #F2F2F2;
    height: 100%;
    line-height: 34px;
    color: #381a0a;
    padding: 10px;
    padding-left: 7px;
    border: 0;
    border-left: 3px solid #F2F2F2
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label:focus,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input:focus {
    border-color: #0052ff
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label input:focus,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input input:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input label input:focus,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input input input:focus {
    border-color: #0052ff
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside {
    height: 50px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside .form-label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside .form-label {
    position: absolute;
    top: 16px;
    left: 10px;
    max-width: calc(100% - 20px);
    padding-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input {
    padding-top: 20px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input:not(.ng-pristine) + .form-label,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input:focus + .form-label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input:not(.ng-pristine) + .form-label,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .form-input.label-inside input:focus + .form-label {
    top: 4px;
    font-size: 1.2rem
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .input-error input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .input-error input {
    border-bottom: 3px solid #F6261B
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group .error,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group .error {
    color: #F6261B;
    border-left: 3px solid;
    padding-left: 7px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group.error,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group.error {
    margin-bottom: 12px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-content form .form-group.error .form-input input,.dialog .ui-dialog.ui-widget .ui-dialog-content form .form-group.error .form-input input {
    border-color: #F6261B
}

.rattachement .ui-dialog.ui-widget .ui-dialog-footer,.dialog .ui-dialog.ui-widget .ui-dialog-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px
}

.rattachement .ui-dialog.ui-widget .ui-dialog-footer:after,.dialog .ui-dialog.ui-widget .ui-dialog-footer:after {
    content: "";
    display: block;
    clear: both
}

.rattachement .ui-dialog.ui-widget .ui-dialog-footer button,.rattachement .ui-dialog.ui-widget .ui-dialog-footer .ui-button,.dialog .ui-dialog.ui-widget .ui-dialog-footer button,.dialog .ui-dialog.ui-widget .ui-dialog-footer .ui-button {
    float: right;
    margin-right: 0
}

.redirection .ui-dialog,.heightAuto .ui-dialog {
    height: auto!important
}

.heightAuto .ui-dialog.ui-widget .ui-dialog-content {
    padding-bottom: 100px
}

.colRight {
    position: relative;
    top: -20px
}

.colRight:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    width: calc(100% - 8px);
    height: 20px;
    background-color: #fff
}

@media (min-width: 1200px) {
    .contrats .apps {
        width:calc(100% + 32px);
        margin-left: -16px
    }

    .contrats .app {
        margin-bottom: 30px;
        padding: 0 16px
    }

    .blocCarre {
        height: 244px
    }

    .blocCarre h3 {
        word-break: normal
    }

    .colRight:before {
        top: -30px;
        height: 30px
    }
}

@media (max-width: 959px) {
    h1.mb-0.mt-2 {
        margin-left:1.6rem
    }

    .contrats .app {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .blocCarre {
        height: 200px
    }

    .blocCarre .bientotDispo {
        position: static;
        top: auto
    }

    .colRight:before {
        top: -25px;
        height: 25px
    }
}

@media (max-width: 767px) {
    .blocCarre {
        height:150px
    }

    .blocSante:before,.blocPrevoyance:before,.blocEpargne:before,.blocRentier:before,.blocRetraiteSupp:before,.blocRetraiteComp:before,.blocMutualiste:before,.blocAuto:before {
        background-size: 110px
    }

    .rattachement .ui-dialog {
        left: 50%!important;
        -webkit-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-titlebar {
        min-height: 65px;
        padding-left: 8px;
        padding-right: 68px
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
        top: 22px;
        right: 8px
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-content {
        padding: 20px 8px;
        height: calc(100% - 120px)!important
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-footer {
        padding: 10px 8px 20px
    }

    .rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group span,.rattachement .ui-dialog.ui-widget .ui-dialog-content form .radio-btn-group label {
        width: 100%;
        margin-right: 0
    }

    .colRight {
        top: auto
    }

    .colRight:before {
        content: none
    }
}

@media (max-width: 399px) {
    .rattachement .ui-dialog.ui-widget .ui-dialog-content {
        padding:20px 8px;
        height: calc(100% - 190px)!important
    }
}

@media screen and (min-width: 1200px) {
    .tileBlock.withFooter .tileBody.noLink.clearfix.tuileRCParticipantPoint {
        height:calc(369px - 80px)
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .tileBlock.withFooter .tileBody.noLink.clearfix.tuileRCParticipantPoint {
        height:calc(275px - 60px)
    }
}

.tileBody.noLink .tileContent.texteDescPoint {
    height: 42%;
    padding-bottom: 8px;
    padding-top: 8px
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .tileBody.noLink .tileContent.texteDescPoint {
        font-size:1rem
    }
}

.tileBody.noLink .tileContent.texteAsterisquePoint {
    height: 20%;
    padding-bottom: 8px;
    padding-top: 8px
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .tileBody.noLink .tileContent.texteAsterisquePoint {
        font-size:1rem
    }
}

.tileBody.noLink .tileContent.texteFiscalAlloc {
    height: 45%;
    padding-bottom: 8px;
    padding-top: 8px
}

.tileBody.noLink .tileContent.texteDescPaiement {
    height: 45%;
    padding-bottom: 8px;
    padding-top: 8px
}

.retour.retourDP {
    background-color: #FFF
}

.retour.retourDP span,.retour.retourDP:hover span,.retour.retourDP:focus span {
    top: 0;
    -webkit-transform: none;
    transform: none
}

@media screen and (max-width: 959px) {
    .retour.retourDP {
        width:auto;
        margin-left: 16px
    }

    .retour.retourDP + h1 {
        padding-left: 16px
    }
}

app-coordonnees > section {
    width: 100%
}

@media screen and (min-width: 960px) {
    app-adresses,/* app-telephone,*/ app-email {
        display:block
    }
}

.demat {
    padding: 16px;
}

.demat h1 {
    line-height: 41px
}

@media (max-width: 959px) {
    .radiobutton-g.float-left.pl-3 {
        display:flex
    }

    .col-md-12.col-lg-12.col-sm-12.mt-5 .row {
        margin-top: 0!important
    }

    .zoneInformationRow {
        height: 266px
    }

    .messageInformationImage {
        top: -45px
    }

    .doctolib img {
        margin-top: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .doctolib .w-100 {
        width: 90%!important;
        display: block
    }

    .doctolib h2 {
        margin-top: 0!important
    }

    #formBlocVilleMdpro {
        margin-bottom: 24px;
        margin-left: -5px
    }

    a.cancel {
        line-height: 36px!important
    }

    .message.info {
        padding: 15px 10px!important
    }

    .message.info .ico:before {
        display: none
    }

    .block.borderless > .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .block.borderless > .col-md-16.col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        min-width: 350px
    }

    .col-md-12.col-lg-12.mb-4.no-mob {
        display: block!important
    }

    .link.right {
        padding-bottom: 18px
    }

    .ng-star-inserted > article {
        margin: 0!important;
        width: 38%!important
    }

    #popIn .ng-star-inserted > div {
        position: fixed;
        width: 100%!important;
        right: 0;
        height: 70px;
        bottom: 0;
        left: 0
    }

    #popIn .ng-star-inserted > div > .buttonPrimary {
        margin-left: 80%!important
    }

    .btn.retour.bleu {
        margin-left: 1.6rem!important
    }

    #popIn header {
        max-width: 422px;
        height: 128px;
        margin-top: 45px
    }

    #formBlocVoieMdpro > label {
        top: 83px!important
    }

    #formBlocPaysMdpro > label {
        top: 39px!important
    }

    #bloctelpermdpro > label {
        top: 39px!important
    }

    #blocmailpermdpro > label {
        top: 39px!important
    }

    .blue-btn.mb-lg-3.hidden-mobile {
        display: block!important
    }

    .row.donneesPerso > .col-lg-4 {
        max-width: 100%
    }
}

app-adresses p {
    width: auto!important
}

.mail {
    width: 100%;
    height: 709px;
    padding-top: 48px;
    background-repeat: no-repeat;
    background-size: cover
}

.mail .bg {
    width: 100%;
    height: 709px;
    position: absolute;
    top: 0;
    left: 0
}

.mail .middle {
    background-color: #fff;
    width: 68%;
    height: 410px;
    margin: 48px auto 0;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0 48px;
    position: relative
}

.mail .middle h2 {
    font-size: 3rem;
    font-family: Arial,Helvetica,sans-serif;
    padding-top: 64px
}

.mail .middle p {
    font-size: 1.5rem;
    padding-top: 32px
}

.mail .middle a.btn {
    border: 1px solid #0052FF;
    color: #0052FF;
    width: 131px;
    margin: 40px auto 0;
    padding: 10px;
    display: inline-block;
    text-decoration: none
}

.mail .middle hr {
    width: 100px;
    margin-top: 32px
}

a.btn-primary {
    padding: 10px 25px;
    background-color: #0052ff;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: none;
    border: 1px solid #0052ff;
    margin-top: 25px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

a.btn-primary:focus {
    color: #fff!important
}

a.btn-primary:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff!important
}

a.btn-primary:after {
    content: url("../img/fleche-blanc.png");
    top: 55%;
    right: 10px;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    visibility: visible;
    position: absolute
}

a.btn-primary:hover:after {
    right: 8px;
    transition: transform .2s;
    transform: translate(4px,-50%)
}

.block.bgBlanc.borderless.bordered.p-4.px-sm-2 {
    padding: 15px!important;
    width: 350px!important
}

.block.bgBlanc.borderless.bordered.p-4.px-sm-2 p.mb-5 {
    font-size: 16px!important
}

.block.bgBlanc.borderless.bordered.p-4.px-sm-2 h2.h3 {
    font-size: 2.2rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .mail .middle a.btn {
        width:100%
    }
}

.messageInformation {
    display: flex;
    align-items: flex-start;
    padding-right: 24px
}

.toasterIcon {
    padding-left: 15px
}

.bord-turquoise {
    border: 0;
    border-left: 4px solid #00E8FF
}

.bord-bleu {
    border: 2px solid #0052ff
}

.messageInformation .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px
}

.messageInformation .description {
    font-family: Relative;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    height: auto;
    margin-bottom: 16px
}

.zoneInformationCol {
    background: #FFF;
    height: auto;
    z-index: 100
}

button.btn.retour.bleu {
    z-index: 1
}

.zoneInformationRow {
    justify-content: center;
    position: relative;
    top: -154px;
    background: #fff;
    border-bottom: 1px solid #8B8178
}

.col-12.p-0.contrats.large .messageInformation.bord-turquoise {
    margin-left: 0;
    font-size: 1.4rem;
    border-left: 8px solid #00E8FF;
    color: #8B8178
}

@media screen and (min-width: 960px) {
    .col-12.p-0.contrats.large #listeContrats {
        height:135px!important
    }
}

.col-12.p-0.contrats.large .messageInformation.bord-turquoise a.link {
    font-size: 1.4rem!important
}

.messageInformationImage {
    position: absolute;
    top: -24px;
    left: -70px;
    right: -70px
}

.statusTermine {
    color: #381A0A!important
}

.messageInformationImage img {
    height: 264px;
    width: 1280px
}

.messageInformation {
    width: 100%
}

.messageInformation.white {
    background-color: #fff;
}

.messageInformation.white .title {
    font-size: 16px;
    line-height: 24px
}

.messageInformation.white .toasterIcon {
    padding-left: 26px
}

.messageInformation.white .alert span {
    padding-top: 24px
}

.messageInformation.white.bord-turquoise {
    border-left: 8px solid #00E8FF
}

.messageInformation.white.bord-violet {
    border-left: 8px solid #581D74
}

.messageInformation.white .description {
    padding-bottom: 16px;
    padding-left: 0;
    border-left: 0
}

#listeContrats ul li a {
    border-left: 8px solid #0052FF
}

#listeContrats ul li a .title span,#listeContrats ul li a:hover .title span,#listeContrats ul li a:visited .title span {
    color: #000
}

#listeContrats ul li a .title .number,#listeContrats ul li a:hover .title .number,#listeContrats ul li a:visited .title .number {
    font-weight: 700
}

#listeContrats ul li a:hover,#listeContrats ul li a:focus {
    border-left: 8px solid #381A0A!important
}

.blocEncours {
    padding-top: 16px!important
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .col-md-12.col-lg-12.col-sm-12.bgBlanc.p-5.borderless {
        margin-left:-9px!important;
        margin-top: 40px!important
    }

    .imageZone + .container.row .btn.retour {
        margin-top: 47px
    }

    .zoneInformationRow,.zoneInformationCol {
        height: 200px
    }
}

.rachat-pdf-parcours {
    width: 100%;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 48px;
    margin-top: -80px;
}

@media screen and (max-width: 767px) {
    .rachat-pdf-parcours {
        margin-top: -64px;
    }
}

.rachat-pdf-parcours header {
    border-bottom: 1px solid #c6c6c6;
    margin: 0;
    padding: 24px;
    max-width: 100%;
}

.rachat-pdf-parcours header .header-top {
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 960px) {
    .rachat-pdf-parcours header h1 {
        text-align: center;
    }
}

.rachat-pdf-parcours .content-parcours-pdf {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rachat-pdf-parcours .col-left-buttons {
    flex: 0 0 50%;
    padding: 0;
    max-width: 50%;
}

.rachat-pdf-parcours .col-left-buttons h2 {
    margin-top: 0;
}

.rachat-pdf-parcours .btn.noIco {
    padding-right: 12px;
}

.rachat-pdf-parcours .btn.noIco:after {
    content: none;
}

.rachat-pdf-parcours .col-right-list-pdf {
    margin: 0;
    list-style: none;
    word-break: break-word;
    max-width: 50%;
    flex: 0 0 50%;
}

.rachat-pdf-parcours .col-right-list-pdf li {
    position: relative;
    margin: 0 0 16px 0;
    padding-left: 64px;
    list-style: none;
}

.rachat-pdf-parcours .col-right-list-pdf li:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 14px;
    height: calc(100% - 60px);
    border-left: 2px solid #381A0A;
}

.rachat-pdf-parcours .col-right-list-pdf h3 {
    display: flex;
    margin: 0;
    min-height: 56px;
    font-weight: 400;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 40px;
    height: 56px;
    margin: 0px 24px 0 0px;
    background: #f2f2f2 no-repeat center 75%;
    background-size: 24px;
    border-radius: 0px 0px 8px 8px;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto.bleu {
    background-color: #0052ff;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto.cyan {
    background-color: #00e8ff;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto.jaune {
    background-color: #fff078;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto.rose {
    background-color: #ff91de;
}

.rachat-pdf-parcours .col-right-list-pdf li .rachat-picto.vert {
    background-color: #29ff9c;
}

.rachat-pdf-parcours .col-right-list-pdf .preview {
    position: relative;
    max-height: 4.2rem;
    overflow: hidden;
}

@media screen and (min-width: 960px) and (max-width:1199px) {
    .rachat-pdf-parcours .col-right-list-pdf .preview {
        max-height: 3.8rem;
    }
}

.rachat-pdf-parcours .col-right-list-pdf .voirPlus {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0 0 4px;
    border: 0;
    background-color: #fff;
    font-size: inherit;
    line-height: inherit;
}

.rachat-pdf-parcours .col-right-list-pdf p {
    padding: 0;
    margin: 8px 0;
}

.rachat-pdf-parcours .col-right-list-pdf li:last-child:before {
    content: none;
}

.services-container {
    padding: 24px;
    border: 2px solid #0052FF;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(56, 26, 10, 0.2);
}

.services-container .titleS h3 {
    color: #0052FF;
}

.services-container .bodyS {
    min-height: 105px;
}

.services-container .bodyS span {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #381A0A;
}

.services-container a {
    color: #0052FF !important;
    border: 1px solid transparent !important;
}

.banniere {
    padding: 24px 12px 0px 24px;
    background-color: #00e8ff;
}

.banniere .titre {
    line-height: 36px;
}

.banniere .sousTitre {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 18px;
}

.banniere .decription {
    font-weight: 400;
    line-height: 21px;
}

.banniere .imgBanniere {
    height: 100%;
    min-height: 235px;
    background-size: contain !important;
}

.storeLink {
    position: relative;
    display: inline-block;
    width: 125px;
    height: 80px;
    border-radius: 16px;
    overflow: hidden;
    margin-right: 17px;
}

.storeLink>img {
    --width: 100%;
    position: absolute;
    width: var(--width);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    .rachat-pdf-parcours .content-parcours-pdf {
        padding: 24px;
        display: inherit;
    }

    .rachat-pdf-parcours .col-left-buttons {
        margin: 0 0 80px 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .rachat-pdf-parcours .btn-group-pdf {
        width: 100%;
    }

    .rachat-pdf-parcours .col-right-list-pdf {
        padding: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .btnApp {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .btnApp {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width : 1023px) {
    .storeLink {
        margin-right: 10px;
    }
}

@media screen and (min-width: 575px) {
    .rachat-pdf-parcours .col-right-list-pdf h3 {
        align-items: center;
    }
}

@media screen and (min-width: 768px) {
    .rachat-pdf-parcours .content-parcours-pdf {
        padding: 0 24px 24px;
    }

    .rachat-pdf-parcours .col-left-buttons {
        padding: 0px 32px;
    }
}

@media screen and (min-width: 992px) {
    .rachat-pdf-parcours .col-right-list-pdf {
        padding: 0 48px 0 0;
    }
}

@media screen and (min-width: 1200px) {
    .rachat-pdf-parcours .col-left-buttons {
        padding: 0px 110px;
    }
}

@media(min-width: 1200px) {
    #BLOCK_LIST_OFFRES .owl-stage {
        width: 100% !important;
    }

    #BLOCK_LIST_OFFRES .owl-carousel.owl-drag .owl-item:last-child {
        margin: 0 !important;
    }
}

@media(min-width: 768px) {
    #BLOCK_LIST_OFFRES .container.nosoffres {
        max-width: 1200px;
        width: calc(100% - 32px) !important;
    }
}

.bannier {
    padding: 24px;
    display: flex;
    align-items: center;
}

.bannier-espace-client {
    background: #FF91DE;
    gap: 24px;
}

.bannier-espace-client__image img {
    max-width: 116px;
    max-height: 116px;
}

.bannier-espace-client__content .no-border {
    border: none;
    cursor: pointer
}

.bannier-espace-client__content h3 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.bannier-espace-client__content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 2rem;
    font-weight: 400;
}

.bannier-contrat {
    background: #03396B;
    gap: 16px;
}

.bannier-contrat__image img {
    max-width: 216px;
}

.bannier-contrat__content p {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.6rem;
}

.bannier-contrat__content .no-border {
    color: #224358;
    border: none;
}

.bannier-contrat__content .no-border:hover {
    color: #fff;
}

.bannier-title {
    font-size: 2.4rem;
    color: #381A0A;
    line-height: 3rem;
    margin-bottom: 8px;
}

@media (max-width: 576px) {
    .bannier {
        flex-direction: column;
        text-align: center;
    }

    .bannier-espace-client__content .no-border {
        width: 100%;
    }
}

.ogi-btn {
    font-family: "Relative",Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: .7rem 1.2rem;
    min-width: 8rem;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: outline-color .25s;
    transition: outline-color .25s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    outline-color: transparent;
}