.apps-menu {
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 150;
    padding: 15px 10px 90px 0;
    min-width: 480px;
    max-width: 700px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transform-origin: center top;
    transition: all ease-out 0.25s;
    height: 100% !important;
    float: none !important;
    max-height: 100% !important;
    color: #4d4d4d
}

.apps-menu:after {
    content: "";
    display: table;
    clear: both
}

.apps-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px)
}

@media (max-width: 1365px) {
    .apps-menu {
        top: 65px
    }
}

.apps-menu:before {
    content: '';
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px;
    position: absolute;
    left: 14px;
    top: 6px;
    z-index: 1;
    height: 0;
    width: 0
}

.apps-menu-desktop,
.apps-menu-mobile {
    margin: 0 10px
}

@media screen and (max-width: 979px) {

    .apps-menu-desktop,
    .apps-menu-mobile {
        margin: 0;
        width: 50px
    }
}

.apps-menu-desktop button,
.apps-menu-mobile button {
    float: left;
    height: 50px;
    width: 50px
}

@media screen and (max-width: 979px) {

    .apps-menu-desktop button:before,
    .apps-menu-mobile button:before {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        left: 3px;
        top: 3px
    }
}

.apps-menu-inner {
    position: relative;
    padding: 20px 20px 0;
    overflow: auto;
    background: #e0e0e0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 5px 5px;
    max-height: calc(100% - 120px);
    min-height: 190px;
    min-width: 100%;
    height: 100%
}

.apps-menu-always-full-height {
    height: calc(100% - 75px)
}

.apps-menu-always-full-height .apps-menu-inner {
    height: calc(100% - 60px) !important
}

.apps-menu-top-nav {
    position: relative;
    margin: 0;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    z-index: 10
}

.apps-menu-top-nav:after {
    content: "";
    display: table;
    clear: both
}

.apps-menu-home-button {
    float: left
}

.all-apps-button {
    float: right
}

.tile-group {
    margin: 0 -5px 20px
}

.apps-menu .panel {
    padding: 0
}

.apps-menu .panel .home-tiles {
    margin: 0 -5px 20px
}

.apps-menu h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 7px;
    padding-left: 5px
}

.apps-menu .home-tile {
    font-size: 14px;
    line-height: 17px;
    width: 120px;
    height: 120px;
    padding: 5px
}

.apps-menu .home-tile:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px)
}

.apps-menu .home-tile .notif-counter {
    border-color: #e0e0e0
}

.apps-menu .home-tile>i {
    font-size: 48px;
    line-height: 48px;
    height: 48px
}

.apps-menu .home-tile>span {
    margin: 8px 5px 5px
}

.apps-menu .home-tile span span {
    max-height: 35px
}

.apps-menu .home-tile .notif-counter {
    font-size: 13px;
    line-height: 18px;
    width: 26px;
    height: 26px
}

.apps-menu .home-tile button.tile-help {
    left: -3px;
    bottom: -3px
}

.apps-menu-search {
    font-size: 14px;
    clear: both;
    padding-top: 5px
}

.apps-menu-button.apps-menu-button-mobile {
    display: none
}

@media screen and (max-width: 979px) {
    .apps-menu.apps-menu-desktop {
        top: 55px;
        width: 100%;
        min-width: inherit
    }
}

.apps-menu .panel.category span span {
    max-height: 38px
}

.article-single {
    font-size: 1.1em;
    line-height: 1.5;
    max-width: 720px;
    margin: 20px auto 120px;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif !important;
    word-wrap: break-word
}

@media (max-width: 1365px) {
    .article-single {
        margin: 20px auto 120px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .article-single {
        padding: 0 15px
    }
}

@media (max-width: 639px) {
    .article-single {
        margin: 20px auto 120px
    }
}

.article-single>*,
.article-single * {
    font-family: "Source Sans Pro", sans-serif !important
}

@media screen and (max-width: 639px) {
    .article-single {
        margin: 15px
    }
}

.article-single h1,
.article-single .article-meta {
    text-align: center
}

.article-single h1 {
    font-size: 2em;
    border: 0 !important;
    margin-bottom: -0.5em
}

.article-single h2 {
    font-weight: 700 !important;
    border: 0 !important;
    margin-top: 3em !important;
    font-size: 28px !important
}

.article-single p {
    margin: 20px 0 5px
}

.article-single ul,
.article-single ol,
.question-single ul,
.question-single ol,
.rich-text ul,
.rich-text ol {
    padding-left: 30px
}

.article-single ul li,
.article-single ol li,
.question-single ul li,
.question-single ol li,
.rich-text ul li,
.rich-text ol li {
    margin: 5px 0;
    list-style: inherit;
    list-style-position: inside
}

.article-single .article-meta {
    padding-bottom: 40px;
    margin: 16px 0 35px;
    border-bottom: 1px solid #ccc
}

.article-single .article-meta .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em
}

.article-single .article-meta .emoji .liked {
    color: #eb003b;
    margin-right: 40px;
    cursor: pointer
}

.article-single .article-meta .emoji .not-liked {
    cursor: pointer;
    margin-right: 40px
}

.article-single .article-meta .emoji span {
    margin-right: 5px
}

.article-single img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 40px auto
}

.article-single blockquote {
    font-size: calc(1em + 2px);
    font-weight: bold;
    margin: 50px;
    padding: 0 0 0 30px;
    border-width: 0 0 0 5px;
    border-style: solid;
    border-color: #ccc;
    text-align: left;
    color: #666
}

.article-single blockquote p {
    margin: -5px 0
}

.article-single .article-content {
    text-align: left;
    font-size: 16px
}

.article-single .article-content span {
    font-size: 16px !important
}

@media screen and (min-width: 1366px) {
    .article-single .article-content {
        font-size: 18px !important
    }

    .article-single .article-content span {
        font-size: 18px !important
    }
}

.article-single .article-content p span {
    line-height: 1.5
}

@media screen and (min-width: 1600px) {
    .article-single blockquote {
        float: right;
        margin: 7px -320px 30px 0;
        width: 280px
    }

    .article-single blockquote:nth-of-type(even) {
        float: left;
        text-align: right;
        border-width: 0 5px 0 0;
        padding: 0 30px 0 0;
        margin: 7px 0 30px -320px
    }
}

.fck-editor-container {
    min-height: 407px
}

.row.default-template-container {
    position: relative
}

.article-single:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #fff;
    height: 100%;
    left: 0;
    z-index: -1
}

.time-field label+strong {
    font-weight: normal
}

.crop-image-field-preview .button1.action-openWizard,
.crop-image-field-preview .button1.action-deleteImage {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none
}

.crop-image-field-preview .button1.action-openWizard:before,
.crop-image-field-preview .button1.action-deleteImage:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.crop-image-field-preview .button1.action-openWizard:hover:before,
.crop-image-field-preview .button1.action-deleteImage:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.crop-image-field-preview .action-openWizard.open-image-crop-wizard:before {
    background-color: rgba(0, 126, 217, 0.15)
}

.crop-image-field-preview .action-deleteImage.delete-image:before {
    background-color: rgba(209, 0, 59, 0.15)
}

.authentication-form {
    margin: 10px 0;
    padding: 0;
    border: none;
    font-size: 15px
}

.authentication-form form {
    position: relative;
    max-width: 600px
}

.authentication-form form p {
    margin: 0 10px 0 0
}

.authentication-form form .button-area {
    padding: 5px 0;
    margin-top: 10px
}

.authentication-form form .button-area button.action-login,
.authentication-form form .button-area button.action-logout {
    margin-left: 0
}

.authentication-form form input:not([type='checkbox']) {
    position: relative;
    min-width: 145px;
    height: 35px;
    margin: 0 10px 0 0;
    padding: 6px 12px;
    box-shadow: inset 0 0 0 25px #fff;
    font-size: 16px;
    color: #999
}

.authentication-form form label {
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px 3px 0;
    padding: 0;
    text-align: left
}

.authentication-form form label span img {
    display: none
}

.authentication-form form ul {
    margin: 0;
    padding: 0
}

.authentication-form form ul li {
    margin: 0 0 7px 0
}

.authentication-form form ul li>label {
    display: inline-block;
    vertical-align: middle;
    min-width: 80px
}

.login h1 {
    text-align: center
}

.login .authentication-form form ul li>label {
    display: block;
    width: 100%
}

.login .authentication-form form ul li input {
    width: 100%
}

.login .authentication-form form .button-area {
    text-align: right
}

.ui-loader {
    height: inherit
}

.authentication-form .workplace-authentication .button-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.EzsSystemExpiredPassword-edit .informations.info1 {
    width: calc(100% - 20px);
    text-align: left;
    margin: 0 10px 1rem
}

.EzsSystemExpiredPassword-edit .informations p {
    display: flex;
    align-items: flex-start
}

.EzsSystemExpiredPassword-edit .informations p:before {
    margin-top: -1px
}

.EzsSystemExpiredPassword-edit .fields-group TD.cell-left {
    width: 40%
}

.EzsSystemExpiredPassword-edit .fields-group TD.cell-right {
    width: 60%
}

.EzsSystemExpiredPassword-edit .medium-field {
    width: 100%
}

@media (min-width: 1600px) {
    .EzsSystemExpiredPassword-edit {
        margin: 0 20px
    }
}

@media (min-width: 1800px) {
    .EzsSystemExpiredPassword-edit {
        margin: 0 80px
    }
}

.buttonlike,
.buttonlike:link,
.buttonlike:active,
.buttonlike:visited,
.buttonlike:hover,
.buttonlike:active,
.buttonlike SPAN {
    color: #4d4d4d
}

button::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important
}

.button:focus,
button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

a.button:focus,
a.button:hover {
    opacity: 1
}

.button,
button {
    font-size: 18px;
    font-weight: 700;
    line-height: 48px;
    cursor: pointer;
    display: inline-block;
    border: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding-right: 15px;
    text-align: center
}

.button-clear:focus:before,
.button-clear:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.button.icon-right,
button.icon-right {
    padding: 0 0 0 15px
}

.button.no-icon-button,
button.no-icon-button {
    padding-left: 15px
}

.button span,
button span {
    position: relative;
    z-index: 2;
    display: inline-block
}

.button-secondary-action:focus:before,
.button-secondary-action:hover:before {
    opacity: 0.8;
    transition: all 0.1s linear
}

.button-secondary-action:focus:before:hover,
.button-secondary-action:focus:before:focus,
.button-secondary-action:hover:before:hover,
.button-secondary-action:hover:before:focus {
    background-color: #fff
}

.button-secondary-action:active:before,
.button:active:before,
button:active:before {
    opacity: 0
}

.treatment-edit .button-secondary-action:active:before,
.middle-office .button-secondary-action:active:before,
.treatment-edit .button:active:before,
.middle-office .button:active:before,
.treatment-edit button:active:before,
.middle-office button:active:before {
    opacity: 1
}

.button-clear:focus {
    outline: none
}

.button-clear:focus:before,
.button-clear:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.button-clear:active:before {
    opacity: 0.5
}

.button-square {
    width: 50px
}

.button-square,
.button-square i {
    padding: 0
}

.button-square:active:before {
    transform: scale(0.9)
}

.button-small {
    font-size: 16px;
    line-height: 40px;
    padding: 0 10px 0 0
}

.button-small i.icon_24_home {
    padding: 0 11px 0 7px
}

.button-small span {
    font-size: 16px
}

.button-small.icon-right {
    padding: 0 0 0 10px
}

.button.button-small.no-icon-button,
button.button-small.no-icon-button {
    padding-left: 10px;
    border: none
}

.button.button-small.no-icon-button:hover,
button.button-small.no-icon-button:hover {
    border: none
}

.button-small i {
    height: 40px;
    line-height: 40px;
    padding: 0 5px
}

.button-small i.icon_wide {
    padding: 0 10px
}

button i.icon_24_arrow-full-right {
    padding-right: 0
}

a.button-big:focus,
a.button-big:hover {
    border: none
}

.button-big.icon-right {
    padding: 0 0 0 15px
}

.button.button-big.no-icon-button,
button.button-big.no-icon-button {
    padding-left: 15px
}

@media screen and (min-width: 1366px) {
    .button-big.icon-right {
        padding: 0 10px 0 30px
    }

    .button.button-big.no-icon-button,
    button.button-big.no-icon-button {
        padding-left: 30px
    }

    .button-big.button-square {
        width: 60px
    }
}

@media screen and (max-width: 1365px) {

    button,
    .button {
        font-size: 16px;
        line-height: 40px;
        padding: 0 10px 0 0
    }

    button.icon-right,
    .button.icon-right {
        padding: 0 0 0 10px
    }

    .button.no-icon-button,
    button.no-icon-button {
        padding-left: 10px
    }

    button i.icon_wide,
    .button i.icon_wide {
        padding: 0 10px
    }

    .button-square {
        width: 40px
    }
}

.disabled {
    opacity: 0.3;
    pointer-events: none
}

.document-bottom-buttons .buttons-group ul {
    display: flex;
    justify-content: flex-end
}

.document-bottom-buttons .buttons-group ul li.first {
    order: 4
}

.document-bottom-buttons .buttons-group ul li:nth-child(2) {
    order: 1
}

.document-bottom-buttons .buttons-group ul li:nth-child(3) {
    order: 3
}

.document-bottom-buttons .buttons-group ul li.last {
    order: 2
}

.handler-filter-screen .document-bottom-buttons .buttons-group UL {
    justify-content: flex-start
}

.button1,
.button2:not(.action-deleteFilter),
.button3,
.buttonlike,
.view-header .popup-menu-handler.handler-sorter {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    line-height: 37px
}

.button1:hover,
.button2:not(.action-deleteFilter):hover,
.button3:hover,
.buttonlike:hover,
.view-header .popup-menu-handler.handler-sorter:hover {
    background-color: #fff !important;
    background-image: none
}

@media screen and (max-width: 320px) {

    .button1 span,
    .button2:not(.action-deleteFilter) span,
    .button3 span,
    .buttonlike span,
    .view-header .popup-menu-handler.handler-sorter span {
        font-size: 14px
    }
}

.date-field .button1:focus,
.date-field .button1:hover,
.date-field .button2:not(.action-deleteFilter):focus,
.date-field .button2:not(.action-deleteFilter):hover,
.date-field .button3:focus,
.date-field .button3:hover,
.date-field .buttonlike:focus,
.date-field .buttonlike:hover,
.date-field .view-header .popup-menu-handler.handler-sorter:focus,
.date-field .view-header .popup-menu-handler.handler-sorter:hover {
    border: 0
}

.view-actions .button1.action-create {
    background-color: #07c !important;
    border: 0 !important;
    line-height: 38px !important
}

.view-actions .button1.action-create:hover {
    background-color: rgba(0, 119, 204, 0.8) !important
}

.view-actions .button1.action-create span {
    color: #fff
}

.view-actions .button1.action-create:after {
    color: #fff
}

.search-main .horizontal-top-tabs .informations p:after,
.vui-selector-field:before,
.date-field .action-buttonShow:before,
.date-field .action-buttonErase:before,
.vui-combobox:before,
.vui-combobox-multi:before,
.datetime-field .postaction:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    opacity: 0;
    cursor: pointer;
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.search-main .horizontal-top-tabs .informations p:after:hover .search-main .horizontal-top-tabs .informations p:after,
.vui-selector-field:before:hover .search-main .horizontal-top-tabs .informations p:after,
.date-field .action-buttonShow:before:hover .search-main .horizontal-top-tabs .informations p:after,
.date-field .action-buttonErase:before:hover .search-main .horizontal-top-tabs .informations p:after,
.vui-combobox:before:hover .search-main .horizontal-top-tabs .informations p:after,
.vui-combobox-multi:before:hover .search-main .horizontal-top-tabs .informations p:after,
.datetime-field .postaction:before:hover .search-main .horizontal-top-tabs .informations p:after,
.search-main .horizontal-top-tabs .informations p:after:hover .vui-selector-field:before,
.vui-selector-field:before:hover .vui-selector-field:before,
.date-field .action-buttonShow:before:hover .vui-selector-field:before,
.date-field .action-buttonErase:before:hover .vui-selector-field:before,
.vui-combobox:before:hover .vui-selector-field:before,
.vui-combobox-multi:before:hover .vui-selector-field:before,
.datetime-field .postaction:before:hover .vui-selector-field:before,
.search-main .horizontal-top-tabs .informations p:after:hover .date-field .action-buttonShow:before,
.vui-selector-field:before:hover .date-field .action-buttonShow:before,
.date-field .action-buttonShow:before:hover .date-field .action-buttonShow:before,
.date-field .action-buttonErase:before:hover .date-field .action-buttonShow:before,
.vui-combobox:before:hover .date-field .action-buttonShow:before,
.vui-combobox-multi:before:hover .date-field .action-buttonShow:before,
.datetime-field .postaction:before:hover .date-field .action-buttonShow:before,
.search-main .horizontal-top-tabs .informations p:after:hover .date-field .action-buttonErase:before,
.vui-selector-field:before:hover .date-field .action-buttonErase:before,
.date-field .action-buttonShow:before:hover .date-field .action-buttonErase:before,
.date-field .action-buttonErase:before:hover .date-field .action-buttonErase:before,
.vui-combobox:before:hover .date-field .action-buttonErase:before,
.vui-combobox-multi:before:hover .date-field .action-buttonErase:before,
.datetime-field .postaction:before:hover .date-field .action-buttonErase:before,
.search-main .horizontal-top-tabs .informations p:after:hover .vui-combobox:before,
.vui-selector-field:before:hover .vui-combobox:before,
.date-field .action-buttonShow:before:hover .vui-combobox:before,
.date-field .action-buttonErase:before:hover .vui-combobox:before,
.vui-combobox:before:hover .vui-combobox:before,
.vui-combobox-multi:before:hover .vui-combobox:before,
.datetime-field .postaction:before:hover .vui-combobox:before,
.search-main .horizontal-top-tabs .informations p:after:hover .vui-combobox-multi:before,
.vui-selector-field:before:hover .vui-combobox-multi:before,
.date-field .action-buttonShow:before:hover .vui-combobox-multi:before,
.date-field .action-buttonErase:before:hover .vui-combobox-multi:before,
.vui-combobox:before:hover .vui-combobox-multi:before,
.vui-combobox-multi:before:hover .vui-combobox-multi:before,
.datetime-field .postaction:before:hover .vui-combobox-multi:before,
.search-main .horizontal-top-tabs .informations p:after:hover .datetime-field .postaction:before,
.vui-selector-field:before:hover .datetime-field .postaction:before,
.date-field .action-buttonShow:before:hover .datetime-field .postaction:before,
.date-field .action-buttonErase:before:hover .datetime-field .postaction:before,
.vui-combobox:before:hover .datetime-field .postaction:before,
.vui-combobox-multi:before:hover .datetime-field .postaction:before,
.datetime-field .postaction:before:hover .datetime-field .postaction:before {
    opacity: 1;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.search-main .horizontal-top-tabs .informations p:hover:after,
.vui-selector-field:hover:before,
.date-field .action-buttonShow:hover:before,
.date-field .action-buttonErase:hover:before,
.vui-combobox:hover:before,
.vui-combobox-multi:hover:before,
.datetime-field .postaction:hover:before {
    opacity: 1;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.action-logout:before,
.action-cancel:before,
[class*="combobox"]:before,
.action-passwordLost:before {
    width: auto;
    border-bottom: 0;
    opacity: 1
}

.view-header button.button1.action-reset span {
    color: #666
}

.button3 {
    background: white
}

@media (max-width: 544px) {

    .button1,
    .button2,
    .button3,
    .buttonlike {
        padding: 0 10px
    }
}

@media (max-width: 768px) {
    .vui-file-upload .dropfiles-helper {
        display: none
    }
}

.rotated-180 {
    transform: rotate(180deg)
}

.rotated-top {
    transform: rotate(-90deg)
}

.rotated-bottom {
    transform: rotate(90deg)
}

.button1.action-login,
.button1.bg-green {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s
}

.button1.action-login:hover,
.button1.bg-green:hover {
    background-color: #78cf00 !important
}

a.button1.bg-green {
    display: inline-flex
}

.dropdown-actions-wrapper.user-button-wrapper .button2.action-logout,
.button2.action-cancel {
    border: 0 !important;
    background-color: transparent !important
}

.dropdown-actions-wrapper.user-button-wrapper .button2.action-logout {
    padding: 0
}

.button1.action-save {
    padding-left: 32px
}

.button1.action-save:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 7px;
    right: auto;
    content: "";
    color: #70bf00;
    font-size: 18px
}

.button2.action-close,
.button2.action-delete,
.handler-filter-screen .button2.action-save {
    padding-left: 30px
}

.button2.action-close:after,
.button2.action-delete:after,
.handler-filter-screen .button2.action-save:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 3px;
    right: auto;
    content: "";
    color: #eb003b;
    font-size: 24px
}

.button1.action-reset {
    padding-left: 30px
}

.button1.action-reset:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 3px;
    right: auto;
    content: "";
    color: #4d4d4d;
    font-size: 24px
}

.go-to-highlighted {
    padding-left: 25px
}

.go-to-highlighted:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 8px;
    right: auto;
    content: "";
    color: #666;
    font-size: 12px
}

.go-to-highlighted:disabled:before {
    color: #e0e0e0
}

.go-to-highlighted.go-to-highlighted-mobile {
    display: none
}

.button1.handler-filter {
    padding-left: 42px;
    margin-top: 0
}

.button1.handler-filter:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 10px;
    right: auto;
    content: "";
    color: #666;
    font-size: 23px
}

@media (max-width: 768px) {
    .button1.handler-filter {
        width: 40px !important;
        padding: 0
    }

    .button1.handler-filter span {
        display: none !important
    }

    .button1.handler-filter:after {
        left: 8px
    }
}

.view-header .view-actions .button2.action-delete {
    width: 40px;
    padding: 0
}

.view-header .view-actions .button2.action-delete:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 23px
}

.view-header .view-actions .button2.action-delete>span {
    font-size: 0
}

.view-header .popup-menu-handler.handler-sorter {
    position: relative;
    width: 40px;
    margin-right: 10px
}

.view-header .popup-menu-handler.handler-sorter:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 23px
}

.view-header .popup-menu-handler.handler-sorter .button-imgr {
    height: 100%;
    vertical-align: top
}

.view-header .view-actions .button1,
.view-header .view-actions .button2,
.view-header .view-actions .button3,
.view-header.view-has-actions .button1 {
    margin-right: 10px
}

.button1.action-refresh {
    padding-left: 35px
}

.button1.action-refresh:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 6px;
    right: auto;
    content: "";
    color: #666;
    font-size: 23px
}

.button1.action-add {
    padding-left: 35px
}

.button1.action-add:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 10px;
    right: auto;
    content: "";
    color: #70bf00;
    font-size: 18px
}

.button1.action-ok,
.button1.action-validate,
.button1.action-search,
.button1.action-saveandclose,
.button1.action-terminate,
.button1.action-change-password {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    padding: 0 10px 0 35px;
    height: 40px !important;
    font-size: 16px
}

.button1.action-ok:hover,
.button1.action-validate:hover,
.button1.action-search:hover,
.button1.action-saveandclose:hover,
.button1.action-terminate:hover,
.button1.action-change-password:hover {
    background-color: #78cf00 !important
}

.button1.action-ok:after,
.button1.action-validate:after,
.button1.action-search:after,
.button1.action-saveandclose:after,
.button1.action-terminate:after,
.button1.action-change-password:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    left: 10px;
    right: auto;
    content: "";
    color: #fff;
    font-size: 18px
}

.button3.action-test-connection {
    padding-left: 35px
}

.button3.action-test-connection:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    left: 10px;
    right: auto;
    content: "";
    color: #07c;
    font-size: 18px
}

.viewer-messages .button1.action-download {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    padding: 0 10px 0 38px !important;
    height: 40px !important;
    font-size: 16px
}

.viewer-messages .button1.action-download:hover {
    background-color: #78cf00 !important
}

.viewer-messages .button1.action-download:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px !important;
    left: 10px !important;
    right: auto;
    content: "";
    color: #fff;
    font-size: 18px !important
}

.buttons-group:not(.dyntable-form .document-top-buttons .buttons-group) .button1.action-next,
.buttons-group:not(.dyntable-form .document-top-buttons .buttons-group) .button1.action-previous {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    padding: 0 10px;
    height: 40px !important;
    font-size: 16px
}

.buttons-group:not(.dyntable-form .document-top-buttons .buttons-group) .button1.action-next:hover,
.buttons-group:not(.dyntable-form .document-top-buttons .buttons-group) .button1.action-previous:hover {
    background-color: #78cf00 !important
}

.button1.action-reload {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    padding: 0 10px 0 32px;
    height: 40px !important;
    font-size: 16px
}

.button1.action-reload:hover {
    background-color: #78cf00 !important
}

.button1.action-reload:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    left: 7px;
    right: auto;
    content: "";
    color: #fff;
    font-size: 18px
}

.button1.action-create,
.button1.action-new {
    padding-left: 30px
}

.button1.action-create:after,
.button1.action-new:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: 6px;
    right: auto;
    content: "";
    color: #70bf00;
    font-size: 18px
}

.view-actions .button1.action-create {
    margin-right: 10px
}

.button1.action-newCopy {
    padding-left: 43px
}

@media (max-width: 544px) {
    .button1.action-newCopy {
        padding-left: 30px
    }

    .button1.action-newCopy:after {
        left: 9px !important
    }
}

.button1.action-newCopy:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: 10px;
    right: auto;
    content: "";
    color: #d900a3;
    font-size: 24px
}

.news-preview-button .button1 {
    padding-left: 39px
}

.news-preview-button .button1:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 8px;
    right: auto;
    content: "";
    color: #07c;
    font-size: 24px
}

.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li .button3.action-close {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    height: 40px !important;
    padding: 0 10px 0 35px;
    margin-top: -2px
}

.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li .button3.action-close:hover {
    background-color: #78cf00 !important
}

.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li .button3.action-close:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    left: 10px;
    right: auto;
    content: "";
    color: #fff;
    font-size: 18px
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-previous,
.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-next {
    width: 40px
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-previous>span,
.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-next>span {
    font-size: 0
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-previous:after,
.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-next:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-previous:after {
    position: absolute;
    top: 1px;
    left: 6px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons .button1.action-next:after {
    position: absolute;
    top: 1px;
    left: 8px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.button1.action-BackToParent {
    padding-left: 30px
}

.button1.action-BackToParent:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 6px;
    right: auto;
    content: "";
    color: #666;
    font-size: 18px
}

.button1.action-team-discussion {
    padding-left: 40px;
    margin-left: 5px
}

.button1.action-team-discussion:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 9px;
    right: auto;
    content: "";
    color: #faa700;
    font-size: 24px
}

@media (max-width: 1300px) {
    .button1.action-team-discussion {
        padding-left: 0;
        width: 40px
    }

    .button1.action-team-discussion:after {
        left: 7px
    }

    .button1.action-team-discussion span {
        display: none
    }
}

.signature-opener-container .action-signature-edit,
.signature-opener-container .action-signature-edit:hover {
    background-image: none
}

.button1.action-signature-edit {
    width: 40px !important
}

.button1.action-signature-edit:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.browser .first-page,
.browser .previous-page,
.browser .page,
.browser .next-page,
.browser .last-page {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s
}

.browser .first-page:hover,
.browser .previous-page:hover,
.browser .page:hover,
.browser .next-page:hover,
.browser .last-page:hover {
    background-color: #fff !important;
    background-image: none
}

.popup-menu-handler.handler-selection a,
.popup-menu-handler.handler-deselection a {
    display: none
}

.popup-menu-handler.handler-selection,
.popup-menu-handler.handler-deselection {
    position: relative
}

.popup-menu-handler.handler-selection:before,
.popup-menu-handler.handler-deselection:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
    content: "";
    color: #70bf00;
    font-size: 18px
}

.popup-menu-handler.handler-selection:after,
.popup-menu-handler.handler-deselection:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 9px;
    left: auto;
    right: 10px;
    content: "";
    color: #666;
    font-size: 23px
}

.popup-menu-handler.handler-deselection:before {
    position: absolute;
    top: 9px;
    left: 10px;
    right: auto;
    content: "";
    color: #eb003b;
    font-size: 23px
}

.popup-menu-handler.handler-selection .button-imgr,
.popup-menu-handler.handler-deselection .button-imgr {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    background-image: none;
    min-width: 63px
}

.popup-menu-handler.handler-selection .button-imgr:hover,
.popup-menu-handler.handler-deselection .button-imgr:hover {
    background-color: #fff !important;
    background-image: none
}

.view-header .view-options .popup-menu-handler.handler-displaymode {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    position: relative;
    width: 40px !important
}

.view-header .view-options .popup-menu-handler.handler-displaymode:hover {
    background-color: #fff !important;
    background-image: none
}

.view-header .view-options .popup-menu-handler.handler-displaymode:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.thematic-page-container .navigation-area .streamline .action-root,
.default-template-container .navigation-area .streamline .action-root {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    position: relative;
    width: 30px !important;
    height: 30px !important;
    background-color: transparent !important;
    border: 0 !important
}

.thematic-page-container .navigation-area .streamline .action-root:hover,
.default-template-container .navigation-area .streamline .action-root:hover {
    background-color: #fff !important;
    background-image: none
}

.thematic-page-container .navigation-area .streamline .action-root:after,
.default-template-container .navigation-area .streamline .action-root:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -5px;
    left: 3px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.thematic-page-container .navigation-area .streamline .action-root:hover,
.default-template-container .navigation-area .streamline .action-root:hover {
    background-color: #e0e0e0 !important
}

.handler-actions .button-imgr {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    height: 22px !important
}

.handler-actions .button-imgr:hover {
    background-color: #fff !important;
    background-image: none
}

.crop-buttons li.first button {
    position: relative;
    padding-left: 30px
}

.crop-buttons li.first button:before {
    font-size: 24px;
    margin-left: 0;
    position: absolute;
    top: 6px;
    left: 5px
}

.button1.action-help:before,
.button1.action-print:before {
    content: "";
    font-size: 22px;
    line-height: 24px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -2px 5px 0 -2px
}

.button1.action-showall,
.button1.action-deleteall,
.button1.action-minus,
.button1.action-Editer-la-reference {
    border: 0 !important;
    background-color: transparent !important;
    color: #0077cc;
    font-weight: normal;
    line-height: 16px;
    height: auto !important
}

.button1.action-showall span,
.button1.action-deleteall span,
.button1.action-minus span,
.button1.action-Editer-la-reference span {
    border-bottom: 1px dotted #0077cc
}

.button1.action-showall:hover span,
.button1.action-deleteall:hover span,
.button1.action-minus:hover span,
.button1.action-Editer-la-reference:hover span {
    border-bottom-style: solid
}

.document-main-buttons .handler-workflow-actions-menu a,
.document-main-buttons .handler-workflow-more-actions-menu a,
.popup-menu-handler.handler-more a,
.popup-menu-handler.handler-row a {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    display: inline-block
}

.document-main-buttons .handler-workflow-actions-menu a:hover,
.document-main-buttons .handler-workflow-more-actions-menu a:hover,
.popup-menu-handler.handler-more a:hover,
.popup-menu-handler.handler-row a:hover {
    background-color: #fff !important;
    background-image: none
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) {
    height: 50px;
    position: relative
}

@media (max-width: 768px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) {
        height: 40px
    }
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single):after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 13px;
    left: auto;
    right: 9px;
    content: "";
    color: #fff;
    font-size: 32px
}

@media (max-width: 767px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single):after {
        top: 9px;
        right: 4px
    }
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single)>span {
    height: 100%
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a,
.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) .button-imgr {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a:hover,
.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) .button-imgr:hover {
    background-color: #78cf00 !important
}

@media (max-width: 767px) {

    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a,
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) .button-imgr {
        height: 40px !important;
        line-height: 28px
    }
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
    border-radius: 5px 0 0 5px
}

@media (min-width: 769px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
        position: relative;
        padding-left: 46px
    }

    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a:before {
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 6px;
        left: 12px;
        right: auto;
        content: "";
        color: #fff;
        font-size: 23px
    }
}

@media (max-width: 767px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
        font-size: 16px;
        padding: 5px 15px
    }
}

@media (max-width: 414px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 255px
    }
}

@media (max-width: 375px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
        max-width: 215px
    }
}

@media (max-width: 320px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) a {
        max-width: 160px
    }
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) .button-imgr {
    width: 50px;
    border-radius: 0 5px 5px 0;
    background-image: none;
    margin-left: -1px
}

@media (max-width: 767px) {
    .document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu:not(.popup-menu-handler-single) .button-imgr {
        width: 40px
    }
}

.thematic-page-container .block-btn .button1,
.default-template-container .block-btn .button1 {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s;
    height: 60px !important;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    padding: 0
}

.thematic-page-container .block-btn .button1:hover,
.default-template-container .block-btn .button1:hover {
    background-color: #78cf00 !important
}

.thematic-page-container .block-btn .button2,
.default-template-container .block-btn .button2,
.thematic-page-container .block-btn a,
.default-template-container .block-btn a {
    height: 60px !important;
    line-height: 58px !important;
    text-align: center;
    font-size: 24px
}

.popup-menu-handler.handler-row .button-imgr,
.popup-menu-handler.handler-more .button-imgr {
    display: none
}

.document-main-buttons .handler-workflow-more-actions-menu>span:hover {
    border: 0
}

.popup-menu-handler.handler-row a,
.popup-menu-handler.handler-more a,
.document-main-buttons .handler-workflow-more-actions-menu a {
    position: relative;
    padding-right: 30px
}

.popup-menu-handler.handler-row a:after,
.popup-menu-handler.handler-more a:after,
.document-main-buttons .handler-workflow-more-actions-menu a:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: auto;
    right: 4px;
    content: "";
    color: #666;
    font-size: 23px
}

.document-main-buttons .handler-workflow-more-actions-menu.popup-menu-handler-empty:after {
    content: ""
}

.document-main-buttons .handler-workflow-more-actions-menu.popup-menu-handler-empty .button-imgr {
    display: none
}

@media (max-width: 544px) {
    .document-main-buttons .handler-workflow-more-actions-menu {
        min-width: 36px
    }

    .document-main-buttons .handler-workflow-more-actions-menu:after {
        top: 7px;
        right: 6px
    }
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty {
    height: 50px;
    line-height: 50px;
    display: inline-flex;
    align-items: center
}

@media (max-width: 768px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty {
        height: 40px;
        line-height: 40px
    }
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span {
    height: 100%
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
    height: 50px !important;
    line-height: 38px;
    font-size: 18px;
    padding: 5px 20px;
    background-color: #70bf00 !important;
    color: #fff;
    border: 0 !important;
    transition: all linear 0.1s
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a:hover {
    background-color: #78cf00 !important
}

@media (min-width: 769px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
        position: relative;
        padding-left: 46px
    }

    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a:before {
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 6px;
        left: 12px;
        right: auto;
        content: "";
        color: #fff;
        font-size: 23px
    }
}

@media (max-width: 768px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
        height: 40px !important;
        line-height: 28px;
        font-size: 14px;
        padding: 5px 10px
    }
}

@media (max-width: 414px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 294px
    }
}

@media (max-width: 375px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
        max-width: 260px
    }
}

@media (max-width: 320px) {
    .document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty span a {
        max-width: 200px
    }
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty:after {
    content: ""
}

.document-main-buttons .handler-workflow-actions-menu.popup-menu-handler-empty .button-imgr {
    display: none
}

@media (max-width: 320px) {
    .popup-menu-handler.handler-workflow-actions-menu.popup-menu-handler-split.popup-menu-handler-empty span a {
        font-size: 0
    }

    .popup-menu-handler.handler-workflow-actions-menu.popup-menu-handler-split.popup-menu-handler-empty span a:before {
        margin: inherit;
        margin-left: 3px
    }
}

.document-main-buttons .popup-menu-handler-empty:after {
    display: none
}

.document-main-buttons .handler-workflow-more-actions-menu {
    order: 2;
    margin-left: 5px
}

.popup-menu-handler.handler-row,
.popup-menu-handler.handler-more,
.document-main-buttons .handler-workflow-more-actions-menu {
    background-image: none;
    min-height: 40px;
    display: flex;
    align-items: center
}

.popup-menu-handler.handler-row:hover,
.popup-menu-handler.handler-more:hover,
.document-main-buttons .handler-workflow-more-actions-menu:hover {
    background-image: none
}

.document-main-buttons .handler-workflow-actions-menu .button-imgr,
.document-main-buttons .handler-workflow-more-actions-menu .button-imgr {
    display: none
}

.document-main-buttons .right-document-main-buttons .handler-workflow-actions-menu .button-imgr {
    display: inline-block
}

.form-area.fixed-buttons {
    padding-top: 66px
}

.form-area.fixed-buttons>.document-top-buttons {
    position: fixed;
    width: calc(100% - 60px);
    top: 75px;
    left: 60px;
    background: white;
    z-index: +41;
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.25);
    padding: 0 25px 0 15px
}

@media (max-width: 1365px) {
    .form-area.fixed-buttons>.document-top-buttons {
        top: 65px
    }
}

@media (max-width: 979px) {
    .form-area.fixed-buttons>.document-top-buttons {
        top: 55px
    }
}

@media (max-width: 768px) {
    .form-area.fixed-buttons>.document-top-buttons {
        padding: 0 10px
    }
}

.shortcut-bar-empty+.overlay+.container-fluid .form-area.fixed-buttons>.document-top-buttons {
    left: 0
}

@media (min-width: 768px) {
    .middle-office .form-area.fixed-buttons>.document-top-buttons {
        left: 300px;
        width: calc(100% - 300px)
    }
}

.middle-office .form-area.fixed-buttons>.document-top-buttons .buttons-group {
    padding: 10px 0
}

.document-main-buttons .left-document-main-buttons {
    display: flex
}

.document-main-buttons .left-document-main-buttons button:first-child {
    margin-left: 0
}

@media (max-width: 1024px) {
    .document-main-buttons .left-document-main-buttons button:first-child {
        font-size: 0
    }

    .document-main-buttons .left-document-main-buttons button span {
        display: none
    }

    .document-main-buttons .left-document-main-buttons .go-to-highlighted,
    .document-main-buttons .left-document-main-buttons .button1.action-save,
    .document-main-buttons .left-document-main-buttons .button2.action-close,
    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu {
        width: 40px;
        padding: 0
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a {
        padding: 0;
        font-size: 0;
        width: 40px
    }

    .document-main-buttons .left-document-main-buttons .go-to-highlighted:after {
        left: 13px
    }

    .document-main-buttons .left-document-main-buttons .button1.action-save:after {
        left: 10px
    }

    .document-main-buttons .left-document-main-buttons .button2.action-close:after {
        left: 7px
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a:after {
        right: 7px
    }
}

@media (max-width: 767px) {
    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a {
        background: transparent !important;
        border: 0 !important
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a:before {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.12);
        transform: scale(0.8);
        border-radius: 5px;
        transition: all 0.1s linear
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a:hover:before {
        opacity: 1;
        transform: scale(1);
        transition: all 0.05s linear
    }

    .document-main-buttons .left-document-main-buttons .handler-workflow-more-actions-menu a:after {
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\ea3f";
        transform: rotate(90deg);
        right: 8px
    }
}

.document-main-buttons .middle-document-main-buttons {
    display: flex
}

.document-main-buttons .right-document-main-buttons {
    flex: 1 1 auto;
    margin-right: 0
}

@media (min-width: 768px) {
    .document-main-buttons .right-document-main-buttons {
        text-align: right
    }
}

.buttons-group.document-main-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.buttons-group.document-main-buttons:after {
    clear: both;
    content: "";
    display: table
}

.buttons-group.document-main-buttons div[rel="popup-menu handler-workflow-more-actions-menu-menu"] {
    display: block !important;
    order: 1;
    background: transparent
}

.buttons-group.document-main-buttons div[rel="popup-menu handler-workflow-more-actions-menu-menu"] li:not(.go-to-highlighted-popup-menu):not(.action-save):not(.action-close) {
    display: none
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons div[rel="popup-menu handler-workflow-more-actions-menu-menu"] li {
        display: none !important
    }

    .buttons-group.document-main-buttons div[rel="popup-menu handler-workflow-more-actions-menu-menu"] li.action-saveandclose {
        display: inline-block !important
    }
}

.buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    display: block;
    width: 40px;
    position: relative;
    margin-left: 2px
}

.buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a:hover {
    background-color: #fff !important;
    background-image: none
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a {
        height: 32px !important;
        line-height: 30px;
        width: 32px
    }
}

.buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a span {
    display: none
}

.buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 13px;
    right: auto;
    content: "";
    color: #666;
    font-size: 12px
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.go-to-highlighted-popup-menu a:after {
        left: 9px
    }
}

.buttons-group.document-main-buttons li.action-save a {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    display: block;
    width: 40px;
    position: relative;
    margin-left: 2px
}

.buttons-group.document-main-buttons li.action-save a:hover {
    background-color: #fff !important;
    background-image: none
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.action-save a {
        height: 32px !important;
        line-height: 30px;
        width: 32px
    }
}

.buttons-group.document-main-buttons li.action-save a span {
    display: none
}

.buttons-group.document-main-buttons li.action-save a:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 10px;
    right: auto;
    content: "";
    color: #70bf00;
    font-size: 18px
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.action-save a:after {
        left: 7px
    }
}

.buttons-group.document-main-buttons li.action-close a {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    display: block;
    width: 40px;
    position: relative;
    margin-left: 2px
}

.buttons-group.document-main-buttons li.action-close a:hover {
    background-color: #fff !important;
    background-image: none
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.action-close a {
        height: 32px !important;
        line-height: 30px;
        width: 32px
    }
}

.buttons-group.document-main-buttons li.action-close a span {
    display: none
}

.buttons-group.document-main-buttons li.action-close a:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 1px;
    left: 7px;
    right: auto;
    content: "";
    color: #eb003b;
    font-size: 24px
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.action-close a:after {
        left: 3px
    }
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons li.action-saveandclose a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 38px;
        margin-right: 10px;
        position: relative;
        border: 0
    }

    .buttons-group.document-main-buttons li.action-saveandclose a span {
        display: none
    }

    .buttons-group.document-main-buttons li.action-saveandclose a:before {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.12);
        transform: scale(0.8);
        border-radius: 5px;
        transition: all 0.1s linear
    }

    .buttons-group.document-main-buttons li.action-saveandclose a:hover:before {
        opacity: 1;
        transform: scale(1);
        transition: all 0.05s linear
    }

    .buttons-group.document-main-buttons li.action-saveandclose a:after {
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 1px;
        left: 7px;
        right: auto;
        content: "";
        color: #666;
        font-size: 24px
    }
}

.buttons-group.document-secondary-buttons {
    padding: 0
}

.button-area.document-top-buttons {
    padding: 10px 0
}

@media (max-width: 768px) {
    .button-area.document-top-buttons {
        padding: 10px;
        position: relative;
        min-height: 60px
    }
}

.popup-menu {
    border-radius: 4px;
    border: 0;
    z-index: 9050;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.popup-menu.handler-actions-menu {
    margin-left: 33px;
    margin-top: 1px
}

.popup-menu ul {
    margin: 10px;
    min-width: 210px
}

.popup-menu.handler-row-menu ul {
    min-width: inherit
}

.handler-workflow-more-actions-menu-menu .action-save a:before {
    content: "";
    font-size: 16px;
    line-height: 24px;
    color: #70bf00;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -3px 5px 0 -2px
}

.handler-workflow-more-actions-menu-menu .action-close a:before {
    content: "";
    font-size: 20px;
    line-height: 24px;
    color: #eb003b;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -5px;
    margin-right: 1px
}

.vui-combobox-plus .button1 {
    background-color: #e6e6e6;
    vertical-align: top;
    height: 30px;
    width: 30px;
    background-image: none !important;
    padding: 0;
    position: relative;
    left: -15px;
    top: 0;
    line-height: 24px
}

.vui-combobox-plus .button1:after {
    content: "";
    font-size: 16px;
    line-height: 24px;
    color: #4d4d4d;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0deg);
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1
}

.vui-selector-selected-items .vui-combobox-minus .button1 {
    background-image: none !important;
    padding: 0;
    height: inherit;
    border-bottom: 1px dotted #007bc2;
    border-radius: 0
}

.vui-selector-selected-items .vui-combobox-minus .button1:hover {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #007bc2
}

.vui-selector-selected-items .vui-combobox-minus .button1 span {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #007bc2;
    padding: 5px 0
}

.vui-selector-selected-items .vui-combobox-minus .button1 span:hover {
    color: #007bc2
}

.vui-selector-selected-items .vui-combobox-minus .button1:before {
    display: none
}

.vui-selector-selected-items .vui-combobox-minus .button1:hover span,
.vui-selector-selected-items .vui-combobox-minus .button1:active span {
    color: #007bc2
}

.button1.action-Editer-la-reference,
.button1.action-Edit-reference {
    margin: 0 0 0 10px
}

.button1.action-Editer-la-reference,
.button1.action-Edit-reference,
.button1.action-showall,
.treatment-edit .button1.action-showall,
.button1.action-deleteall,
.treatment-edit .button1.action-deleteall {
    background: none;
    border: none;
    font-weight: normal;
    padding: 0;
    border-bottom: 1px dotted #07c;
    border-radius: 0;
    height: inherit;
    margin-right: 10px
}

.button1.action-Editer-la-reference:before,
.button1.action-Edit-reference:before,
.button1.action-showall:before,
.treatment-edit .button1.action-showall:before,
.button1.action-deleteall:before,
.treatment-edit .button1.action-deleteall:before {
    border: 0
}

.button1.action-Editer-la-reference span,
.button1.action-Edit-reference span,
.button1.action-showall span,
.treatment-edit .button1.action-showall span,
.button1.action-deleteall span,
.treatment-edit .button1.action-deleteall span {
    color: #07c;
    font-weight: normal
}

.button1.action-Editer-la-reference:focus,
.button1.action-Editer-la-reference:hover,
.button1.action-Edit-reference:focus,
.button1.action-Edit-reference:hover,
.button1.action-showall:focus,
.button1.action-showall:hover,
.treatment-edit .button1.action-showall:focus,
.treatment-edit .button1.action-showall:hover,
.button1.action-deleteall:focus,
.button1.action-deleteall:hover,
.treatment-edit .button1.action-deleteall:focus,
.treatment-edit .button1.action-deleteall:hover {
    border: 0;
    border-bottom: 1px solid #07c
}

.button1.action-Editer-la-reference:focus span,
.button1.action-Editer-la-reference:hover span,
.button1.action-Edit-reference:focus span,
.button1.action-Edit-reference:hover span,
.button1.action-showall:focus span,
.button1.action-showall:hover span,
.treatment-edit .button1.action-showall:focus span,
.treatment-edit .button1.action-showall:hover span,
.button1.action-deleteall:focus span,
.button1.action-deleteall:hover span,
.treatment-edit .button1.action-deleteall:focus span,
.treatment-edit .button1.action-deleteall:hover span {
    color: #07c
}

.upload-avatar-button span {
    display: none
}

.action--1,
.action--1-2,
.action--1-4 {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s
}

.action--1:hover,
.action--1-2:hover,
.action--1-4:hover {
    background-color: #fff !important;
    background-image: none
}

.button2.action-initialize {
    margin: 0 0 0 5px
}

.tree .buttons-outer .button1 {
    margin-right: 10px
}

.button-big.bg-green {
    height: 60px !important;
    border-radius: 5px;
    padding: 0 20px;
    line-height: 58px;
    background-color: #70bf00 !important;
    background-image: none;
    border: 0 !important;
    font-size: 24px;
    font-weight: bold;
    color: #fff !important;
    transition: all linear 0.1s
}

.button-big.bg-green:hover {
    background-color: #78cf00 !important
}

.button-big.bg-green.action-create {
    display: flex;
    justify-content: center
}

.button-big.bg-green.action-create i {
    font-size: 24px;
    margin-right: 10px;
    margin-top: 1px
}

@media (max-width: 768px) {
    .button-big.bg-green.action-create {
        height: 50px !important;
        line-height: 48px !important;
        font-size: 18px
    }

    .button-big.bg-green.action-create i {
        font-size: 18px;
        margin-right: 10px;
        margin-top: 1px
    }
}

.button.apps-menu-home-button {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: transparent;
    background-image: none;
    border: 0 !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    position: relative;
    padding-left: 37px
}

.button.apps-menu-home-button:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s linear;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8)
}

.button.apps-menu-home-button:hover:before {
    opacity: 1;
    transform: scale(1)
}

.button.apps-menu-home-button i {
    display: none
}

.button.apps-menu-home-button:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.button.all-apps-button {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: transparent;
    background-image: none;
    border: 0 !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    position: relative;
    padding-left: 37px
}

.button.all-apps-button:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s linear;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8)
}

.button.all-apps-button:hover:before {
    opacity: 1;
    transform: scale(1)
}

.button.all-apps-button i {
    display: none
}

.button.all-apps-button:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 24px
}

.EzsSystemExpiredPassword-edit .action-validate {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: transparent;
    background-image: none;
    border: 0 !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    position: relative;
    padding-left: 37px;
    background-color: transparent !important
}

.EzsSystemExpiredPassword-edit .action-validate:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s linear;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8)
}

.EzsSystemExpiredPassword-edit .action-validate:hover:before {
    opacity: 1;
    transform: scale(1)
}

.EzsSystemExpiredPassword-edit .action-validate:hover {
    background-color: transparent !important
}

.EzsSystemExpiredPassword-edit .action-validate:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 7px;
    right: auto;
    content: "";
    color: #666;
    font-size: 18px
}

.collapsable-block-button {
    display: flex;
    justify-content: center
}

.view-more-button {
    display: flex;
    align-items: center
}

.view-more-button:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: border-box;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    border: none;
    background-color: rgba(0, 119, 204, 0.15)
}

.view-more-button:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.button1.action-custom {
    padding-left: 35px
}

.button1.action-custom:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: 10px;
    right: auto;
    content: "";
    color: #666;
    font-size: 17px
}

.button1.action-emptyQueue {
    white-space: nowrap
}

.client-view {
    padding: 30px 15px
}

@media (min-width: 769px) and (max-width: 1365px) {
    .client-view {
        padding: 15px 0
    }

    .client-view .col:first-child {
        padding-right: 0
    }
}

.client-view:before,
.client-view:after {
    content: " ";
    display: table;
    clear: both
}

.client-view h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.015em;
    margin-top: -0.4em;
    border-bottom: 5px solid #e0e0e0;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em
}

@media (max-width: 768px) {
    .client-view {
        padding: 15px 0
    }

    .client-view .col {
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .client-view {
        padding: 1px 0 0 0
    }

    .client-view .col .panel {
        margin: 0 -15px
    }
}

.company-logo {
    text-align: center;
    padding: 10px 0 20px;
    margin-bottom: 20px;
    border-bottom: 5px solid #e0e0e0
}

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

.company-details {
    margin-bottom: 20px
}

.company-details li {
    line-height: 1.2;
    margin-bottom: 10px
}

.company-details li>* {
    display: inline-block;
    vertical-align: top;
    height: 100%
}

.company-details li i {
    width: 30px;
    margin-right: 5px
}

.company-details li small {
    width: calc(100% - 35px);
    margin-top: 4px
}

.company-map {
    width: calc(100% + 50px);
    height: 240px;
    display: block;
    margin: 0 -25px 0
}

@media (min-width: 769px) and (max-width: 1024px) {
    .company-map {
        width: calc(100% + 20px);
        margin: 0 -15px 0
    }
}

@media (max-width: 768px) {
    .company-map {
        display: block;
        padding-bottom: 10px
    }
}

.company-map iframe {
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (max-width: 1365px) {
    .company-map iframe {
        width: 260px;
        height: 240px;
        display: block;
        margin: 0 auto;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 1024px) {
    .company-map iframe {
        padding-bottom: 0
    }
}

@media screen and (max-width: 979px) {
    .company-map iframe {
        width: calc(100% + 10px);
        height: 100%;
        display: block;
        margin: 0 auto;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 768px) {
    .company-map {
        width: inherit;
        margin: 0
    }

    .company-map iframe {
        height: 240px;
        width: calc(100% + 30px);
        margin: 0 -15px -15px
    }
}

.client-view-contacts h4 {
    font-size: 18px;
    margin-bottom: 0
}

.client-view-contacts .title-wrapper h2 {
    margin-bottom: 10px
}

.client-view-contacts .standard-tabs {
    margin-bottom: 0;
    border: none
}

.client-view-contacts a.search-result-inner {
    padding: 15px 10px 10px;
    border-bottom: 1px solid #ccc
}

.client-view-contacts .search-result:last-of-type .search-result-inner {
    border: none
}

.client-view-contacts .search-result-data {
    padding: 0 0 0 15px;
    line-height: 1.3
}

.client-view-contacts .search-misc-data i {
    vertical-align: -17%
}

.client-view-contacts .search-misc-data .contact-phone-number:empty,
.client-view-contacts .search-misc-data .contact-mobile-phone-number:empty {
    display: none
}

.client-view-contacts .search-misc-data .contact-phone-number:before,
.client-view-contacts .search-misc-data .contact-mobile-phone-number:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 30px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 1px
}

.client-view-contacts .search-misc-data .contact-phone-number {
    margin-right: 10px
}

.client-view-contacts .search-misc-data .contact-phone-number:before {
    content: '\e92c';
    color: gray
}

.client-view-contacts .search-misc-data .contact-mobile-phone-number:before {
    content: '\e92b';
    color: gray
}

.client-view-contacts .search-misc-data .icon_24_mobile {
    margin-left: 10px
}

.client-view-client-contacts .search-result-inner {
    padding-left: 0;
    padding-right: 0
}

.client-view-client-contacts .search-result .search-result-data {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.client-view-client-contacts .search-result:last-child .search-result-data {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.client-view-internal-contacts {
    display: none;
    opacity: 0
}

.client-view-internal-contacts a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.2s linear, transform 0.2s ease-out;
    background-color: #ccc
}

.client-view-internal-contacts .search-result .search-misc-data,
.client-view-client-contacts .search-result .search-misc-data {
    margin: 0;
    font-size: 18px
}

.client-view-client-contacts .search-result-inner:before {
    background: transparent
}

.customer-view-toolbar {
    font-size: 0;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .customer-view-toolbar {
        margin-top: 20px
    }
}

.customer-view-toolbar .dropdown-actions-wrapper {
    display: inline-block;
    margin-right: 15px
}

.client-view .customer-view-toolbar a.button-secondary-action {
    float: right;
    margin: 5px 0 0;
    background-color: #f2f2f2
}

@media (max-width: 544px) {
    .customer-view-toolbar {
        margin-bottom: 20px
    }

    .customer-view-toolbar .dropdown-actions-wrapper {
        width: 100%;
        text-align: center
    }

    .customer-view-toolbar .dropdown-actions-wrapper button {
        width: 100%
    }

    .customer-view-toolbar .button:last-child {
        margin-top: 10px
    }
}

.client-view .panel {
    margin-bottom: 30px;
    width: 100%
}

.client-view-contacts {
    width: 100%
}

.client-view .panel .panel-content h2 {
    margin-top: -0.4em
}

.client-view .panel .panel-content small {
    font-size: 0.89em
}

.company-details li:first-child {
    display: inline-flex;
    width: 100%
}

.company-details li ul {
    width: 100%
}

.company-details li ul li:first-child {
    margin-bottom: 0;
    width: 100%
}

.client-view .col-sm-3 {
    width: 370px;
    padding: 0
}

.client-view .col-sm-9 {
    width: calc(100% - 370px);
    padding: 0
}

@media screen and (min-width: 1600px) {
    .client-view .col-sm-3 {
        width: 450px
    }

    .client-view .col-sm-9 {
        width: calc(100% - 450px)
    }
}

.client-view .panel-content .screen .screen .view-area .table img {
    margin-right: 10px;
    min-width: 40px
}

.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell1,
.client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell2 {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1024px) {

    .client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell1,
    .client-view .panel-content .screen .screen .view-area .table tr td:nth-last-child(2).cell2 {
        display: block
    }
}

.title-zone h1 {
    padding: 14px 0 22px 30px;
    margin: 0
}

.table-view .empty {
    padding: 5px;
    border: #f0f0f0 solid 6px;
    box-shadow: 0 0 0 18px #f0f0f0;
    background-color: #f0f0f0;
    color: #4d4d4d
}

@media screen and (max-width: 1365px) {
    .client-view {
        padding: 15px
    }

    .client-view .col-sm-3 {
        width: 270px;
        margin-right: 15px
    }

    .client-view .col-sm-9 {
        width: calc(100% - 270px)
    }

    .client-view .panel .panel-content h2 {
        margin-top: 0;
        font-size: 24px
    }

    .client-view .panel {
        margin-bottom: 15px;
        padding: 20px
    }

    .title-zone a.button {
        margin: 15px 15px 15px 0
    }

    .topbar.title-zone .button.button-clear i.icon_48 {
        font-size: 48px;
        line-height: 50px;
        height: 50px;
        width: 50px;
        padding: 0
    }

    .title-zone h1 {
        padding: 16px 0 22px 15px
    }
}

@media screen and (max-width: 979px) {
    .client-view {
        padding: 0
    }

    .client-view .col-sm-3 {
        width: 100%;
        margin-top: 1px
    }

    .client-view .col-sm-9 {
        width: 100%
    }

    .client-view .panel {
        padding: 15px;
        margin-bottom: 0
    }

    .client-view .col .panel {
        margin: 0
    }

    .company-details li small {
        width: calc(100% - 35px)
    }

    .company-details li ul li:first-child small {
        width: 100%
    }

    .title-zone h1 {
        padding: 16px 0 24px 15px;
        font-size: 34px;
        width: calc(100% - 95px)
    }
}

@media screen and (max-width: 767px) {
    .client-view .panel-content .screen .screen .view-area .table {
        text-align: left
    }
}

@media screen and (max-width: 639px) {
    .topbar.title-zone .button.button-clear i.icon_48 {
        font-size: 24px;
        line-height: 40px;
        width: 40px;
        height: 40px
    }

    .title-zone a.button {
        margin: 5px 5px 5px 0
    }

    .company-details li small {
        font-size: 14px !important
    }

    .search-misc-data small {
        font-size: 14px !important
    }

    .title-zone h1 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.2;
        padding-top: 14px;
        padding-bottom: 15px;
        padding-left: 15px;
        margin: 0
    }

    .client-view .col-sm-3 .panel .panel-content h2 {
        display: none
    }

    .client-view .col-sm-3 .client-view-contacts .panel .panel-content h2 {
        display: block
    }

    .search-result-data h3 {
        font-size: 16px
    }
}

@media screen and (max-width: 544px) {
    .client-view .col-sm-3 {
        margin-right: 0
    }

    .customer-view-toolbar .dropdown-actions-wrapper {
        margin-right: 0
    }
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions {
    position: absolute;
    z-index: 120;
    width: calc(100% + 10px);
    top: 0;
    left: -5px;
    padding-top: 75px
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light {
    display: flex;
    position: relative;
    width: 100%;
    text-align: left;
    transform-origin: left center;
    margin-bottom: 2px;
    border-bottom: 0;
    line-height: 22px;
    padding: 7px 10px 7px 0;
    font-weight: 700
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light i.icon_24_plus {
    height: 22px;
    line-height: 22px
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light i {
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light span {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    font-size: 16px
}

.customer-view-toolbar .dropdown-actions-wrapper .dropdown-actions-inner a.button-clear-light:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear;
    background-color: #e0e0e0;
    border-radius: 5px;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.client-view .customer-view-toolbar a.button-secondary-action {
    color: #4d4d4d
}

@media screen and (max-width: 979px) {
    .client-view .col-sm-9 {
        background-color: #fff
    }

    .client-view .customer-view-toolbar {
        text-align: center
    }

    .client-view .customer-view-toolbar .dropdown-actions-wrapper {
        display: inline-block;
        margin: 10px;
        vertical-align: middle
    }

    .client-view .customer-view-toolbar a.button-secondary-action {
        float: none;
        vertical-align: middle;
        margin: 10px
    }
}

@media screen and (max-width: 768px) {
    .client-view .customer-view-toolbar {
        margin-top: 0
    }

    .customer-view-toolbar .dropdown-actions-wrapper {
        width: inherit
    }
}

.table-view td {
    border: 0
}

.customer-view-toolbar.self-clear {
    margin-bottom: 0
}

.client-view .empty-navigation .has-title strong {
    font-weight: 500
}

.client-view .empty-navigation .table-view * {
    font-size: 14px
}

@media screen and (min-width: 1599px) {
    .client-view .empty-navigation .table-view * {
        font-size: 16px
    }
}

.client-page h1:first-of-type {
    background: #fff;
    padding: 8px;
    padding-left: 35px;
    margin: -30px -15px 30px -15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.client-page .standard-bloc {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.client-page .standard-bloc:last-child {
    margin-bottom: 0
}

.client-page .standard-bloc h2 {
    margin-top: -0.4em;
    border-bottom: 5px solid #e6e6e6;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.01em
}

.client-page .standard-bloc .company-logo img {
    max-width: 100%;
    height: auto
}

.client-page .standard-bloc .meta-bloc {
    margin-bottom: 20px
}

.client-page .standard-bloc .meta-bloc li {
    line-height: 1.2;
    margin-bottom: 10px
}

.client-page .standard-bloc .meta-bloc li>* {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.client-page .standard-bloc .meta-bloc i {
    width: 30px;
    margin-right: 5px
}

.client-page .standard-bloc .meta-bloc small {
    width: calc(100% - 35px);
    font-size: 0.89em
}

.client-page .customer-view-toolbar .btn-panel {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin-bottom: 30px
}

.client-page .main-cta {
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    border-radius: 5px;
    height: 50px;
    padding-right: 15px;
    text-align: center;
    transition: opacity 0.1s linear
}

.client-page .main-cta i {
    height: 50px;
    line-height: 50px;
    padding: 0 15px 0 5px
}

.client-page .main-cta i:before {
    font-size: 18px
}

.client-page .group-button>* {
    margin-right: 10px;
    color: #4d4d4d;
    height: 50px
}

.client-page .group-button a:last-child {
    margin-right: 0
}

.client-page .bloc-view {
    padding: 30px;
    background: #fff;
    margin-bottom: 30px
}

.client-page .bloc-view h2 {
    margin-top: -0.4em;
    border-bottom: 5px solid #e6e6e6;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.01em
}

.moovapps {
    color: #00acaf
}

.blue {
    color: #07c
}

.orange {
    color: #ff7b00
}

.green {
    color: #70bf00
}

.purple {
    color: #d900a3
}

.red {
    color: #eb003b
}

.sienna {
    color: #cc2d1f
}

.emerald {
    color: #00993d
}

.lilac {
    color: #b473ff
}

.pink {
    color: #ff4772
}

.indigo {
    color: #5c5fff
}

.gold {
    color: #faa700
}

.silver {
    color: #70a6cc
}

.bronze {
    color: #d67200
}

.coral {
    color: #ff4000
}

.white {
    color: #fff
}

.collapsable-block-container .collapsed {
    display: none
}

.collapsable-block-container .collapsed li {
    opacity: 0
}

.collapsable-block-container .collapsable-block-button {
    text-align: center
}

.multiservice-links .collapsable-block-button,
.custom-multiservice-menu .collapsable-block-button {
    margin-top: 30px
}

@media screen and (max-width: 768px) {

    .multiservice-links .collapsable-block-button,
    .custom-multiservice-menu .collapsable-block-button {
        margin-top: 15px
    }
}

.collapsable-block-container .view-more-button i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.collapsable-block-container .view-more-button.view-more-expanded i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.collapsable-block-container span.view-more,
.collapsable-block-container span.view-less {
    display: none
}

#collapse-search {
    display: none
}

@media screen and (max-width: 1024px) {
    .search-attributs {
        width: 100%;
        margin-top: 10px;
        display: none
    }

    .workplace-search .search-attributs {
        margin-top: 0
    }

    #collapse-search {
        display: block
    }
}

#collapse-search {
    padding-left: 35px;
    padding-right: 10px;
    color: #07c;
    height: 40px;
    font-size: 16px;
    position: relative;
    z-index: +1;
    white-space: nowrap;
    float: right;
    transition: transform 0.2s linear
}

#collapse-search:before {
    content: "\e95e";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: absolute;
    top: 5px;
    left: 5px;
    transition: transform 0.2s linear
}

#collapse-search.upside-down:before {
    transform: scale(-1)
}

#collapse-search:active:before {
    opacity: 1;
    color: #07c
}

#collapse-search:after {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 126, 217, 0.15);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

#collapse-search:hover:after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.group>.horizontal-top-tabs {
    overflow: hidden
}

.color-container {
    font-size: 0;
    margin-top: -10px;
    margin-left: -10px
}

.color-container input[type="radio"]+label {
    padding-left: 0
}

.color-container input[type="radio"]+label:before,
.color-container input[type="radio"]+label:after {
    display: none
}

.color-container div.color-item {
    height: 50px;
    width: 50px;
    margin: 5px
}

.color-container div.color-item>label>div {
    width: 40px
}

.color-container .circle-color {
    height: 40px;
    width: 40px
}

input,
.button-clear-light,
a.button-clear-light,
.color-base,
a.color-base:link,
a.color-base:visited {
    color: #4d4d4d
}

.shortcut-bar:before,
.bg-base {
    background-color: #4d4d4d
}

.bg-white {
    background-color: #fff
}

.color-grey {
    color: gray
}

.button-clear-dark.active,
.button-clear-dark:before {
    background-color: #666
}

.button-secondary-action {
    background-color: #f2f2f2;
    border: 1px solid #ccc
}

.color-aqua {
    color: #00acaf
}

a.color-aqua>i {
    color: #00acaf
}

a.color-aqua:before {
    border-color: #00acaf
}

.bg-aqua {
    background-color: #00acaf;
    color: #fff
}

.border-aqua {
    border-color: #00acaf
}

.color-blue {
    color: #07c
}

a.color-blue>i {
    color: #07c
}

a.color-blue:before {
    border-color: #07c
}

a.button-clear-light.color-blue,
.color-blue {
    color: #07c
}

.button-clear-light.color-blue:before {
    background-color: rgba(0, 126, 217, 0.15)
}

input[type="radio"]+label:after,
.bg-blue {
    background-color: #07c;
    color: #fff
}

.border-blue {
    border-color: #07c
}

.color-orange {
    color: #ff7b00
}

a.color-orange>i {
    color: #ff7b00
}

a.color-orange:before {
    border-color: #ff7b00
}

.bg-orange {
    background-color: #ff7b00;
    color: #fff
}

.border-orange {
    border-color: #ff7b00
}

.color-green {
    color: #70bf00
}

a.color-green>i {
    color: #70bf00
}

a.color-green:before {
    border-color: #70bf00
}

button.bg-green,
.bg-green {
    background-color: #70bf00;
    color: #fff
}

@media (max-width: 1365px) {

    button.bg-green,
    .bg-green {
        font-size: 20px;
        line-height: 50px
    }
}

.border-green {
    border-color: #70bf00
}

.color-purple {
    color: #d900a3
}

a.color-purple>i {
    color: #d900a3
}

a.color-purple:before {
    border-color: #d900a3
}

.bg-purple {
    background-color: #d900a3;
    color: #fff
}

.border-purple {
    border-color: #d900a3
}

.color-red {
    color: #eb003b
}

a.color-red>i {
    color: #eb003b
}

a.color-red:before {
    border-color: #eb003b
}

.bg-red {
    background-color: #eb003b;
    color: #fff
}

.border-red {
    border-color: #eb003b
}

a.color-base>i {
    color: #4d4d4d
}

a.color-base:before {
    border-color: #4d4d4d
}

.color-sienna {
    color: #cc2d1f
}

a.color-sienna>i {
    color: #cc2d1f
}

a.color-sienna:before {
    border-color: #cc2d1f
}

.bg-sienna {
    background-color: #cc2d1f;
    color: #fff
}

.border-sienna {
    border-color: #cc2d1f
}

.color-emerald {
    color: #00993d
}

a.color-emerald>i {
    color: #00993d
}

a.color-emerald:before {
    border-color: #00993d
}

.bg-emerald {
    background-color: #00993d;
    color: #fff
}

.border-emerald {
    border-color: #00993d
}

.color-lilac {
    color: #b473ff
}

a.color-lilac>i {
    color: #b473ff
}

a.color-lilac:before {
    border-color: #b473ff
}

.bg-lilac {
    background-color: #b473ff;
    color: #fff
}

.border-lilac {
    border-color: #b473ff
}

.color-pink {
    color: #ff4772
}

a.color-pink>i {
    color: #ff4772
}

a.color-pink:before {
    border-color: #ff4772
}

.bg-pink {
    background-color: #ff4772;
    color: #fff
}

.border-pink {
    border-color: #ff4772
}

.color-indigo {
    color: #5c5fff
}

a.color-indigo>i {
    color: #5c5fff
}

a.color-indigo:before {
    border-color: #5c5fff
}

.bg-indigo {
    background-color: #5c5fff;
    color: #fff
}

.border-indigo {
    border-color: #5c5fff
}

.color-gold {
    color: #faa700
}

a.color-gold>i {
    color: #faa700
}

a.color-gold:before {
    border-color: #faa700
}

.bg-gold {
    background-color: #faa700;
    color: #fff
}

.border-gold {
    border-color: #faa700
}

.color-bronze {
    color: #d67200
}

a.color-bronze>i {
    color: #d67200
}

a.color-bronze:before {
    border-color: #d67200
}

.bg-bronze {
    background-color: #d67200;
    color: #fff
}

.border-bronze {
    border-color: #d67200
}

.color-silver {
    color: #70a6cc
}

a.color-silver>i {
    color: #70a6cc
}

a.color-silver:before {
    border-color: #70a6cc
}

.bg-silver {
    background-color: #70a6cc;
    color: #fff
}

.border-silver {
    border-color: #70a6cc
}

.color-coral {
    color: #ff4000
}

a.color-coral>i {
    color: #ff4000
}

a.color-coral:before {
    border-color: #ff4000
}

.bg-coral {
    background-color: #ff4000;
    color: #fff
}

.border-coral {
    border-color: #ff4000
}

input,
textarea,
select {
    border: 1px solid #ccc;
    outline: 1px solid rgba(204, 204, 204, 0);
    transition: all 0.1s ease
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid #07c;
    outline: 2px solid #07c;
    transition: all 0.1s ease
}

a.color-deactivate {
    pointer-events: none
}

a.color-deactivate>i {
    color: #4d4d4d
}

a.color-deactivate:before {
    border-color: #4d4d4d;
    background-color: #d4d4d4
}

a.color-deactivate:hover:before {
    transform: none !important
}

div.color-deactivate:before {
    background-color: #d4d4d4 !important
}

.compact .fields-area .section h2 {
    font-size: 16px;
    padding: 12px 50px 12px 10px
}

.compact .fields-area .section h2 span {
    font-size: 16px;
    padding-left: 0
}

.compact .fields-area .fields-group {
    margin-top: 0
}

.compact .fields-area .fields-group td.cell-left {
    padding: 5px 5px 5px 0
}

.compact .fields-area .fields-group td.cell-right {
    padding: 5px 0
}

@media (max-width: 544px) {
    .compact .fields-area .fields-group td.cell-right {
        padding: 0
    }
}

.compact .fields-area .fields-group .cell-full {
    padding: 0
}

.compact .fields-area .section .section.subsection>h2 {
    margin-bottom: 8px;
    padding: 0 0 4px 0
}

.compact .section .section.subsection-highlighted>h2,
.compact .section .section.subsection>h2 {
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    font-size: 16px
}

.compact .section .section.subsection-highlighted>h2>span,
.compact .section .section.subsection>h2>span {
    font-size: 16px !important
}

.compact .table td.cell1,
.compact .table td.cell2 {
    font-size: 14px;
    line-height: 1.15;
    padding: 5px 15px !important
}

@media (max-width: 767px) {

    .compact .table td.cell1,
    .compact .table td.cell2 {
        padding: 2px 0 !important
    }
}

.compact .table th {
    line-height: 1.15;
    padding: 15px !important
}

.compact .radiogroup.vertical>table>tbody>tr>td.entry-inline,
.compact .checkboxgroup.vertical>table>tbody>tr>td.entry-inline {
    padding: 3px 0
}

.compact .radiogroup.vertical>table>tbody>tr:first-child>td.entry-inline,
.compact .checkboxgroup.vertical>table>tbody>tr:first-child>td.entry-inline {
    padding-top: 0
}

.compact .radiogroup.vertical>table>tbody>tr:last-child>td.entry-inline,
.compact .checkboxgroup.vertical>table>tbody>tr:last-child>td.entry-inline {
    padding-bottom: 0
}

.compact input[type="checkbox"]+.reversed-checkbox,
.compact input[type="checkbox"]+.single-checkbox {
    margin-top: 0
}

.compact .view-header span.handler-selectall {
    padding-left: 10px
}

.compact .action-summary {
    margin: 0;
    padding: 3px;
    padding-left: 15px;
    font-size: 14px
}

.toggle-form-density {
    display: inline-block;
    margin-left: 5px;
    font-size: 0
}

@media (max-width: 600px) {
    .toggle-form-density {
        display: none
    }
}

.toggle-form-density .toggle-form-density-compact {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.toggle-form-density .toggle-form-density-compact:before {
    border-radius: 5px 0 0 5px
}

.toggle-form-density .toggle-form-density-compact:after {
    content: "\e9c5"
}

.toggle-form-density .toggle-form-density-fresh {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.toggle-form-density .toggle-form-density-fresh:before {
    border-radius: 0 5px 5px 0
}

.toggle-form-density .toggle-form-density-fresh:after {
    content: "\e9c4"
}

.toggle-form-density .toggle-form-density-compact,
.toggle-form-density .toggle-form-density-fresh {
    width: 40px
}

.toggle-form-density .toggle-form-density-compact.disable,
.toggle-form-density .toggle-form-density-fresh.disable {
    cursor: default;
    background: #ccc !important
}

.toggle-form-density .toggle-form-density-compact.disable:before,
.toggle-form-density .toggle-form-density-fresh.disable:before {
    background: transparent;
    opacity: 1
}

.toggle-form-density .toggle-form-density-compact:after,
.toggle-form-density .toggle-form-density-fresh:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #4d4d4d;
    font-size: 24px;
    left: 8px;
    top: 0
}

.toggle-form-density .toggle-form-density-compact>span,
.toggle-form-density .toggle-form-density-fresh>span {
    font-size: 0
}

.ui-datepicker {
    border-radius: 0;
    box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.25);
    border: 0;
    padding: 10px
}

.ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 12px;
    border-bottom: 5px solid #e0e0e0
}

.ui-widget-header {
    background-image: none;
    background: #fff;
    font-weight: normal;
    border: 0;
    border-radius: 0
}

.ui-datepicker select.ui-datepicker-year {
    width: 62px;
    padding: 4px 0
}

.ui-datepicker select.ui-datepicker-month {
    padding: 4px 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 32px;
    width: 32px;
    cursor: pointer;
    text-align: center
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    display: inline-block;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    color: #4d4d4d
}

.ui-datepicker .ui-datepicker-prev:before {
    transform: rotate(180deg);
    margin-left: -4px
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    border-left: 1px solid transparent;
    border-left: 1px solid transparent;
    background: rgba(0, 0, 0, 0.25);
    background-image: none;
    font-weight: normal;
    color: inherit
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 5px;
    border-radius: 5px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 5px;
    border-radius: 5px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    border: none
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 12px
}

.ui-datepicker select.ui-datepicker-month {
    width: 110px
}

.ui-datepicker-calendar th span {
    color: #c5c5c5
}

.ui-datepicker td a:link,
.ui-datepicker td a:visited {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 10px;
    border-radius: 5px
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: 0;
    background-image: none;
    border-radius: 50%;
    background-color: #fff
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-hover {
    background-color: transparent
}

.ui-datepicker-calendar .ui-state-default {
    position: relative
}

.ui-datepicker-calendar .ui-state-default:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 0, 0, 0.12);
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.ui-datepicker-calendar .ui-state-default:focus:before,
.ui-datepicker-calendar .ui-state-default:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-default.ui-state-highlight:before {
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: rgba(0, 126, 217, 0.15);
    opacity: 1
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: relative
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 0, 0, 0.12);
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.ui-datepicker-prev:focus:after,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:focus:after,
.ui-datepicker-next:hover:after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today {
    background: transparent !important;
    color: #fff;
    z-index: +1;
    position: relative
}

.ui-datepicker .ui-state-active:before,
.ui-datepicker .ui-widget-content .ui-state-active:before,
.ui-datepicker .ui-widget-header .ui-state-active:before,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 0, 0, 0.12);
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 1;
    background-color: #70bf00;
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(1);
    z-index: -1
}

.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-widget-content .ui-state-active a,
.ui-datepicker .ui-widget-header .ui-state-active a,
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a {
    color: #fff !important
}

.ui-datepicker-calendar .ui-datepicker-today A:link,
.ui-datepicker-calendar .ui-datepicker-today A:visited {
    padding: 9px 10px;
    border: 0;
    background-color: white;
    color: #07c;
    position: relative
}

.ui-datepicker .ui-datepicker-buttonpane {
    border-top: 5px solid #e0e0e0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    color: #009688;
    font-weight: 500;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close,
.ui-datepicker .date-picker-today {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #07c;
    cursor: pointer;
    display: inline-block;
    border: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 10px;
    text-align: center
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before,
.ui-datepicker .date-picker-today:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(0.8);
    border-radius: 5px;
    background-color: rgba(0, 126, 217, 0.15)
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:focus:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus:before,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover:before,
.ui-datepicker .date-picker-today:focus:before,
.ui-datepicker .date-picker-today:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    background-color: #f2f2f2;
    color: #4d4d4d;
    border: 1px solid #ccc
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {
    background-color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:before {
    background-color: transparent
}

td.ui-datepicker-week-col {
    padding: 10px;
    background-position: right center
}

.date-field .action-buttonShow,
.date-field .action-buttonErase,
.datetime-field .postaction,
.time-field .postaction {
    width: 40px;
    height: inherit;
    box-shadow: none;
    background: none !important;
    font-size: 20px;
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 0 !important
}

@media (max-width: 320px) {
    .date-field>input {
        margin-right: 0 !important
    }

    .date-field>input~button {
        margin-left: 0
    }
}

.datetime-field .postaction,
.time-field .postaction {
    border: none;
    position: relative
}

.datetime-field .postaction img,
.time-field .postaction img {
    display: none
}

.date-field .action-buttonShow:before {
    background-color: rgba(0, 126, 217, 0.15);
    border: 0
}

.date-field .action-buttonErase:before {
    background-color: rgba(209, 0, 59, 0.15);
    border: 0
}

.date-field .action-buttonShow:after {
    content: "";
    color: #07c;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px
}

.date-field .action-buttonErase:after {
    content: "";
    color: #eb003b;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-top: -2px;
    font-size: 24px
}

.datetime-field .postaction:after,
.time-field .postaction:after {
    content: "";
    color: #ff7b00;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    position: relative;
    z-index: 2
}

.date-field button:before,
.datetime-field .postaction:before,
.time-field .postaction:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transform: scale(0) rotate(45deg)
}

.datetime-field .postaction:before,
.time-field .postaction:before {
    background-color: rgba(224, 127, 0, 0.2);
    border: 0
}

.date-field button:before,
.datetime-field .postaction:before,
.time-field .postaction:before {
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.date-field button:focus:before,
.date-field button:hover:before,
.datetime-field .postaction:focus:before,
.datetime-field .postaction:hover:before,
.time-field .postaction:focus:before,
.time-field .postaction:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.date-field .action-buttonShow span {
    display: none
}

.date-field .button1:hover {
    border: 0
}

.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
    background: transparent
}

@media (max-width: 768px) {
    .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
        left: 15px !important
    }
}

.treatment-edit:not(.compact) .period-field-inline .date-field:first-child {
    margin-right: 0
}

.treatment-edit:not(.compact) .period-field-inline .date-field:nth-child(2) .action-buttonErase {
    margin-left: 0
}

.ui-datepicker-group:not(.ui-datepicker-group-first) .ui-datepicker-header {
    padding-bottom: 17px;
    margin: 0 5px
}

.period-field-inline>label:last-of-type::before {
    content: '/';
    padding: 0 15px
}

@media screen and (max-width: 768px) {
    .period-field-inline>label:last-of-type::before {
        content: none
    }
}

.period-field-inline .date-field {
    margin: 0 !important;
    white-space: nowrap
}

.period-field-inline .datetime-field .time-field {
    vertical-align: top
}

.cell-full label[for] {
    font-weight: 700;
    color: #4d4d4d
}

.period-block .time-field {
    margin-right: 5px
}

.period-field-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #4d4d4d !important
}

.period-field-inline .period-block {
    display: flex;
    align-items: baseline;
    margin-right: 40px
}

@media (max-width: 544px) {
    .period-field-inline .period-block {
        margin-right: 0
    }
}

.period-field-inline .period-block .datetime-field {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.period-field .period-block {
    display: flex;
    align-items: center
}

.period-block label {
    margin-right: 8px
}

.period-block .date-field>*,
.period-block .time-field>* {
    margin-bottom: 5px !important
}

header .dropdown {
    position: relative
}

header .dropdown figure {
    display: inline-block;
    vertical-align: top
}

header .dropdown {
    min-height: 58px
}

header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

header .dropdown-menu {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 1px
}

header .dropdown-menu a {
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    display: block
}

header .dropdown-menu a:hover {
    background-color: #efefef
}

header .dropdown-menu a:link,
header .dropdown-menu a:visited {
    color: #666
}

header .dropdown-menu.dropdown-menu-right {
    background-color: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    transform-origin: top right;
    float: right !important;
    right: 0;
    left: auto;
    min-width: 240px;
    height: auto
}

@media (max-width: 767px) {
    header .dropdown-menu.dropdown-menu-right {
        top: 48px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    header .dropdown-menu.dropdown-menu-right {
        top: 53px
    }
}

header .dropdown-menu.dropdown-menu-right .authentication-form {
    margin: 0
}

header .dropdown-menu.dropdown-menu-right .authentication-form form .button-area {
    padding: 0
}

header .dropdown-menu.dropdown-menu-right .authentication-form p {
    display: none
}

header .dropdown-menu.dropdown-menu-right .action-logout {
    background-color: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
    height: auto;
    line-height: inherit
}

header .dropdown-menu.dropdown-menu-right .action-logout:hover {
    background-color: #efefef
}

header .open .dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.user-button {
    padding: 10px 0;
    height: 100%;
    margin: -10px 0;
    overflow: visible;
    cursor: pointer
}

.user-button strong {
    white-space: nowrap;
    color: inherit;
    position: relative;
    padding-right: 30px
}

.user-button strong i {
    position: absolute;
    right: -5px;
    top: 0;
    transition: all linear .1s
}

.user-button:hover strong i {
    top: 3px
}

.user-button-wrapper .dropdown-actions a[href*="studio"] i:before {
    content: "\ea15";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.user-button-wrapper .dropdown-actions a i.icon-hammer:before {
    content: "\e9e9";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.user-button.dropdown-actions-button {
    color: inherit
}

.user-button .username i {
    padding: 0 5px;
    height: 50px
}

@media (max-width: 1365px) {
    .user-button .username i {
        line-height: 50px
    }
}

.user-button-wrapper .dropdown-actions {
    left: auto;
    right: -18px;
    top: 90px;
    padding: 0 30px 0 20px;
    min-width: 240px;
    color: #4d4d4d
}

@media (max-width: 1365px) {
    .user-button-wrapper .dropdown-actions {
        top: 75px
    }
}

@media screen and (max-width: 979px) {
    .user-button-wrapper .dropdown-actions {
        top: 85px
    }
}

@media (max-width: 767px) {
    .user-button-wrapper .dropdown-actions {
        top: 85px
    }
}

.user-button-wrapper .dropdown-actions .authentication-form form .button-area {
    margin-top: 0
}

.user-button-wrapper .dropdown-actions .button {
    width: 100%;
    text-align: left;
    line-height: inherit;
    display: flex;
    align-items: center
}

.user-button-wrapper .dropdown-actions .button i {
    position: relative;
    z-index: +2
}

.user-button-wrapper .dropdown-actions:before {
    left: auto;
    right: 15px
}

.dropdown-actions-wrapper {
    position: relative
}

@media (max-width: 1024px) {
    .header .dropdown-actions-wrapper .user-button {
        margin: 0;
        border-radius: 0
    }

    .header .dropdown-actions-wrapper .user-button>* {
        border-radius: 0
    }
}

.dropdown-actions {
    position: absolute;
    z-index: 120;
    width: calc(100% + 20px);
    display: none;
    opacity: 0
}

.dropdown-actions .authentication-form {
    margin: 0
}

.dropdown-actions .authentication-form .button-area {
    padding: 0;
    height: 40px
}

.dropdown-actions .authentication-form p {
    display: none
}

.header .dropdown-actions a.button:hover {
    opacity: 1;
    border: 0
}

.dropdown-actions-inner {
    background-color: #fff;
    position: relative;
    padding: 15px
}

.user-button-wrapper .dropdown-actions-inner:before {
    top: -8px;
    right: 8px;
    left: auto
}

.dropdown-actions-inner:before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-8px) rotate(45deg);
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
    z-index: 0
}

.dropdown-actions button {
    font-size: 16px;
    line-height: inherit;
    width: 100%;
    text-align: left;
    transform-origin: left center;
    margin-bottom: 0;
    color: #4d4d4d;
    background: none;
    border: 0;
    height: inherit;
    padding: 8px 10px 8px 0
}

.dropdown-actions button i {
    height: inherit;
    line-height: inherit;
    padding: 1px 7px
}

.dropdown-actions button span {
    color: #4d4d4d;
    vertical-align: top;
    width: calc(100% - 48px)
}

.dropdown-actions button:hover {
    background: none;
    border: 0
}

.dropdown-actions button.action-logout {
    line-height: inherit;
    height: inherit
}

.dropdown-actions button.action-logout:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #4d4d4d;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    margin-top: -4px;
    position: relative;
    z-index: 2;
    background: transparent
}

.user-button-wrapper .dropdown-actions .button:after,
.dropdown-actions button.action-logout:after {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    background-color: #e0e0e0;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.user-button-wrapper .dropdown-actions .button:hover:after,
.dropdown-actions button.action-logout:hover:after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.shadowed-thick-bottom {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

header .dropdown-actions a:hover,
header .dropdown-actions a:focus {
    border: 0
}

header .dropdown-actions button:active:before {
    opacity: 1
}

header .dropdown-actions button:hover,
header .dropdown-actions button:focus {
    border: 0
}

img {
    max-width: 100%
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.header a {
    color: #07c;
    border: none
}

.header a:hover,
.header a:focus {
    opacity: 0.7;
    color: inherit
}

.header a:visited,
.header a:link {
    color: inherit
}

.header .apps-menu a:hover,
.header .apps-menu a:focus {
    opacity: 1;
    color: inherit;
    border: none
}

a {
    text-decoration: none;
    transition: opacity 0.07s linear;
    border-bottom: 1px dotted #07c
}

a:hover,
a:focus {
    border-bottom-style: solid
}

a:visited,
a:link {
    color: #07c
}

a.button-clear-light {
    color: #4d4d4d
}

.dropdown-menu a:hover,
.dropdown-menu a:focus,
.side-menu a:hover,
.side-menu a:focus {
    opacity: 1
}

li {
    list-style: none
}

.sitemap ul {
    margin-left: 20px
}

textarea,
.textarea-large,
select,
input[type="text"] {
    font-size: 16px
}

input:not([type='checkbox']),
input:not([type='radio']) {
    min-height: 35px;
    padding: 7px 12px
}

input[type='number'] {
    padding: 0 2px 0 3px;
    margin-top: 5px !important
}

.fields-group input.number-input[type="number"] {
    min-height: inherit !important
}

.popup-menu-handler SPAN input[type='checkbox'] {
    min-height: inherit;
    margin-top: -5px;
    margin-right: 18px
}

select {
    outline: none
}

.table-view .popup-menu-handler SPAN input[type='checkbox'] {
    margin-top: 13px
}

@media (max-width: 544px) {
    .table-view .popup-menu-handler SPAN input[type='checkbox'] {
        margin-top: 9px
    }
}

.table-view td.cell1,
.table-view td.cell2 {
    vertical-align: middle
}

.table-view>table>tbody>tr:not(:first-child) {
    background: #fff;
    border-top: 1px solid #d9d9d9;
    transition: background-color 0.1s linear
}

@media (max-width: 767px) {
    .table-view>table>tbody>tr:nth-child(even) {
        background-color: rgba(0, 119, 204, 0.1) !important
    }
}

.table-view>table>tbody>tr {
    padding: 0 5px
}

.table-view>table>tbody>tr:hover {
    background-color: #f7f7f7
}

.table-view .cell1,
.table-view .cell2 {
    background: transparent
}

.table-view .cell1 i,
.table-view .cell2 i {
    margin: 5px 0;
    display: inline-block
}

.table {
    font-size: 16px
}

.table tr,
.table .readonly {
    border: none;
    background-color: inherit !important
}

@media screen and (max-width: 767px) {
    .table tr {
        display: block
    }

    .table tr>td {
        text-align: left !important
    }
}

.table TH {
    border: none;
    background-color: #fff !important;
    height: 20px;
    padding: 10px 12px;
    text-align: left;
    color: #666
}

.table TH a {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    margin-left: -10px
}

.table TH a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    top: 0;
    height: 100%;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 0, 0, 0.12)
}

.table TH a:focus:before,
.table TH a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.table th a,
.table td a {
    text-decoration: none;
    color: #4d4d4d;
    border: none
}

.table td a {
    font-weight: 500;
    color: #07c;
    text-decoration: none;
    border-bottom: 1px dotted #07c
}

@media (max-width: 767px) {
    .table td a {
        font-size: 15px;
        font-weight: bold
    }
}

.table td a:hover {
    text-decoration: none;
    border-bottom: 1px solid #07c
}

.table td.cell1,
.table td.cell2 {
    font-size: 16px;
    line-height: inherit;
    padding: 8px 12px;
    border: none;
    color: #4d4d4d
}

@media screen and (max-width: 1599px) {

    .table td.cell1,
    .table td.cell2 {
        font-size: 14px
    }
}

@media (max-width: 767px) {

    .table td.cell1,
    .table td.cell2 {
        color: #6a6a6a
    }
}

@media screen and (max-width: 767px) {
    .table i.icon_32 {
        margin: 0 0 -10px -10px
    }
}

@media screen and (min-width: 768px) {
    .table .checkbox-services {
        text-align: center
    }
}

.table .sort-ascending,
.table .sort-descending,
.table .unsorted {
    display: inline-block;
    padding-right: 20px
}

.table .sort-ascending {
    background-image: url(../img/i_sort-ascending.png)
}

.table .sort-descending {
    background-image: url(../img/i_sort-descending.png)
}

.table .unsorted {
    background-image: url(../img/i_sort.png)
}

.table-view {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.table-view input {
    min-height: auto
}

.navigation-area {
    border-bottom: 1px solid #d9d9d9
}

.handler-filter-screen {
    min-width: 100%;
    border: 1px solid #d9d9d9
}

.handler-filter-screen .filter button {
    margin-left: 5px
}

.handler-filter-screen select,
.handler-filter-screen input {
    min-height: 35px
}

.view-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px
}

.view-header>div:not(.options-pager-part) {
    margin: 5px 0
}

@media (max-width: 544px) {
    .compact .view-header>div:not(.options-pager-part) {
        margin-top: 0
    }
}

.view-header button span,
.view-header span,
.view-header span a {
    font-size: 16px;
    font-weight: 700;
    color: #4d4d4d;
    border: none;
    height: 100%
}

@media (max-width: 767px) {

    .view-header button span,
    .view-header span,
    .view-header span a {
        font-size: 14px
    }
}

.view-header button span.handler-selectall,
.view-header span.handler-selectall,
.view-header span a.handler-selectall {
    margin-left: 0;
    display: inline-block;
    height: 22px;
    position: relative;
    vertical-align: middle
}

@media (max-width: 768px) {

    .view-header button span.handler-selectall,
    .view-header span.handler-selectall,
    .view-header span a.handler-selectall {
        margin-left: 0
    }
}

.view-header button span.handler-selectall label,
.view-header span.handler-selectall label,
.view-header span a.handler-selectall label {
    min-height: 22px
}

.view-header .view-selection {
    margin-right: 5px
}

.view-header .view-options,
.view-header .pager {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: left
}

.view-header .pager {
    flex: 1 1 auto;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .view-header .pager {
        display: inline-flex;
        justify-content: flex-start
    }

    .view-header .pager .browser {
        margin: 10px 0 0 0 !important
    }
}

@media (max-width: 544px) {
    .view-header .pager {
        flex: inherit;
        text-align: left
    }
}

.view-header .pager .itemsperpage {
    margin-left: 0
}

@media (max-width: 544px) {
    .view-header .pager .items {
        font-size: 14px
    }
}

.pager .items {
    margin: 0;
    font-size: 14px !important;
    font-weight: normal
}

.view-has-actions .view-actions {
    display: flex;
    position: relative;
    top: 0;
    left: 0
}

.view-has-actions .view-actions button {
    margin-right: 10px
}

.search-main .view-header .pager .itemsperpage+.items {
    font-size: 14px
}

@media (max-width: 1365px) {
    .search-main .view-header .pager .itemsperpage+.items {
        display: none
    }
}

.view-header .view-options .popup-menu-handler,
.view-header .view-options BUTTON {
    margin-right: 10px
}

.view-header .view-options .popup-menu-handler:not(.handler-sorter),
.view-header .view-options .handler-filter,
.view-header .view-options .action-refresh,
.view-header .popup-menu-handler.handler-row,
.view-header .popup-menu-handler.handler-selection,
.view-header .popup-menu-handler.handler-deselection,
.vui-basket-visible .selected-items,
.vui-basket-hidden .selected-items {
    width: auto;
    background-image: none !important
}

.view-header .view-options .popup-menu-handler:not(.handler-sorter):hover:before,
.view-header .view-options .popup-menu-handler:not(.handler-sorter):focus:before,
.view-header .view-options .handler-filter:hover:before,
.view-header .view-options .handler-filter:focus:before,
.view-header .view-options .action-refresh:hover:before,
.view-header .view-options .action-refresh:focus:before,
.view-header .popup-menu-handler.handler-row:hover:before,
.view-header .popup-menu-handler.handler-row:focus:before,
.view-header .popup-menu-handler.handler-selection:hover:before,
.view-header .popup-menu-handler.handler-selection:focus:before,
.view-header .popup-menu-handler.handler-deselection:hover:before,
.view-header .popup-menu-handler.handler-deselection:focus:before,
.vui-basket-visible .selected-items:hover:before,
.vui-basket-visible .selected-items:focus:before,
.vui-basket-hidden .selected-items:hover:before,
.vui-basket-hidden .selected-items:focus:before {
    opacity: 1;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.view-header .popup-menu-handler.handler-selection {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .view-header .popup-menu-handler.handler-selection:after {
        top: 9px
    }
}

.view-header .popup-menu-handler.handler-selection>span {
    display: initial;
    font-size: 0
}

.vui-selector .search-filter input {
    margin-top: 0;
    height: 40px
}

.vui-selector .view-header .pager .items {
    line-height: 38px
}

.view-header .popup-menu-handler.handler-row {
    font-size: 15px
}

.view-header .popup-menu-handler.handler-sorter {
    padding: 0
}

.view-header .view-options .popup-menu-handler.handler-displaymode {
    padding: 0
}

.view-header .popup-menu-handler.handler-sorter .button-imgr,
.view-header .view-options .popup-menu-handler.handler-displaymode .button-imgr {
    display: inline-block;
    width: 40px
}

.view-header .popup-menu-handler.handler-sorter .button-imgr,
.view-header .view-options .popup-menu-handler.handler-displaymode .button-imgr,
.view-header .popup-menu-handler.handler-sorter .button-imgr:hover,
.view-header .handler-displaymode .button-imgr:hover {
    background: none
}

.view-header .popup-menu-handler.handler-sorter img {
    display: none
}

.popup-menu-handler IMG {
    height: auto
}

.view-header .popup-menu-handler SPAN,
.view-header .popup-menu-handler SPAN:hover,
.view-header .popup-menu-handler-single:hover SPAN {
    background: none
}

.view-header .view-options .handler-filter span:before,
.view-header .popup-menu-handler.handler-sorter:before,
.view-header .view-options .action-refresh span:before,
.view-header .view-options .popup-menu-handler.handler-displaymode:before {
    margin-right: 7px;
    font-size: 20px;
    color: #666
}

.view-header .popup-menu-handler.handler-sorter:before {
    margin-right: 0;
    line-height: 38px
}

@media (max-width: 767px) {
    .view-header .popup-menu-handler.handler-sorter:before {
        line-height: 30px
    }
}

.view-header .popup-menu-handler.handler-sorter:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px
}

.view-header .view-options .handler-filter span,
.view-header .view-options .action-refresh span,
.view-header .view-options .handler-filter span::before,
.view-header .view-options .action-refresh span::before {
    visibility: visible;
    display: inline-block
}

.popup-menu-handler.handler-more span,
.popup-menu-handler.handler-row span {
    order: 1;
    z-index: 3
}

.popup-menu-handler.handler-row .button-imgr {
    position: relative;
    background: url(../img/puce-bottom.svg) no-repeat left center;
    z-index: 3
}

.popup-menu-handler SPAN {
    background-image: none;
    padding: 0;
    border: 0
}

.popup-menu-handler SPAN:hover {
    background-image: none
}

.popup-menu li a {
    position: relative;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    border: none
}

.popup-menu li a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.popup-menu li a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.popup-menu li a:hover {
    color: #4d4d4d;
    background-color: transparent
}

.popup-menu li a:visited {
    color: #4d4d4d
}

.popup-menu li a>span {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    position: relative;
    z-index: 2;
    color: #4d4d4d
}

.streamline {
    height: 40px;
    padding: 0 30px;
    background: whitesmoke;
    line-height: 40px
}

.streamline .streamline-entry {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
    padding: 0 10px 0 0;
    height: 21px;
    display: block;
    float: left;
    background: none
}

.streamline .streamline-entry::after {
    content: "\203A";
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px;
    padding: 0 0 0 10px;
    font-size: 25px
}

.streamline .streamline-entry:last-child:after,
.streamline .streamline-entry:last-child:before {
    display: none
}

.streamline .streamline-entry .streamline span:last-child:after {
    display: none
}

.streamline .streamline-entry a {
    color: #4d4d4d;
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    border: none
}

.streamline .streamline-entry a:hover {
    opacity: 1;
    border: none
}

.streamline .streamline-entry:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    top: 0;
    width: calc(100% - 18px);
    left: -5px;
    background-color: #d4d4d4;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.streamline .streamline-entry:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.streamline:before {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: gray;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    margin: -2px 10px 0 0
}

.tooltip {
    font-size: 12px;
    border-radius: 5px;
    border: 0;
    background-color: #f7f7f7;
    color: #4d4d4d;
    min-width: 60px;
    max-width: 300px;
    box-shadow: 2px 2px 3px #cacbc7
}

.tooltip .tooltip-content {
    display: grid;
    grid-template-columns: 58px 1auto;
    grid-template-rows: 1auto 1auto 1auto;
    grid-template-areas: "thumbnail h4" "thumbnail properties" "thumbnail extended-properties"
}

.tooltip .tooltip-content .thumbnail {
    grid-area: thumbnail;
    background-image: none !important;
    margin-right: 10px
}

.tooltip .tooltip-content H4 {
    grid-area: h4;
    margin: 0;
    word-break: break-all
}

.tooltip .tooltip-content .properties {
    grid-area: properties
}

.tooltip .tooltip-content .extended-properties {
    grid-area: extended-properties
}

.handler-filter-screen .filter .filter-label {
    font-size: 16px
}

.handler-filter-screen .button-area.document-top-buttons {
    display: none
}

.handler-filter-screen .filter .action-add {
    margin-top: 0;
    display: inline-block;
    vertical-align: top
}

.handler-filter-screen .filter .filter-operator {
    margin-left: 1px
}

.handler-filter-screen .filter-value .date-field input {
    margin-bottom: 2px
}

@media (max-width: 544px) {
    .handler-filter-screen select {
        width: 49%
    }

    .handler-filter-screen .filter-value input {
        width: 100%
    }

    .handler-filter-screen .filter button.action-add,
    .handler-filter-screen .action-save {
        margin: 0;
        float: right
    }
}

.standard-tabs {
    border-bottom: 1px solid #ccc;
    font-size: 0;
    margin-bottom: 10px
}

.standard-tabs button {
    font-weight: normal;
    margin: 0 5px 5px 0
}

.standard-tabs button:before {
    height: calc(100% - 8px);
    top: 4px
}

.standard-tabs button.standard-current-tab {
    pointer-events: none
}

.standard-tabs button.standard-current-tab:before {
    opacity: 1;
    transform: scale(1)
}

.selectable-list label small {
    font-weight: 400
}

.view-header .pager .browser A:link {
    border: none
}

@media (max-width: 544px) {

    .view-header .popup-menu-handler.handler-sorter,
    .view-header .view-options .action-refresh,
    .view-header .view-options .popup-menu-handler {
        display: none
    }

    .view-header .pager .browser {
        margin: 0 0 0 10px
    }

    .compact .view-header {
        padding: 0
    }
}

.handler-filter-screen .applied-filter {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 18px;
    background-color: rgba(0, 126, 217, 0.15);
    color: #07c;
    border-radius: 15px;
    padding: 0 32px 0 10px;
    transition: all ease 0.1s
}

.handler-filter-screen .applied-filter * {
    font-weight: normal;
    font-size: 18px
}

.handler-filter-screen .applied-filter:hover {
    background-color: transparent
}

.handler-filter-screen .applied-filter:after {
    content: "\e925";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    border-radius: 15px;
    right: 0;
    top: 3px;
    transition: all ease 0.1s
}

.handler-filter-screen .applied-filter:hover:after {
    background-color: #07c;
    color: #fff
}

.handler-filter-screen .applied-filter .action-deleteFilter {
    background-image: none;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    margin-left: 0
}

.handler-filter-screen .applied-filter .action-deleteFilter:hover {
    margin: inherit;
    background-image: none;
    width: 100%
}

.handler-filter-screen .applied-filter .action-deleteFilter:before {
    border: 0
}

.vui-selector .list-view .detail-selected {
    background-color: transparent
}

.middle-office .resource-edit .vui-file-upload .files {
    padding: 0;
    border: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area {
    padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view {
    padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td {
    padding: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail {
    margin: 0
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail .detail-main {
    margin-top: -5px
}

.middle-office .resource-edit .vui-file-upload .files .view-area .list-view td .detail .title {
    padding: 0
}

.short-field {
    width: 80px
}

.table-view.responsive-table table {
    font-size: 16px
}

@media screen and (max-width: 1599px) {
    .table-view.responsive-table table {
        font-size: 14px
    }
}

input[type="checkbox"].btn-switch+label:before,
input[type="checkbox"].btn-switch+.reversed-checkbox:before,
input[type="checkbox"].btn-switch+.single-checkbox:before {
    border: 2px solid gray;
    height: 24px;
    width: 42px;
    padding: 0;
    top: 0 !important;
    border-radius: 13px;
    position: relative;
    background-color: transparent
}

input[type="checkbox"].btn-switch+label:hover:before,
input[type="checkbox"].btn-switch+.reversed-checkbox:hover:before,
input[type="checkbox"].btn-switch+.single-checkbox:hover:before {
    border: 2px solid gray;
    box-shadow: none
}

input[type="checkbox"].btn-switch+label:after,
input[type="checkbox"].btn-switch+.reversed-checkbox:after,
input[type="checkbox"].btn-switch+.single-checkbox:after {
    background-color: gray;
    color: #fff;
    height: 18px;
    width: 18px;
    left: 4px;
    top: -21px !important;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    content: '';
    transition: all 0.1s ease-out;
    transform: scale(1);
    display: block
}

input[type="checkbox"]:checked.btn-switch+label:before,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:before,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:before {
    border: 0;
    background-color: #70bf00;
    color: #fff;
    height: 24px;
    width: 42px;
    padding: 0;
    border-radius: 13px;
    position: relative;
    top: 0 !important
}

input[type="checkbox"]:checked.btn-switch+label:after,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:after,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:after {
    background-color: #fff;
    transform: translateX(100%);
    opacity: 1;
    height: 18px;
    width: 18px;
    top: -21px !important;
    left: 3px;
    border-radius: 50%;
    position: relative;
    content: '';
    transition: all 0.1s ease-out
}

input[type="checkbox"]:checked.btn-switch+label:hover:after,
input[type="checkbox"]:checked.btn-switch+.reversed-checkbox:hover:after,
input[type="checkbox"]:checked.btn-switch+.single-checkbox:hover:after {
    background-color: #fff;
    transform: translateX(100%);
    opacity: 1;
    height: 18px;
    width: 18px;
    top: -21px;
    left: 3px;
    border-radius: 50%;
    position: relative;
    content: '';
    transition: all 0.1s ease-out
}

input[type="checkbox"].btn-switch+.single-checkbox {
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 24px;
    width: 42px;
    position: static
}

.informations.info1 {
    padding: 8px 20px 8px 15px;
    display: inline-block;
    max-width: 760px;
    margin-bottom: 1rem;
    border-radius: 10px;
    background-color: rgba(0, 126, 217, 0.1)
}

.informations.info1 p {
    margin: 0
}

.treatment-edit .radiogroup.readonly-field .action-initialize~table .entry-inline input+label:before,
.treatment-edit .radiogroup.readonly-field .action-initialize~table .entry-inline input+label:after {
    left: 0
}

input.checkbox.readonly-field+label:before,
input.checkbox.readonly-field+label:after {
    top: -8px
}

.tooltip li {
    color: #fff
}

.view-area .table-view tr td img {
    max-width: inherit
}

.view-portlet .navigation-area>.list-view+.combo-list {
    margin-bottom: 20px
}

.vui-screen-wizard.treatment_class-create_treatment .checkbox:not(.readonly-field) .single-checkbox:before,
.vui-screen-wizard.treatment_class-create_treatment .checkbox:not(.readonly-field) .single-checkbox:after,
.screen.vui-screen-document.treatment-edit.compact .checkbox:not(.readonly-field) .single-checkbox:before,
.screen.vui-screen-document.treatment-edit.compact .checkbox:not(.readonly-field) .single-checkbox:after {
    top: -6px
}

.vui-screen-wizard.treatment_class-create_treatment .screen.vui-screen-view.fileUpload-view,
.vui-screen-wizard.treatment_class-create_treatment .dropfiles-helper {
    margin-bottom: 0
}

.lightbox-content .child-resource-edit .checkboxgroup.vertical td.entry-inline {
    min-width: 250px
}

@media (max-width: 768px) {
    .compact .section-actions+h2+.fields-group {
        padding-top: 0
    }
}

button.handler-filter {
    display: inherit
}

hr {
    border-top: 1px solid #ccc !important;
    width: 100%
}

.root>.toolbar-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    opacity: .5;
    transition: opacity .2s ease-out;
    width: 100%
}

.root>.toolbar-container:hover {
    opacity: 1
}

.root>.toolbar-container .ActionsMenu {
    position: fixed;
    top: 35px !important;
    right: 330px !important;
    left: unset !important
}

.qedit-zone a.tile {
    float: inherit
}

.faq-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    margin-bottom: 30px;
    background: white
}

@media screen and (max-width: 1199px) {
    .faq-container {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 768px) {
    .faq-container {
        padding: 30px 10px
    }
}

.panel .faq-container {
    padding: 0
}

.faq-container .faq-header {
    margin-bottom: 15px;
    padding-bottom: 0.5em;
    background-color: #fff;
    border-bottom: 5px solid #e0e0e0;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: -0.4em;
    letter-spacing: -0.015em
}

@media screen and (max-width: 768px) {
    .faq-container .faq-header {
        font-size: 18px
    }
}

.faq-container .faq-question {
    position: relative;
    margin-bottom: 8px;
    padding-left: 30px;
    font-weight: 700;
    cursor: pointer;
    z-index: +1
}

.faq-container .faq-question:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    background-color: #e0e0e0;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    opacity: 0;
    z-index: -1
}

.faq-container .faq-question:hover:before {
    opacity: 0.5;
    transform: scale(1)
}

.faq-container .faq-question:after {
    content: "\e962";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    top: 0;
    left: 0;
    line-height: 26px;
    transform: scaleY(1);
    transition: all ease 0.2s
}

@media screen and (max-width: 544px) {
    .faq-container .faq-question:after {
        line-height: 18px
    }
}

.faq-container .faq-question.active:after {
    transform: scaleY(-1)
}

.faq-container .faq-content {
    position: relative;
    display: none;
    padding: 0 10px 15px 40px;
    font-size: 16px;
    line-height: 1.2
}

.faq-container .faq-content .faq-seemore {
    font-size: 0.89em;
    padding-top: 8px;
    margin-left: 10px
}

.faq-container .faq-line {
    margin-bottom: 8px
}

.faq-container .faq-seeall {
    position: relative;
    display: inline-block;
    align-self: center;
    color: #07c;
    font-weight: 700;
    border: none;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    padding-right: 10px;
    font-size: 16px
}

.faq-container .faq-seeall:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 126, 217, 0.15);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.faq-container .faq-seeall:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.faq-container .bottom-link-wrapper {
    display: block !important
}

.faq-container>p {
    margin-bottom: 15px
}

.question-single {
    padding: 15px !important;
    font-size: 1.1em;
    line-height: 1.5;
    max-width: 720px;
    margin: 50px auto 120px;
    text-align: center;
    z-index: +2
}

.question-single:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

@media (max-width: 1365px) {
    .question-single {
        margin: 65px auto 120px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 767px) {
    .question-single {
        padding: 0 15px
    }
}

@media (max-width: 639px) {
    .question-single {
        margin: 50px auto 120px
    }
}

.question-single h2 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
    text-align: left;
    margin-top: 0;
    padding-bottom: 40px
}

.question-single h2+.detailed-answer {
    text-align: left;
    font-size: 16px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    word-wrap: break-word
}

.question-single h2+.detailed-answer span {
    font-size: 16px !important
}

@media screen and (min-width: 1366px) {
    .question-single h2+.detailed-answer {
        font-size: 18px !important
    }

    .question-single h2+.detailed-answer span {
        font-size: 18px !important
    }
}

.question-single h2+.detailed-answer p span {
    line-height: 1.5
}

.question-single h2+.detailed-answer>*,
.question-single h2+.detailed-answer * {
    font-family: "Source Sans Pro", sans-serif !important
}

.all-faqs .workplace-autoexecutesearch .view-area,
.workplace-search .view-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 15px
}

@media screen and (max-width: 1365px) {

    .all-faqs .workplace-autoexecutesearch .view-area,
    .workplace-search .view-area {
        padding: 15px 0 15px
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .informations,
.workplace-search .view-area .informations {
    width: 100%
}

.all-faqs .workplace-autoexecutesearch .view-area .informations+.view-header~a.searched-customer,
.workplace-search .view-area .informations+.view-header~a.searched-customer {
    width: 100%;
    border: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .informations+.view-header~div.search-result:not(.searched-faq),
.workplace-search .view-area .informations+.view-header~div.search-result:not(.searched-faq) {
    width: 100%;
    border: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .view-header,
.workplace-search .view-area .view-header {
    width: 100%;
    margin-top: 0 !important;
    padding: 0
}

@media screen and (max-width: 1199px) {

    .all-faqs .workplace-autoexecutesearch .view-area .view-header,
    .workplace-search .view-area .view-header {
        padding: 0 15px 0
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .view-header~.empty,
.workplace-search .view-area .view-header~.empty {
    padding-top: 30px;
    padding-left: 30px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq,
.workplace-search .view-area .searched-faq {
    width: 50%;
    padding: 0 30px;
    margin-top: 20px
}

@media (max-width: 979px) {

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq,
    .workplace-search .view-area .searched-faq {
        width: 100%
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n+1),
.workplace-search .view-area .searched-faq:nth-child(2n+1) {
    padding-left: 30px;
    padding-right: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n),
.workplace-search .view-area .searched-faq:nth-child(2n) {
    padding-left: 20px;
    padding-right: 30px
}

@media screen and (max-width: 1199px) {

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n+1),
    .workplace-search .view-area .searched-faq:nth-child(2n+1) {
        padding-left: 15px
    }

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq:nth-child(2n),
    .workplace-search .view-area .searched-faq:nth-child(2n) {
        padding-right: 15px
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-inner,
.workplace-search .view-area .searched-faq .search-result-inner {
    border-bottom: 1px solid #ccc;
    padding-top: 0;
    padding-bottom: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data,
.workplace-search .view-area .searched-faq .search-result-data {
    width: 100%;
    padding: 0
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2,
.workplace-search .view-area .searched-faq .search-result-data h2 {
    text-overflow: inherit;
    white-space: inherit;
    margin-bottom: 0.5em;
    font-size: 20px;
    line-height: 1.2;
    width: 100%
}

@media (max-width: 639px) {

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2,
    .workplace-search .view-area .searched-faq .search-result-data h2 {
        font-size: 16px
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2+p,
.workplace-search .view-area .searched-faq .search-result-data h2+p {
    font-size: 16px
}

@media (max-width: 639px) {

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq .search-result-data h2+p,
    .workplace-search .view-area .searched-faq .search-result-data h2+p {
        font-size: 14px
    }
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .article-excerpt-button-wrapper,
.workplace-search .view-area .searched-faq .article-excerpt-button-wrapper {
    text-align: right;
    padding-top: 20px
}

.all-faqs .workplace-autoexecutesearch .view-area .searched-faq .article-excerpt-button-wrapper a,
.workplace-search .view-area .searched-faq .article-excerpt-button-wrapper a {
    color: #07c
}

@media (max-width: 639px) {

    .all-faqs .workplace-autoexecutesearch .view-area .searched-faq .article-excerpt-button-wrapper a,
    .workplace-search .view-area .searched-faq .article-excerpt-button-wrapper a {
        font-size: 14px
    }
}

.workplace-search .view-area {
    padding-top: 0
}

@media screen and (max-width: 1365px) {
    .search-main .workplace-autoexecutesearch .horizontal-top-tabs {
        margin-left: -15px
    }

    .search-main .workplace-autoexecutesearch .view-area {
        width: calc(100% - 255px)
    }
}

@media screen and (max-width: 1199px) {

    .search-main .workplace-autoexecutesearch .horizontal-top-tabs,
    .search-main .workplace-autoexecutesearch .view-area {
        margin-top: 0
    }
}

@media screen and (max-width: 979px) {
    .search-main .workplace-autoexecutesearch .view-area {
        width: 100%
    }

    .search-main .workplace-autoexecutesearch .view-area .searched-faq {
        width: 100%
    }

    .search-main .workplace-autoexecutesearch .horizontal-top-tabs {
        margin-left: 0
    }

    .default-template-container .all-faqs {
        margin-right: 0
    }
}

@media screen and (max-width: 544px) {
    .default-template-container .all-faqs {
        margin-right: 0;
        background-color: #fff
    }
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-item select {
    max-width: inherit
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-order label {
    margin-right: 0
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-order label.single-checkbox:before {
    top: -15px
}

.popup-menu.handler-sorter-screen .cell-full .list-sort .sorting-order label.single-checkbox:after {
    top: -15px
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button {
    background-color: transparent
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button>i {
    display: none
}

@media screen and (max-width: 1365px) {
    .all-faqs .workplace-autoexecutesearch .group {
        margin-top: 15px;
        margin-left: 15px
    }
}

@media screen and (max-width: 1199px) {
    .all-faqs .workplace-autoexecutesearch .group {
        margin-top: 0;
        margin-left: 0
    }

    .all-faqs .workplace-autoexecutesearch .group .view-area {
        width: calc(100% - 270px)
    }
}

@media screen and (max-width: 1199px) and (max-width: 979px) {
    .all-faqs .workplace-autoexecutesearch .group .view-area {
        width: 100%;
        margin-top: 15px
    }
}

@media screen and (max-width: 1199px) and (max-width: 544px) {
    .all-faqs .workplace-autoexecutesearch .group .view-area {
        width: 100%;
        margin-top: 0
    }
}

input[type="checkbox"],
.treatment-edit .entry-inline input[type="checkbox"],
.child-resource-edit .entry-inline input[type="checkbox"],
.sys-views-forms .entry-inline input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    left: -9999px;
    opacity: 0
}

input[type="checkbox"]+label {
    height: 100%
}

input[type="checkbox"]+label,
input[type="checkbox"]+.reversed-checkbox,
input[type="checkbox"]+.single-checkbox,
input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    margin: 0 5px 0 0;
    width: auto
}

@media (max-width: 768px) {

    input[type="checkbox"]+label,
    input[type="checkbox"]+.reversed-checkbox,
    input[type="checkbox"]+.single-checkbox,
    input[type="radio"]+label,
    input[type="radio"]+.reversed-radio {
        margin-right: 10px
    }
}

.vertical input[type="checkbox"]+.single-checkbox {
    margin-top: 11px;
    display: block
}

input[type="checkbox"]+.reversed-checkbox {
    padding-top: 15px
}

input[type="checkbox"]+.single-checkbox {
    padding-top: 7px
}

input[type="checkbox"]:disabled+.single-checkbox {
    padding-top: 0
}

.table-view input[type="checkbox"]+.single-checkbox {
    padding-top: 15px
}

.table-view input[type="checkbox"]:disabled+.single-checkbox {
    padding-top: 10px
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #b3b3b3;
    background: #fff
}

input[type="checkbox"]+label:before,
input[type="checkbox"]+.reversed-checkbox:before,
input[type="checkbox"]+.single-checkbox:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #b3b3b3;
    background: #fff
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
    border-radius: 50%
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before,
input[type="checkbox"]+label:before,
input[type="checkbox"]+.single-checkbox:before,
input[type="checkbox"]+.reversed-checkbox:before {
    box-shadow: 0 0 rgba(204, 204, 204, 0);
    transition: all 0.2s linear
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.reversed-checkbox:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
    position: absolute;
    transform: scale(0)
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="checkbox"]+.reversed-checkbox:after {
    font-size: 18px;
    line-height: 18px;
    opacity: 0;
    transition: transform 0.2s ease-out, opacity 0.2s linear;
    left: 0;
    top: 0px;
    color: #70bf00
}

input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
    content: '';
    left: 1px;
    top: 1px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: transform 0.2s ease-out
}

input[type="checkbox"]:focus+label:before,
input[type="checkbox"]:focus+.single-checkbox:before,
input[type="checkbox"]:focus+.reversed-checkbox:before,
input[type="checkbox"]+label:hover:before,
input[type="checkbox"]+.single-checkbox:hover:before,
input[type="checkbox"]+.reversed-checkbox:hover:before {
    border: 3px solid #70bf00;
    outline-offset: revert;
    transition: all 0.1s linear
}

.all-news input[type="checkbox"]:focus+label:before,
.all-news input[type="checkbox"]:focus+.single-checkbox:before,
.all-news input[type="checkbox"]:focus+.reversed-checkbox:before,
.all-news input[type="checkbox"]+label:hover:before,
.all-news input[type="checkbox"]+.single-checkbox:hover:before,
.all-news input[type="checkbox"]+.reversed-checkbox:hover:before {
    left: 1px
}

input[type="radio"]:focus+label:before,
input[type="radio"]+label:hover:before,
input[type="radio"]:focus+.reversed-radio:before,
input[type="radio"]+.reversed-radio:hover:before {
    border: 3px solid #07c;
    box-shadow: 0 0 0 1px #07c;
    transition: all 0.1s linear
}

.popup-menu-handler.handler-actions:not(.popup-menu-handler-single) input[type="checkbox"]+.single-checkbox:before {
    top: 10px;
    left: 5px
}

.popup-menu-handler.handler-actions:not(.popup-menu-handler-single) input[type="checkbox"]+.single-checkbox:after {
    top: 10px;
    left: 6px
}

.table-view.responsive-table .checkbox.readonly-field+label:before {
    left: 7px
}

.table-view.responsive-table .checkbox.readonly-field+label:after {
    left: 8px
}

@media (max-width: 767px) {
    .table-view.responsive-table .cell1 .checkbox-div {
        display: inline-flex
    }

    .table-view.responsive-table .cell1 .checkbox.readonly-field+label:before,
    .table-view.responsive-table .cell1 .checkbox.readonly-field+label:after {
        top: -7px
    }

    .table-view.responsive-table .cell2 .checkbox-div {
        display: inline-flex
    }

    .table-view.responsive-table .cell2 .checkbox.readonly-field+label:before,
    .table-view.responsive-table .cell2 .checkbox.readonly-field+label:after {
        top: -7px
    }
}

.view-header span.handler-selectall {
    padding-left: 7px
}

@media (max-width: 768px) {
    .view-header span.handler-selectall input[type="checkbox"]+.single-checkbox:before {
        left: 0
    }
}

@media (max-width: 768px) {
    .view-header span.handler-selectall input[type="checkbox"]+.single-checkbox:after {
        left: 0
    }
}

#vui-combobox-menu+.vui-combobox-value .vui-combobox-item:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #b3b3b3;
    background: #fff;
    transition: all 0.1s linear;
    border: 1px solid #b3b3b3;
    border-radius: 0
}

#vui-combobox-menu+.vui-combobox-value .vui-combobox-item:hover:before {
    border: 1px solid #70bf00;
    outline: 3px solid #70bf00;
    outline-offset: revert;
    transition: all 0.1s linear
}

#vui-combobox-menu+.vui-combobox-value .vui-combobox-item-selected:after {
    content: "\e934";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 5px;
    top: 7px;
    display: block;
    width: 22px;
    height: 22px;
    font-size: 20px;
    color: #fff;
    background-color: #70bf00;
    text-align: center;
    border-radius: 0;
    transform: scale(1)
}

input[type="radio"]:checked+label,
input[type="radio"]:checked+.reversed-radio {
    pointer-events: none
}

input[type="checkbox"]:checked+label:after {
    content: "\e934"
}

input[type="checkbox"]:checked+label:after,
input[type="checkbox"]:checked+.single-checkbox:after,
input[type="checkbox"]:checked+.reversed-checkbox:after,
input[type="checkbox"]:checked:focus+label:after,
input[type="checkbox"]:checked:focus+.single-checkbox:after,
input[type="checkbox"]:checked:focus+.reversed-checkbox:after,
input[type="checkbox"]:checked+label:hover:after,
input[type="checkbox"]:checked+.single-checkbox:hover:after,
input[type="checkbox"]:checked+.reversed-checkbox:hover:after {
    transform: scale(1);
    opacity: 1;
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
    line-height: 22px
}

.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+label:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+.single-checkbox:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+.reversed-checkbox:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked:focus+label:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked:focus+.single-checkbox:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked:focus+.reversed-checkbox:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+label:hover:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+.single-checkbox:hover:after,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]:checked+.reversed-checkbox:hover:after {
    left: 8px
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked:focus+label:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked:focus+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
    transform: scale(0.6);
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
    background-color: #07c
}

input[type="checkbox"]+label:after,
input[type="checkbox"]+.single-checkbox:after,
input[type="checkbox"]+.reversed-checkbox:after {
    color: #fff;
    background: #70bf00;
    width: 22px;
    text-align: center
}

.all-news input[type="checkbox"]+label:after,
.all-news input[type="checkbox"]+.single-checkbox:after,
.all-news input[type="checkbox"]+.reversed-checkbox:after {
    left: 2px
}

.vui-selector-view .popup-menu-handler span input[type="checkbox"] {
    margin-top: 13px
}

.handler-selectall input {
    margin-right: 10px;
    margin-left: 10px
}

@media (max-width: 544px) {
    .handler-selectall input {
        margin-left: 0
    }
}

.handler-selectall input[type='checkbox']:after,
.handler-selectall input[type='checkbox']:checked:after {
    margin-top: 7px
}

.vui-screen-resource .cell-right input[type='checkbox']:after,
.vui-screen-resource .cell-right input[type='checkbox']:checked:after,
.vui-screen-form .cell-right input[type='checkbox']:after,
.vui-screen-form .cell-right input[type='checkbox']:checked:after,
.treatment-edit .cell-right input[type='checkbox']:after,
.treatment-edit .cell-right input[type='checkbox']:checked:after,
.child-resource-edit .cell-right input[type='checkbox']:after,
.child-resource-edit .cell-right input[type='checkbox']:checked:after {
    margin-top: 10px;
    line-height: 18px
}

.child-resource-edit .fields-area>.section.section-highlighted:first-child {
    margin-top: 0
}

.treatment-edit .cell-right .popup-menu-handler input[type='checkbox']:after,
.treatment-edit .cell-right .popup-menu-handler input[type='checkbox']:checked:after {
    margin-top: -4px
}

input[disabled='true'] {
    cursor: default !important
}

input[disabled='true']:hover:after,
input[disabled='true']:checked:after {
    border: 1px solid #b3b3b3 !important;
    box-shadow: none !important;
    cursor: default !important
}

.vui-screen-resource .list-view input[type='checkbox']:after,
.vui-screen-resource .list-view input[type='checkbox']:checked:after {
    margin-top: -2px
}

select option {
    padding: 0 10px
}

.input-group {
    width: 100%;
    position: relative;
    height: 40px
}

.input-group i {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.input-group input {
    display: block;
    width: 100% !important;
    height: 100%;
    padding: 0 5px 0 40px;
    line-height: 36px
}

.buttons-group.vui-combobox-actions button {
    margin-bottom: 5px
}

@media (min-width: 920px) and (max-width: 977px) {

    td.cell-right[width="25%"] .vui-combobox-medium input,
    td.cell-right[width="25%"] input.vui-combobox-input-autocomplete {
        width: calc(100% - 39px) !important
    }
}

@media (min-width: 978px) and (max-width: 1460px) {

    td.cell-right[width="25%"] .vui-combobox-medium input,
    td.cell-right[width="25%"] input.vui-combobox-input-autocomplete {
        width: calc(100% - 37px) !important
    }
}

.vui-error-indicator {
    background: none;
    z-index: +1
}

.vui-error-indicator:before {
    content: "\e358";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    vertical-align: middle;
    color: #eb003b;
    height: 24px;
    width: 24px;
    background: #fff;
    border-radius: 50%
}

.auto-size-field {
    width: 99%
}

.lightbox-content .lightbox-panel .fields-group input[type="radio"] {
    position: absolute;
    left: -99999px
}

.treatment-edit .fields-group td[colspan="2"] input[type="radio"] {
    margin-top: -5px
}

input[type="checkbox"]:checked:disabled+label:after,
input[type="checkbox"]:checked:disabled+.single-checkbox:after,
input[type="checkbox"]:checked:disabled+.reversed-checkbox:after {
    color: #4d4d4d;
    background: none
}

input[type="checkbox"]:checked:disabled+label,
input[type="checkbox"]:checked:disabled+.single-checkbox,
input[type="checkbox"]:checked:disabled+.reversed-checkbox {
    cursor: default;
    opacity: 0.7
}

input[type="radio"]:checked:disabled+label {
    cursor: default;
    opacity: 0.7
}

input[type="checkbox"]:checked:disabled+label:hover:before,
input[type="checkbox"]:checked:disabled+.single-checkbox:hover:before,
input[type="checkbox"]:checked:disabled+.reversed-checkbox:hover:before,
input[type="checkbox"]:disabled+label:hover:before,
input[type="checkbox"]:disabled+.single-checkbox:hover:before,
input[type="checkbox"]:disabled+.reversed-checkbox:hover:before {
    border: 1px solid #b3b3b3;
    box-shadow: none;
    transition: none;
    outline: none
}

input[type="checkbox"]:disabled+label:after,
input[type="checkbox"]:disabled+.single-checkbox:after,
input[type="checkbox"]:disabled+.reversed-checkbox:after {
    color: #4d4d4d
}

input[type="checkbox"]:disabled+label,
input[type="checkbox"]:disabled+.single-checkbox,
input[type="checkbox"]:disabled+.reversed-checkbox {
    cursor: default;
    font-weight: 600;
    opacity: 0.7
}

input[type="checkbox"]:disabled+label {
    font-weight: 500
}

input[type="checkbox"]:disabled+label:hover:before,
input[type="checkbox"]:disabled+.single-checkbox:hover:before,
input[type="checkbox"]:disabled+.reversed-checkbox:hover:before {
    border: 1px solid #b3b3b3;
    box-shadow: none;
    transition: none
}

input[type="checkbox"]:checked:disabled:after {
    color: #4d4d4d
}

input[type="checkbox"]:checked:disabled {
    cursor: default;
    font-weight: 600;
    opacity: 0.7
}

input[type="checkbox"]:checked:disabled:hover:before {
    border: 1px solid #b3b3b3;
    box-shadow: none;
    transition: none
}

input[type="checkbox"]:disabled:after {
    color: #4d4d4d
}

input[type="checkbox"]:disabled {
    cursor: default;
    font-weight: 600;
    opacity: 0.7
}

input[type="checkbox"]:disabled:hover:before {
    border: 1px solid #b3b3b3;
    box-shadow: none;
    transition: none
}

.vui-combobox-value .vui-combobox-item {
    position: relative;
    line-height: 22px;
    cursor: pointer;
    margin: 0;
    padding: 7px 10px 7px 35px
}

.vui-combobox-value .vui-combobox-item:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 7px;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #b3b3b3;
    background: #fff;
    transition: all 0.1s linear;
    border-radius: 50%;
    border: 1px solid #b3b3b3
}

.vui-combobox-value .vui-combobox-item:hover:before {
    transition: all 0.1s linear;
    border: 3px solid #007bc2
}

.ariaSelected {
    background-color: #f2f2f2 !important;
    color: #4d4d4d !important
}

.ariaSelected * {
    color: #4d4d4d !important
}

.vui-combobox-value .vui-combobox-item-selected:active {
    border: 1px solid #07c
}

.vui-combobox-value .vui-combobox-item-selected:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 8px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(1);
    transition: transform 0.4s ease-out;
    background-color: #07c
}

.fields-group select {
    max-width: calc(100% - 37px);
    min-height: 40px;
    height: 40px
}

.horizontal-top-tabs .search-attributs .field .checkboxgroup td.entry-inline {
    margin-bottom: 0;
    padding-top: 4px
}

.horizontal-top-tabs .search-attributs .field .checkboxgroup td.entry-inline input[type="checkbox"]+label {
    line-height: 23px
}

.child-resource-edit.compact .checkboxgroup.horizontal {
    padding-top: 7px
}

.tab1-content {
    background-color: transparent
}

.tab2-content input[type="text"],
.tab2-content input[type="email"] {
    width: calc(100% - 40px) !important
}

.tab2-content input.small-field {
    width: 120px !important
}

.tab2-content table {
    width: 100%
}

.tab2-content td.cell-left {
    width: 20%
}

.navigation-area .streamline {
    padding: 10px
}

span.mandatory-asterisk {
    display: none
}

.mandatory span:nth-of-type(1) {
    display: none
}

strong.mandatory+.vui-info-handler:after {
    content: '';
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    float: right;
    border-radius: 50%;
    background-color: #eb003b
}

.action-copyConfigurationButton,
.action-xmlValidationButton,
.action-refreshButton,
.action-buttonReport {
    margin-right: 10px
}

.action-refreshButton {
    padding-left: 32px
}

.action-refreshButton:after {
    content: "\e932";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #4d4d4d;
    left: 3px
}

.action-buttonReport {
    padding-left: 32px
}

.action-buttonReport:after {
    content: "\e938";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 20px;
    color: #4d4d4d;
    left: 5px
}

a.postaction.link-view-image {
    border: none
}

a.postaction.link-view-image:hover {
    border: none
}

img[src*="button_delete.gif"] {
    width: 24px;
    z-index: +25
}

TD.wizard-guide {
    border: none
}

.wizard-form .fields-group TABLE {
    width: 100%
}

.wizard-form .fields-group TD {
    padding: 0px 0px 5px 0px
}

@media (min-width: 920px) {
    .wizard-form .fields-group TD.cell-left {
        width: 25%
    }

    .wizard-form .fields-group TD.cell-right {
        width: 75%
    }
}

.wizard-form .fields-group .radiogroup.vertical td.entry-inline {
    min-width: 0px
}

.header-level4 {
    font-size: 16px;
    font-weight: 700
}

.text-level1 {
    font-size: 14px;
    color: gray
}

.radiogroup .vui-error-handler,
.checkboxgroup .vui-error-handler {
    display: block;
    margin-left: 26px;
    width: 0
}

.radiogroup .vui-error-handler .vui-error-indicator,
.checkboxgroup .vui-error-handler .vui-error-indicator {
    left: -13px;
    top: -20px
}

.checkbox-div .vui-error-handler {
    margin: 8px 0 0 -35px
}

.checkbox-div .vui-error-handler .vui-error-indicator {
    left: -14px;
    top: -16px
}

@media (max-width: 414px) {
    .long-field {
        width: 100%
    }
}

.pdf-preview-default-fallback {
    word-break: normal
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile {
    display: inherit
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger {
    width: 24px;
    height: 20px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 2
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #4d4d4d;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(1) {
    top: 0
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(2),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(3) {
    top: 8px
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile .hamburger span:nth-child(4) {
    top: 16px
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(1),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(1) {
    top: 9px;
    width: 0;
    left: 50%
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(2),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(3),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.cross .hamburger span:nth-child(4),
.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(4) {
    top: 9px;
    width: 0;
    left: 50%
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(2) {
    left: -2px;
    width: 60%;
    top: 4.2px;
    transform: rotate(-45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(3) {
    width: 100%;
    left: 1px;
    transform: rotate(0deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-mobile.arrow .hamburger span:nth-child(4) {
    width: 60%;
    top: 11.7px;
    left: -2px;
    transform: rotate(45deg)
}

.apps-menu-mobile .apps-menu-button.apps-menu-button-desktop {
    display: none
}

.apps-menu-desktop .apps-menu-button.apps-menu-button-desktop {
    color: inherit
}

.header {
    height: 75px;
    border-width: 0 0 5px;
    border-style: solid;
    background-color: #fff;
    padding: 10px 0;
    position: fixed;
    z-index: 2000;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.header-left {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

@media screen and (max-width: 620px) {
    .header-left {
        flex: 1 auto
    }
}

.header-middle {
    flex: 1 auto;
    -webkit-flex: 1 auto;
    margin: 0 15px
}

@media screen and (max-width: 620px) {
    .header-middle {
        display: none
    }
}

.header .dropdown {
    height: 70px;
    display: flex;
    align-items: center
}

.header .dropdown .user-button {
    padding: 0;
    display: flex;
    align-items: center
}

.shadowed-thin-bottom {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.border-aqua {
    border-color: #00acaf
}

.header .user-button {
    height: 70px
}

@media (min-width: 768px) and (max-width: 1365px) {
    .header>div>button i {
        line-height: 40px
    }
}

.header .avatar {
    width: 70px;
    height: 70px;
    display: inline-block;
    overflow: hidden
}

.avatar a,
.avatar img {
    display: block;
    width: 100%;
    height: 70px
}

@media (max-width: 1365px) {

    .avatar a,
    .avatar img {
        height: 60px
    }
}

@media (max-width: 767px) {

    .avatar a,
    .avatar img {
        height: 51px
    }
}

.page-title {
    padding-left: 15px
}

.logo-wrapper {
    height: 50px;
    margin-left: 70px
}

@media screen and (max-width: 1199px) {
    .logo-wrapper {
        margin-left: 0
    }
}

.logo-wrapper a {
    padding: 5px 0;
    border: none
}

.logo-wrapper img {
    width: auto
}

.logo-wrapper>img {
    padding: 5px 0
}

.logo-wrapper a,
.logo-wrapper img {
    display: block;
    height: 100%
}

.apps-menu-desktop~.logo-wrapper {
    margin-left: 0
}

.page-title {
    margin-left: 15px;
    line-height: 50px
}

.page-title h1 {
    font-size: 28px;
    font-weight: normal;
    margin: 0
}

.header>div>.button-square {
    width: 50px;
    margin: 0 10px;
    text-align: center
}

.header>div>button i {
    line-height: 50px
}

.header .search-header {
    min-width: 450px
}

.header .search-header input {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8)
}

@media (max-width: 1365px) {
    .header {
        height: 65px;
        padding: 5px 0
    }

    .header .avatar {
        width: 60px;
        height: 60px
    }

    .header>div>.button-square {
        margin: 0 5px
    }

    .header>div>button i {
        line-height: 40px
    }
}

.page-title {
    padding-left: 0;
    margin-left: 0
}

.header .page-title h1 {
    white-space: nowrap
}

.header .pull-right {
    padding-left: 30px;
    height: 50px
}

@media screen and (max-width: 544px) {
    .header .pull-right {
        padding-left: 0
    }
}

.page-title h1 {
    font-size: 28px;
    line-height: 50px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #b3b3b3
}

@media screen and (max-width: 1365px) {
    .page-title {
        padding: 0;
        margin: 0
    }

    .page-title h1 {
        font-size: 28px;
        line-height: 40px;
        margin: 5px 15px;
        padding-left: 20px;
        border-left: 1px solid #b3b3b3
    }
}

@media screen and (max-width: 979px) {
    .page-title {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        padding-left: 0
    }

    .page-title h1 {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 5px;
        padding-left: 10px;
        border-left: 1px solid #b3b3b3
    }

    .header {
        height: 55px;
        padding: 0
    }

    .header figure a img {
        height: 50px
    }

    .header .avatar {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 767px) {
    .pull-left {
        max-width: calc(100% - 55px);
        overflow: hidden
    }

    .page-title {
        max-width: calc(100% - 95px)
    }

    .page-title h1 {
        font-size: 20px
    }

    .header {
        height: 55px;
        padding: 0
    }

    .header .avatar {
        width: 50px;
        height: 50px;
        margin: 0 0 0 3px
    }

    .header .username {
        display: none
    }

    .header>div>.avatar {
        width: 50px;
        height: 50px;
        margin: 0 0 0 3px
    }

    .header>div>.button-square {
        margin: 5px;
        line-height: 40px;
        height: 40px;
        width: 40px
    }

    .header>div>.button-square:before {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        left: 3px;
        top: 3px
    }

    .header.app-DOCUMENT .logo-wrapper,
    .header.app-PROCESS .logo-wrapper {
        display: none
    }

    .header.app-DOCUMENT .page-title,
    .header.app-PROCESS .page-title {
        display: block !important
    }

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        border: 0;
        padding-left: 0
    }
}

@media (min-width: 768px) {

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 275px
    }
}

@media (min-width: 1024px) {

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 500px
    }
}

@media (max-width: 767px) {

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 301px
    }
}

@media (max-width: 415px) {

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        width: auto
    }
}

@media (max-width: 320px) {

    .header.app-DOCUMENT .page-title h1,
    .header.app-PROCESS .page-title h1 {
        font-size: 18px
    }
}

header .pull-right .dropdown-actions-inner .button-area {
    margin-top: 0
}

.icon_12 {
    font-size: 12px
}

.icon_16 {
    font-size: 16px
}

.icon_24 {
    font-size: 24px
}

.icon_32 {
    font-size: 32px
}

.icon_48 {
    font-size: 48px
}

.icon_64 {
    font-size: 64px
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tlq5wr");
    src: url("../fonts/icomoon.eot?tlq5wr#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tlq5wr") format("truetype"), url("../fonts/icomoon.woff?tlq5wr") format("woff"), url("../fonts/icomoon.svg?tlq5wr#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

.guideline-do:after,
.guideline-dont:after,
input[type="checkbox"]+label:after,
[class^="icon_"],
[class*=" icon_"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon_24_arrow_back:before {
    content: "\ea69"
}

.icon_24_add_photo:before {
    content: "\ea67"
}

.icon_24_link_a_partner:before {
    content: "\ea68"
}

.icon_24_decision_maker:before {
    content: "\ea66"
}

.icon_24_new_note:before {
    content: "\ea4d"
}

.icon_24_opportunity:before {
    content: "\ea4e"
}

.icon_24_new_opportunity:before {
    content: "\ea4f"
}

.icon_24_top_opportunity:before {
    content: "\ea50"
}

.icon_24_new_rdv:before {
    content: "\ea51"
}

.icon_24_new_document:before {
    content: "\ea52"
}

.icon_24_new_task:before {
    content: "\ea53"
}

.icon_24_new_activity:before {
    content: "\ea54"
}

.icon_24_diary:before {
    content: "\ea55"
}

.icon_24_account:before {
    content: "\ea56"
}

.icon_24_new_account:before {
    content: "\ea57"
}

.icon_24_duplicate:before {
    content: "\ea58"
}

.icon_24_progression_20percent:before {
    content: "\ea59"
}

.icon_24_progression_40percent:before {
    content: "\ea5a"
}

.icon_24_progression_60percent:before {
    content: "\ea5b"
}

.icon_24_progression_80percent:before {
    content: "\ea5c"
}

.icon_24_step_mode:before {
    content: "\ea5d"
}

.icon_24_visit:before {
    content: "\ea5e"
}

.icon_24_share:before {
    content: "\ea43"
}

.icon_24_next:before {
    content: "\ea39"
}

.icon_24_rename:before {
    content: "\ea3a"
}

.icon_24_paste:before {
    content: "\ea3b"
}

.icon_24_copy:before {
    content: "\ea3c"
}

.icon_24_grid:before {
    content: "\ea3d"
}

.icon_24_list:before {
    content: "\ea3e"
}

.icon_24_more:before {
    content: "\ea3f"
}

.icon_24_previous:before {
    content: "\ea40"
}

.icon_24_key:before {
    content: "\ea38"
}

.icon_24_live:before {
    content: "\ea37"
}

.icon_24_arrow-ascending:before {
    content: "\ea36"
}

.icon_24_calendar-update:before {
    content: "\ea35"
}

.icon_24_check-rounded:before {
    content: "\ea34"
}

.icon_24_move:before {
    content: "\ea2c"
}

.icon_24_ruler:before {
    content: "\ea2d"
}

.icon_24_interact:before {
    content: "\ea2e"
}

.icon_24_edges:before {
    content: "\ea2f"
}

.icon_24_camera:before {
    content: "\ea30"
}

.icon_24_app-menu:before {
    content: "\ea33"
}

.icon_24_hamburger:before {
    content: "\ea28"
}

.icon_24_synchronize:before {
    content: "\ea29"
}

.icon_24_tag-search:before {
    content: "\ea2a"
}

.icon_24_tags:before {
    content: "\ea2b"
}

.icon_24_share-screen:before {
    content: "\ea1f"
}

.icon_24_tip:before {
    content: "\ea20"
}

.icon_24_microphone:before {
    content: "\ea21"
}

.icon_24_picture-quality:before {
    content: "\ea22"
}

.icon_24_subtitles:before {
    content: "\ea23"
}

.icon_24_video-camera:before {
    content: "\ea24"
}

.icon_24_main-view:before {
    content: "\ea25"
}

.icon_24_raising-hand:before {
    content: "\ea26"
}

.icon_24_record:before {
    content: "\ea27"
}

.icon_24_information:before {
    content: "\ea1e"
}

.icon_24_smiley:before {
    content: "\e9ce"
}

.icon_24_smiley-laughing:before {
    content: "\e9d1"
}

.icon_24_smiley-sad:before {
    content: "\ea17"
}

.icon_24_smiley-lukewarm:before {
    content: "\ea18"
}

.icon_24_signature:before {
    content: "\ea16"
}

.icon_24_wrench:before {
    content: "\ea15"
}

.icon_24_process-single:before {
    content: "\e9e6"
}

.icon_24_process-step:before {
    content: "\e9e7"
}

.icon_24_process-version:before {
    content: "\e9e8"
}

.icon_24_apps:before {
    content: "\e9e9"
}

.icon_24_process-group:before {
    content: "\e9ea"
}

.icon_24_count:before {
    content: "\e9e5"
}

.icon_24_planning:before {
    content: "\e9e1"
}

.icon_24_text:before {
    content: "\e9e2"
}

.icon_24_animation:before {
    content: "\e9e3"
}

.icon_24_planning-team:before {
    content: "\e9e4"
}

.icon_24_transfer-ownership:before {
    content: "\e9da"
}

.icon_24_enter:before {
    content: "\e9db"
}

.icon_24_exit:before {
    content: "\e9dc"
}

.icon_24_archive-extract:before {
    content: "\e9dd"
}

.icon_24_archive:before {
    content: "\e9de"
}

.icon_24_tutorial:before {
    content: "\e9df"
}

.icon_24_note:before {
    content: "\e9d9"
}

.icon_24_return:before {
    content: "\e9d7"
}

.icon_24_attachment-from-erp:before {
    content: "\e9d8"
}

.icon_24_play:before {
    content: "\e9d4"
}

.icon_24_link:before {
    content: "\e9d3"
}

.icon_24_faq:before {
    content: "\e9d0"
}

.icon_24_comment:before {
    content: "\e9cd"
}

.icon_24_upload:before {
    content: "\e9cf"
}

.icon_24_invite-member:before {
    content: "\e9c9"
}

.icon_24_expanded-layout:before {
    content: "\e9c4"
}

.icon_24_dense-layout:before {
    content: "\e9c5"
}

.icon_24_download:before {
    content: "\e9c1"
}

.icon_24_video-chat:before {
    content: "\e9c2"
}

.icon_24_add-member:before {
    content: "\e9c3"
}

.icon_24_admin:before {
    content: "\e9c0"
}

.icon_24_vote:before {
    content: "\e9bf"
}

.icon_24_ticket:before {
    content: "\e9bc"
}

.icon_24_tab:before {
    content: "\e9b8"
}

.icon_24_follow-settings:before {
    content: "\e9b7"
}

.icon_24_submit-and-copy:before {
    content: "\e9b6"
}

.icon_24_unfollow:before {
    content: "\e9b4"
}

.icon_24_follow:before {
    content: "\e9b5"
}

.icon_24_copy-link:before {
    content: "\e9ab"
}

.icon_24_unlock:before {
    content: "\e9ac"
}

.icon_24_pin:before {
    content: "\e9a9"
}

.icon_24_gear:before {
    content: "\e9aa"
}

.icon_24_publish-major:before {
    content: "\e9a1"
}

.icon_24_publish-minor:before {
    content: "\e9a2"
}

.icon_24_extract-lock:before {
    content: "\e9a3"
}

.icon_24_publish:before {
    content: "\e9a4"
}

.icon_24_snapshot-minor:before {
    content: "\e9a5"
}

.icon_24_snapshot-major:before {
    content: "\e9a6"
}

.icon_24_thumb:before {
    content: "\e9a7"
}

.icon_24_machine-board:before {
    content: "\e9a8"
}

.icon_24_machine-thumb:before {
    content: "\e9a0"
}

.icon_24_calculator:before {
    content: "\e99c"
}

.icon_24_pen:before {
    content: "\e92a"
}

.icon_24_export:before {
    content: "\e990"
}

.icon_24_security:before {
    content: "\e98e"
}

.icon_24_import:before {
    content: "\e98f"
}

.icon_24_quotations:before {
    content: "\e989"
}

.icon_24_shopping-cart:before {
    content: "\e988"
}

.icon_24_publish-online:before {
    content: "\e986"
}

.icon_24_recycle-bin:before {
    content: "\e984"
}

.icon_24_attachment:before {
    content: "\e96a"
}

.icon_24_users:before {
    content: "\e969"
}

.icon_24_padlock:before {
    content: "\e968"
}

.icon_24_pointer:before {
    content: "\e966"
}

.icon_24_forbidden:before {
    content: "\e965"
}

.icon_24_cancel:before {
    content: "\e964"
}

.icon_24_language:before {
    content: "\e95b"
}

.icon_24_arrow-thin-left:before {
    content: "\e95c"
}

.icon_24_arrow-full-top:before {
    content: "\e95d"
}

.icon_24_arrow-full-bottom:before {
    content: "\e95e"
}

.icon_24_arrow-full-left:before {
    content: "\e95f"
}

.icon_24_translate:before {
    content: "\e960"
}

.icon_24_arrow-thin-top:before {
    content: "\e961"
}

.icon_24_arrow-thin-bottom:before {
    content: "\e962"
}

.icon_24_company:before {
    content: "\e95a"
}

.icon_24_id-number:before {
    content: "\e959"
}

.icon_24_location:before {
    content: "\e957"
}

.icon_24_time:before {
    content: "\e958"
}

.icon_24_arrow-descending:before {
    content: "\e956"
}

.icon_24_sort-small:before {
    content: "\e955"
}

.icon_24_avatar:before {
    content: "\e94e"
}

.icon_24_settings:before {
    content: "\e94d"
}

.icon_24_login:before {
    content: "\e94c"
}

.icon_24_folder:before {
    content: "\e94a"
}

.icon_24_calendar:before {
    content: "\e936"
}

.icon_24_print:before {
    content: "\e935"
}

.icon_24_catalog:before {
    content: "\e933"
}

.icon_24_check:before {
    content: "\e934"
}

.icon_24_error:before {
    content: "\e92e"
}

.icon_24_warning:before {
    content: "\e92f"
}

.icon_24_filter:before {
    content: "\e930"
}

.icon_24_sort:before {
    content: "\e931"
}

.icon_24_refresh:before {
    content: "\e932"
}

.icon_24_open-folder:before {
    content: "\e92d"
}

.icon_24_mobile:before {
    content: "\e92b"
}

.icon_24_phone:before {
    content: "\e92c"
}

.icon_24_send:before {
    content: "\e929"
}

.icon_24_mail:before {
    content: "\e928"
}

.icon_24_close:before {
    content: "\e925"
}

.icon_24_compass:before {
    content: "\e922"
}

.icon_24_3d-view:before {
    content: "\e90f"
}

.icon_24_arrow-full-right:before {
    content: "\e910"
}

.icon_24_arrow-thin-right:before {
    content: "\e911"
}

.icon_24_dashboard:before {
    content: "\e912"
}

.icon_24_documents:before {
    content: "\e913"
}

.icon_24_download-file:before {
    content: "\e914"
}

.icon_24_enter-fullscreen:before {
    content: "\e915"
}

.icon_24_exit-fullscreen:before {
    content: "\e916"
}

.icon_24_help:before {
    content: "\e917"
}

.icon_24_home:before {
    content: "\e918"
}

.icon_24_notifications:before {
    content: "\e919"
}

.icon_24_picture:before {
    content: "\e91a"
}

.icon_24_plus:before {
    content: "\e91b"
}

.icon_24_search:before {
    content: "\e91c"
}

.icon_24_star:before {
    content: "\e91d"
}

.icon_24_tasks:before {
    content: "\e91e"
}

.icon_24_video:before {
    content: "\e91f"
}

.icon_24_zoom-in:before {
    content: "\e920"
}

.icon_24_zoom-out:before {
    content: "\e921"
}

.icon_64_mailing-management:before {
    content: "\ea63"
}

.icon_64_smartrep:before {
    content: "\ea64"
}

.icon_64_employee-fairplay:before {
    content: "\ea65"
}

.icon_64_process:before {
    content: "\ea4a"
}

.icon_64_commerce:before {
    content: "\ea4b"
}

.icon_64_workplace:before {
    content: "\ea4c"
}

.icon_64_visitor-management:before {
    content: "\ea44"
}

.icon_64_maintenance-service-request:before {
    content: "\ea45"
}

.icon_64_corporate-concierge-services:before {
    content: "\ea46"
}

.icon_64_vehicle-booking:before {
    content: "\ea47"
}

.icon_64_meeting-room-management:before {
    content: "\ea48"
}

.icon_64_mycadplace:before {
    content: "\ea49"
}

.icon_64_route:before {
    content: "\ea31"
}

.icon_64_wrench:before {
    content: "\ea32"
}

.icon_64_statistics:before {
    content: "\ea1d"
}

.icon_64_quality-process:before {
    content: "\e9eb"
}

.icon_64_smartpart:before {
    content: "\e9ec"
}

.icon_64_supplier-service-portal:before {
    content: "\e9ed"
}

.icon_64_team:before {
    content: "\e9ee"
}

.icon_64_tech-center:before {
    content: "\e9ef"
}

.icon_64_btob-commerce:before {
    content: "\e9f0"
}

.icon_64_chemical-safety-assessment:before {
    content: "\e9f1"
}

.icon_64_customer-service-portal:before {
    content: "\e9f2"
}

.icon_64_e-marketing:before {
    content: "\e9f3"
}

.icon_64_employee-annual-performance-review:before {
    content: "\e9f4"
}

.icon_64_employee-engagement:before {
    content: "\e9f5"
}

.icon_64_employee-internal-request:before {
    content: "\e9f6"
}

.icon_64_employee-position-management:before {
    content: "\e9f7"
}

.icon_64_equipment-maintenance-management:before {
    content: "\e9f8"
}

.icon_64_equipment-monitoring:before {
    content: "\e9f9"
}

.icon_64_health-and-security:before {
    content: "\e9fa"
}

.icon_64_iot:before {
    content: "\e9fb"
}

.icon_64_live:before {
    content: "\e9fc"
}

.icon_64_manufacturing-document:before {
    content: "\e9fd"
}

.icon_64_mycadtools:before {
    content: "\e9fe"
}

.icon_64_mypdmtools:before {
    content: "\e9ff"
}

.icon_64_painfulness-at-work:before {
    content: "\ea00"
}

.icon_64_pdmgateway:before {
    content: "\ea01"
}

.icon_64_risk-assessment:before {
    content: "\ea02"
}

.icon_64_smartdesign:before {
    content: "\ea03"
}

.icon_64_activity:before {
    content: "\ea04"
}

.icon_64_asset-management:before {
    content: "\ea05"
}

.icon_64_community:before {
    content: "\ea06"
}

.icon_64_complaint:before {
    content: "\ea07"
}

.icon_64_corporate-services:before {
    content: "\ea08"
}

.icon_64_customer-incident:before {
    content: "\ea09"
}

.icon_64_customer-quote:before {
    content: "\ea0a"
}

.icon_64_customer-support:before {
    content: "\ea0b"
}

.icon_64_customer-warranty:before {
    content: "\ea0c"
}

.icon_64_document:before {
    content: "\ea0d"
}

.icon_64_drive:before {
    content: "\ea0e"
}

.icon_64_employee-center:before {
    content: "\ea0f"
}

.icon_64_facilities-management:before {
    content: "\ea10"
}

.icon_64_my3dplayer:before {
    content: "\ea11"
}

.icon_64_numsend:before {
    content: "\ea12"
}

.icon_64_property-management:before {
    content: "\ea13"
}

.icon_64_quality-document:before {
    content: "\ea14"
}

.icon_64_signature:before {
    content: "\e9e0"
}

.icon_64_checklist:before {
    content: "\e9d5"
}

.icon_64_document-viewer:before {
    content: "\e9d6"
}

.icon_64_faq:before {
    content: "\e9d2"
}

.icon_64_gdpr-processing:before {
    content: "\e9c7"
}

.icon_64_mission-rgpd:before {
    content: "\e9c6"
}

.icon_64_idea-proposal:before {
    content: "\e9b9"
}

.icon_64_app-proposal:before {
    content: "\e9ba"
}

.icon_64_apps-in-progress:before {
    content: "\e9bb"
}

.icon_64_information:before {
    content: "\e9bd"
}

.icon_64_idea-discussion:before {
    content: "\e9be"
}

.icon_64_quality:before {
    content: "\e9ad"
}

.icon_64_steps:before {
    content: "\e99e"
}

.icon_64_projects:before {
    content: "\e99f"
}

.icon_64_parcel:before {
    content: "\e999"
}

.icon_64_credit-card:before {
    content: "\e99a"
}

.icon_64_invoice:before {
    content: "\e99b"
}

.icon_64_3d-view:before {
    content: "\e991"
}

.icon_64_task-management:before {
    content: "\e992"
}

.icon_64_activity-report-request:before {
    content: "\e993"
}

.icon_64_activity-report:before {
    content: "\e994"
}

.icon_64_settings:before {
    content: "\e995"
}

.icon_64_news-publishing:before {
    content: "\e996"
}

.icon_64_catalog:before {
    content: "\e997"
}

.icon_64_calendar:before {
    content: "\e998"
}

.icon_64_hr-proofs:before {
    content: "\e98a"
}

.icon_64_departure:before {
    content: "\e98b"
}

.icon_64_personal-situation-change:before {
    content: "\e98c"
}

.icon_64_edm:before {
    content: "\e983"
}

.icon_64_work-stoppage-certificate:before {
    content: "\e97a"
}

.icon_64_document-request:before {
    content: "\e97b"
}

.icon_64_training-request:before {
    content: "\e97c"
}

.icon_64_review-request:before {
    content: "\e97d"
}

.icon_64_review:before {
    content: "\e97e"
}

.icon_64_safe-deposit:before {
    content: "\e97f"
}

.icon_64_personal-file:before {
    content: "\e980"
}

.icon_64_personal-folder:before {
    content: "\e981"
}

.icon_64_training-workshop:before {
    content: "\e982"
}

.icon_64_subscription-request:before {
    content: "\e977"
}

.icon_64_professional-review:before {
    content: "\e978"
}

.icon_64_it-request:before {
    content: "\e979"
}

.icon_64_annual-review:before {
    content: "\e96b"
}

.icon_64_purchase-request:before {
    content: "\e96c"
}

.icon_64_expenses:before {
    content: "\e96d"
}

.icon_64_professional-situation-change:before {
    content: "\e96e"
}

.icon_64_recruitment-request:before {
    content: "\e96f"
}

.icon_64_hr-request:before {
    content: "\e970"
}

.icon_64_holiday:before {
    content: "\e971"
}

.icon_64_quality-audit:before {
    content: "\e972"
}

.icon_64_quality-actions:before {
    content: "\e973"
}

.icon_64_quality-non-compliances:before {
    content: "\e974"
}

.icon_64_new-employee:before {
    content: "\e975"
}

.icon_64_quality-publish:before {
    content: "\e976"
}

.icon_64_support-request:before {
    content: "\e953"
}

.icon_64_machines-warranty:before {
    content: "\e954"
}

.icon_64_documentation:before {
    content: "\e94f"
}

.icon_64_intervention:before {
    content: "\e950"
}

.icon_64_incident:before {
    content: "\e951"
}

.icon_64_document-publishing:before {
    content: "\e952"
}

.icon_moovapps:before {
    content: "\e94b"
}

.icon_64_customer-complaint:before {
    content: "\e907"
}

.icon_64_delivery-tracking:before {
    content: "\e908"
}

.icon_64_file-storage:before {
    content: "\e909"
}

.icon_64_information-request:before {
    content: "\e90a"
}

.icon_64_more:before {
    content: "\e90b"
}

.icon_64_my-machines:before {
    content: "\e90c"
}

.icon_64_quotation-request:before {
    content: "\e90d"
}

.icon_64_warranty-declaration:before {
    content: "\e90e"
}

.icon_16_cancel:before {
    content: "\ea5f"
}

.icon_16_check:before {
    content: "\ea60"
}

.icon_16_close:before {
    content: "\ea61"
}

.icon_16_step:before {
    content: "\ea62"
}

.icon_32_message:before {
    content: "\ea41"
}

.icon_32_invite-member:before {
    content: "\ea42"
}

.icon_32_add-message-boards:before {
    content: "\e9cb"
}

.icon_32_add-one-to-one:before {
    content: "\e9cc"
}

.icon_32_one-to-one:before {
    content: "\e9c8"
}

.icon_32_add:before {
    content: "\e9ca"
}

.icon_32_answer:before {
    content: "\e9ae"
}

.icon_32_question:before {
    content: "\e9af"
}

.icon_32_comment:before {
    content: "\e9b0"
}

.icon_32_tutorial:before {
    content: "\e9b1"
}

.icon_32_points:before {
    content: "\e9b2"
}

.icon_32_medal:before {
    content: "\e9b3"
}

.icon_32_calculator:before {
    content: "\e99d"
}

.icon_32_all-companies:before {
    content: "\e98d"
}

.icon_32_quotations:before {
    content: "\e985"
}

.icon_32_back-to-library:before {
    content: "\e967"
}

.icon_32_translate:before {
    content: "\e963"
}

.icon_32_cut:before {
    content: "\e937"
}

.icon_32_download:before {
    content: "\e938"
}

.icon_32_edit:before {
    content: "\e939"
}

.icon_32_grid_view:before {
    content: "\e93a"
}

.icon_32_list_view:before {
    content: "\e93b"
}

.icon_32_new_folder:before {
    content: "\e93c"
}

.icon_32_next:before {
    content: "\e93d"
}

.icon_32_open-folder:before {
    content: "\e93e"
}

.icon_32_prev:before {
    content: "\e93f"
}

.icon_32_select_tool:before {
    content: "\e940"
}

.icon_32_send_to_trash:before {
    content: "\e941"
}

.icon_32_sort:before {
    content: "\e942"
}

.icon_32_upload:before {
    content: "\e943"
}

.icon_32_zoom_in:before {
    content: "\e944"
}

.icon_32_copy:before {
    content: "\e945"
}

.icon_32_duplicate:before {
    content: "\e946"
}

.icon_32_new_text_file:before {
    content: "\e947"
}

.icon_32_paste:before {
    content: "\e948"
}

.icon_32_news:before {
    content: "\e926"
}

.icon_32_colleagues:before {
    content: "\e927"
}

.icon_32_avatar:before {
    content: "\e924"
}

.icon_32_machine:before {
    content: "\e923"
}

.icon_32_app-menu:before {
    content: "\e900"
}

.icon_32_complaint:before {
    content: "\e901"
}

.icon_32_customers:before {
    content: "\e902"
}

.icon_32_information:before {
    content: "\e903"
}

.icon_32_message-boards:before {
    content: "\e904"
}

.icon_32_shopping-cart:before {
    content: "\e905"
}

.icon_32_warranty:before {
    content: "\e906"
}

.icon_32_rename:before {
    content: "\e949"
}

.icon_48_smiley-sad:before {
    content: "\ea19"
}

.icon_48_smiley:before {
    content: "\ea1a"
}

.icon_48_smiley-laughing:before {
    content: "\ea1b"
}

.icon_48_smiley-lukewarm:before {
    content: "\ea1c"
}

.icon_12_visible:before {
    content: "\e987"
}

@font-face {
    font-family: 'icomoon-ultimate';
    src: url("../fonts/icomoon-ultimate.eot?c8ufyn");
    src: url("../fonts/icomoon-ultimate.eot?c8ufyn#iefix") format("embedded-opentype"), url("../fonts/icomoon-ultimate.ttf?c8ufyn") format("truetype"), url("../fonts/icomoon-ultimate.woff?c8ufyn") format("woff"), url("../fonts/icomoon-ultimate.svg?c8ufyn#icomoon-ultimate") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon-ultimate' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-home:before {
    content: "\e000"
}

.icon-home2:before {
    content: "\e001"
}

.icon-home3:before {
    content: "\e002"
}

.icon-home4:before {
    content: "\e003"
}

.icon-home5:before {
    content: "\e004"
}

.icon-home6:before {
    content: "\e005"
}

.icon-home7:before {
    content: "\e006"
}

.icon-home8:before {
    content: "\e007"
}

.icon-home9:before {
    content: "\e008"
}

.icon-home10:before {
    content: "\e009"
}

.icon-home11:before {
    content: "\e00a"
}

.icon-office:before {
    content: "\e00b"
}

.icon-newspaper:before {
    content: "\e00c"
}

.icon-pencil:before {
    content: "\e00d"
}

.icon-pencil2:before {
    content: "\e00e"
}

.icon-pencil3:before {
    content: "\e00f"
}

.icon-pencil4:before {
    content: "\e010"
}

.icon-pencil5:before {
    content: "\e011"
}

.icon-pencil6:before {
    content: "\e012"
}

.icon-quill:before {
    content: "\e013"
}

.icon-quill2:before {
    content: "\e014"
}

.icon-quill3:before {
    content: "\e015"
}

.icon-pen:before {
    content: "\e016"
}

.icon-pen2:before {
    content: "\e017"
}

.icon-pen3:before {
    content: "\e018"
}

.icon-pen4:before {
    content: "\e019"
}

.icon-pen5:before {
    content: "\e01a"
}

.icon-marker:before {
    content: "\e01b"
}

.icon-home12:before {
    content: "\e01c"
}

.icon-marker2:before {
    content: "\e01d"
}

.icon-blog:before {
    content: "\e01e"
}

.icon-blog2:before {
    content: "\e01f"
}

.icon-brush:before {
    content: "\e020"
}

.icon-palette:before {
    content: "\e021"
}

.icon-palette2:before {
    content: "\e022"
}

.icon-eyedropper:before {
    content: "\e023"
}

.icon-eyedropper2:before {
    content: "\e024"
}

.icon-droplet:before {
    content: "\e025"
}

.icon-droplet2:before {
    content: "\e026"
}

.icon-droplet3:before {
    content: "\e027"
}

.icon-droplet4:before {
    content: "\e028"
}

.icon-paint-format:before {
    content: "\e029"
}

.icon-paint-format2:before {
    content: "\e02a"
}

.icon-image:before {
    content: "\e02b"
}

.icon-image2:before {
    content: "\e02c"
}

.icon-image3:before {
    content: "\e02d"
}

.icon-images:before {
    content: "\e02e"
}

.icon-image4:before {
    content: "\e02f"
}

.icon-image5:before {
    content: "\e030"
}

.icon-image6:before {
    content: "\e031"
}

.icon-images2:before {
    content: "\e032"
}

.icon-image7:before {
    content: "\e033"
}

.icon-camera:before {
    content: "\e034"
}

.icon-camera2:before {
    content: "\e035"
}

.icon-camera3:before {
    content: "\e036"
}

.icon-camera4:before {
    content: "\e037"
}

.icon-music:before {
    content: "\e038"
}

.icon-music2:before {
    content: "\e039"
}

.icon-music3:before {
    content: "\e03a"
}

.icon-music4:before {
    content: "\e03b"
}

.icon-music5:before {
    content: "\e03c"
}

.icon-music6:before {
    content: "\e03d"
}

.icon-piano:before {
    content: "\e03e"
}

.icon-guitar:before {
    content: "\e03f"
}

.icon-headphones:before {
    content: "\e040"
}

.icon-headphones2:before {
    content: "\e041"
}

.icon-play:before {
    content: "\e042"
}

.icon-play2:before {
    content: "\e043"
}

.icon-movie:before {
    content: "\e044"
}

.icon-movie2:before {
    content: "\e045"
}

.icon-movie3:before {
    content: "\e046"
}

.icon-film:before {
    content: "\e047"
}

.icon-film2:before {
    content: "\e048"
}

.icon-film3:before {
    content: "\e049"
}

.icon-film4:before {
    content: "\e04a"
}

.icon-camera5:before {
    content: "\e04b"
}

.icon-camera6:before {
    content: "\e04c"
}

.icon-camera7:before {
    content: "\e04d"
}

.icon-camera8:before {
    content: "\e04e"
}

.icon-camera9:before {
    content: "\e04f"
}

.icon-dice:before {
    content: "\e050"
}

.icon-gamepad:before {
    content: "\e051"
}

.icon-gamepad2:before {
    content: "\e052"
}

.icon-gamepad3:before {
    content: "\e053"
}

.icon-pacman:before {
    content: "\e054"
}

.icon-spades:before {
    content: "\e055"
}

.icon-clubs:before {
    content: "\e056"
}

.icon-diamonds:before {
    content: "\e057"
}

.icon-king:before {
    content: "\e058"
}

.icon-queen:before {
    content: "\e059"
}

.icon-rock:before {
    content: "\e05a"
}

.icon-bishop:before {
    content: "\e05b"
}

.icon-knight:before {
    content: "\e05c"
}

.icon-pawn:before {
    content: "\e05d"
}

.icon-chess:before {
    content: "\e05e"
}

.icon-bullhorn:before {
    content: "\e05f"
}

.icon-megaphone:before {
    content: "\e060"
}

.icon-new:before {
    content: "\e061"
}

.icon-connection:before {
    content: "\e062"
}

.icon-connection2:before {
    content: "\e063"
}

.icon-podcast:before {
    content: "\e064"
}

.icon-radio:before {
    content: "\e065"
}

.icon-feed:before {
    content: "\e066"
}

.icon-connection3:before {
    content: "\e067"
}

.icon-radio2:before {
    content: "\e068"
}

.icon-podcast2:before {
    content: "\e069"
}

.icon-podcast3:before {
    content: "\e06a"
}

.icon-mic:before {
    content: "\e06b"
}

.icon-mic2:before {
    content: "\e06c"
}

.icon-mic3:before {
    content: "\e06d"
}

.icon-mic4:before {
    content: "\e06e"
}

.icon-mic5:before {
    content: "\e06f"
}

.icon-book:before {
    content: "\e070"
}

.icon-book2:before {
    content: "\e071"
}

.icon-books:before {
    content: "\e072"
}

.icon-reading:before {
    content: "\e073"
}

.icon-library:before {
    content: "\e074"
}

.icon-library2:before {
    content: "\e075"
}

.icon-graduation:before {
    content: "\e076"
}

.icon-file:before {
    content: "\e077"
}

.icon-profile:before {
    content: "\e078"
}

.icon-file2:before {
    content: "\e079"
}

.icon-file3:before {
    content: "\e07a"
}

.icon-file4:before {
    content: "\e07b"
}

.icon-file5:before {
    content: "\e07c"
}

.icon-file6:before {
    content: "\e07d"
}

.icon-files:before {
    content: "\e07e"
}

.icon-file-plus:before {
    content: "\e07f"
}

.icon-file-minus:before {
    content: "\e080"
}

.icon-file-download:before {
    content: "\e081"
}

.icon-file-upload:before {
    content: "\e082"
}

.icon-file-check:before {
    content: "\e083"
}

.icon-file-remove:before {
    content: "\e084"
}

.icon-file7:before {
    content: "\e085"
}

.icon-file8:before {
    content: "\e086"
}

.icon-file-plus2:before {
    content: "\e087"
}

.icon-file-minus2:before {
    content: "\e088"
}

.icon-file-download2:before {
    content: "\e089"
}

.icon-file-upload2:before {
    content: "\e08a"
}

.icon-file-check2:before {
    content: "\e08b"
}

.icon-file-remove2:before {
    content: "\e08c"
}

.icon-file9:before {
    content: "\e08d"
}

.icon-copy:before {
    content: "\e08e"
}

.icon-copy2:before {
    content: "\e08f"
}

.icon-copy3:before {
    content: "\e090"
}

.icon-copy4:before {
    content: "\e091"
}

.icon-paste:before {
    content: "\e092"
}

.icon-paste2:before {
    content: "\e093"
}

.icon-paste3:before {
    content: "\e094"
}

.icon-stack:before {
    content: "\e095"
}

.icon-stack2:before {
    content: "\e096"
}

.icon-stack3:before {
    content: "\e097"
}

.icon-folder:before {
    content: "\e098"
}

.icon-folder-download:before {
    content: "\e099"
}

.icon-folder-upload:before {
    content: "\e09a"
}

.icon-folder-plus:before {
    content: "\e09b"
}

.icon-folder-plus2:before {
    content: "\e09c"
}

.icon-folder-minus:before {
    content: "\e09d"
}

.icon-folder-minus2:before {
    content: "\e09e"
}

.icon-folder8:before {
    content: "\e09f"
}

.icon-folder-remove:before {
    content: "\e0a0"
}

.icon-folder2:before {
    content: "\e0a1"
}

.icon-folder-open:before {
    content: "\e0a2"
}

.icon-folder3:before {
    content: "\e0a3"
}

.icon-folder4:before {
    content: "\e0a4"
}

.icon-folder-plus3:before {
    content: "\e0a5"
}

.icon-folder-minus3:before {
    content: "\e0a6"
}

.icon-folder-plus4:before {
    content: "\e0a7"
}

.icon-folder-remove2:before {
    content: "\e0a8"
}

.icon-folder-download2:before {
    content: "\e0a9"
}

.icon-folder-upload2:before {
    content: "\e0aa"
}

.icon-folder-download3:before {
    content: "\e0ab"
}

.icon-folder-upload3:before {
    content: "\e0ac"
}

.icon-folder5:before {
    content: "\e0ad"
}

.icon-folder-open2:before {
    content: "\e0ae"
}

.icon-folder6:before {
    content: "\e0af"
}

.icon-folder-open3:before {
    content: "\e0b0"
}

.icon-certificate:before {
    content: "\e0b1"
}

.icon-cc:before {
    content: "\e0b2"
}

.icon-tag:before {
    content: "\e0b3"
}

.icon-tag2:before {
    content: "\e0b4"
}

.icon-tag3:before {
    content: "\e0b5"
}

.icon-tag4:before {
    content: "\e0b6"
}

.icon-tag5:before {
    content: "\e0b7"
}

.icon-tag6:before {
    content: "\e0b8"
}

.icon-tag7:before {
    content: "\e0b9"
}

.icon-tags:before {
    content: "\e0ba"
}

.icon-tags2:before {
    content: "\e0bb"
}

.icon-tag8:before {
    content: "\e0bc"
}

.icon-barcode:before {
    content: "\e0bd"
}

.icon-barcode2:before {
    content: "\e0be"
}

.icon-qrcode:before {
    content: "\e0bf"
}

.icon-ticket:before {
    content: "\e0c0"
}

.icon-cart:before {
    content: "\e0c1"
}

.icon-cart2:before {
    content: "\e0c2"
}

.icon-cart3:before {
    content: "\e0c3"
}

.icon-cart4:before {
    content: "\e0c4"
}

.icon-cart5:before {
    content: "\e0c5"
}

.icon-cart6:before {
    content: "\e0c6"
}

.icon-cart7:before {
    content: "\e0c7"
}

.icon-cart-plus:before {
    content: "\e0c8"
}

.icon-cart-minus:before {
    content: "\e0c9"
}

.icon-cart-add:before {
    content: "\e0ca"
}

.icon-cart-remove:before {
    content: "\e0cb"
}

.icon-cart-checkout:before {
    content: "\e0cc"
}

.icon-cart-remove2:before {
    content: "\e0cd"
}

.icon-basket:before {
    content: "\e0ce"
}

.icon-basket2:before {
    content: "\e0cf"
}

.icon-bag:before {
    content: "\e0d0"
}

.icon-bag2:before {
    content: "\e0d1"
}

.icon-bag3:before {
    content: "\e0d2"
}

.icon-coin:before {
    content: "\e0d3"
}

.icon-coins:before {
    content: "\e0d4"
}

.icon-credit:before {
    content: "\e0d5"
}

.icon-credit2:before {
    content: "\e0d6"
}

.icon-calculate:before {
    content: "\e0d7"
}

.icon-calculate2:before {
    content: "\e0d8"
}

.icon-support:before {
    content: "\e0d9"
}

.icon-phone:before {
    content: "\e0da"
}

.icon-phone2:before {
    content: "\e0db"
}

.icon-phone3:before {
    content: "\e0dc"
}

.icon-phone4:before {
    content: "\e0dd"
}

.icon-contact-add:before {
    content: "\e0de"
}

.icon-contact-remove:before {
    content: "\e0df"
}

.icon-contact-add2:before {
    content: "\e0e0"
}

.icon-contact-remove2:before {
    content: "\e0e1"
}

.icon-call-incoming:before {
    content: "\e0e2"
}

.icon-call-outgoing:before {
    content: "\e0e3"
}

.icon-phone5:before {
    content: "\e0e4"
}

.icon-phone6:before {
    content: "\e0e5"
}

.icon-phone-hang-up:before {
    content: "\e0e6"
}

.icon-phone-hang-up2:before {
    content: "\e0e7"
}

.icon-address-book:before {
    content: "\e0e8"
}

.icon-address-book2:before {
    content: "\e0e9"
}

.icon-notebook:before {
    content: "\e0ea"
}

.icon-envelope:before {
    content: "\e0eb"
}

.icon-envelope2:before {
    content: "\e0ec"
}

.icon-mail-send:before {
    content: "\e0ed"
}

.icon-envelope-opened:before {
    content: "\e0ee"
}

.icon-envelope3:before {
    content: "\e0ef"
}

.icon-pushpin:before {
    content: "\e0f0"
}

.icon-location:before {
    content: "\e0f1"
}

.icon-location2:before {
    content: "\e0f2"
}

.icon-location3:before {
    content: "\e0f3"
}

.icon-location4:before {
    content: "\e0f4"
}

.icon-location5:before {
    content: "\e0f5"
}

.icon-location6:before {
    content: "\e0f6"
}

.icon-location7:before {
    content: "\e0f7"
}

.icon-compass:before {
    content: "\e0f8"
}

.icon-compass2:before {
    content: "\e0f9"
}

.icon-map:before {
    content: "\e0fa"
}

.icon-map2:before {
    content: "\e0fb"
}

.icon-map3:before {
    content: "\e0fc"
}

.icon-map4:before {
    content: "\e0fd"
}

.icon-direction:before {
    content: "\e0fe"
}

.icon-history:before {
    content: "\e0ff"
}

.icon-history2:before {
    content: "\e100"
}

.icon-clock:before {
    content: "\e101"
}

.icon-clock2:before {
    content: "\e102"
}

.icon-clock3:before {
    content: "\e103"
}

.icon-clock4:before {
    content: "\e104"
}

.icon-watch:before {
    content: "\e105"
}

.icon-clock5:before {
    content: "\e106"
}

.icon-clock6:before {
    content: "\e107"
}

.icon-clock7:before {
    content: "\e108"
}

.icon-alarm:before {
    content: "\e109"
}

.icon-alarm2:before {
    content: "\e10a"
}

.icon-bell:before {
    content: "\e10b"
}

.icon-bell2:before {
    content: "\e10c"
}

.icon-alarm-plus:before {
    content: "\e10d"
}

.icon-alarm-minus:before {
    content: "\e10e"
}

.icon-alarm-check:before {
    content: "\e10f"
}

.icon-alarm-cancel:before {
    content: "\e110"
}

.icon-stopwatch:before {
    content: "\e111"
}

.icon-calendar:before {
    content: "\e112"
}

.icon-calendar2:before {
    content: "\e113"
}

.icon-calendar3:before {
    content: "\e114"
}

.icon-calendar4:before {
    content: "\e115"
}

.icon-calendar5:before {
    content: "\e116"
}

.icon-print:before {
    content: "\e117"
}

.icon-print2:before {
    content: "\e118"
}

.icon-print3:before {
    content: "\e119"
}

.icon-mouse:before {
    content: "\e11a"
}

.icon-mouse2:before {
    content: "\e11b"
}

.icon-mouse3:before {
    content: "\e11c"
}

.icon-mouse4:before {
    content: "\e11d"
}

.icon-keyboard:before {
    content: "\e11e"
}

.icon-keyboard2:before {
    content: "\e11f"
}

.icon-screen:before {
    content: "\e120"
}

.icon-screen2:before {
    content: "\e121"
}

.icon-screen3:before {
    content: "\e122"
}

.icon-screen4:before {
    content: "\e123"
}

.icon-laptop:before {
    content: "\e124"
}

.icon-mobile:before {
    content: "\e125"
}

.icon-mobile2:before {
    content: "\e126"
}

.icon-tablet:before {
    content: "\e127"
}

.icon-mobile3:before {
    content: "\e128"
}

.icon-tv:before {
    content: "\e129"
}

.icon-cabinet:before {
    content: "\e12a"
}

.icon-archive:before {
    content: "\e12b"
}

.icon-drawer:before {
    content: "\e12c"
}

.icon-drawer2:before {
    content: "\e12d"
}

.icon-drawer3:before {
    content: "\e12e"
}

.icon-box:before {
    content: "\e12f"
}

.icon-box-add:before {
    content: "\e130"
}

.icon-box-remove:before {
    content: "\e131"
}

.icon-download:before {
    content: "\e132"
}

.icon-upload:before {
    content: "\e133"
}

.icon-disk:before {
    content: "\e134"
}

.icon-cd:before {
    content: "\e135"
}

.icon-storage:before {
    content: "\e136"
}

.icon-storage2:before {
    content: "\e137"
}

.icon-database:before {
    content: "\e138"
}

.icon-database2:before {
    content: "\e139"
}

.icon-database3:before {
    content: "\e13a"
}

.icon-undo:before {
    content: "\e13b"
}

.icon-redo:before {
    content: "\e13c"
}

.icon-rotate:before {
    content: "\e13d"
}

.icon-rotate2:before {
    content: "\e13e"
}

.icon-flip:before {
    content: "\e13f"
}

.icon-flip2:before {
    content: "\e140"
}

.icon-unite:before {
    content: "\e141"
}

.icon-subtract:before {
    content: "\e142"
}

.icon-interset:before {
    content: "\e143"
}

.icon-exclude:before {
    content: "\e144"
}

.icon-align-left:before {
    content: "\e145"
}

.icon-align-center-horizontal:before {
    content: "\e146"
}

.icon-align-right:before {
    content: "\e147"
}

.icon-align-top:before {
    content: "\e148"
}

.icon-align-center-vertical:before {
    content: "\e149"
}

.icon-align-bottom:before {
    content: "\e14a"
}

.icon-undo2:before {
    content: "\e14b"
}

.icon-redo2:before {
    content: "\e14c"
}

.icon-forward:before {
    content: "\e14d"
}

.icon-reply:before {
    content: "\e14e"
}

.icon-reply2:before {
    content: "\e14f"
}

.icon-bubble:before {
    content: "\e150"
}

.icon-bubbles:before {
    content: "\e151"
}

.icon-bubbles2:before {
    content: "\e152"
}

.icon-bubble2:before {
    content: "\e153"
}

.icon-bubbles3:before {
    content: "\e154"
}

.icon-bubbles4:before {
    content: "\e155"
}

.icon-bubble-notification:before {
    content: "\e156"
}

.icon-bubbles5:before {
    content: "\e157"
}

.icon-bubbles6:before {
    content: "\e158"
}

.icon-bubble3:before {
    content: "\e159"
}

.icon-bubble-dots:before {
    content: "\e15a"
}

.icon-bubble4:before {
    content: "\e15b"
}

.icon-bubble5:before {
    content: "\e15c"
}

.icon-bubble-dots2:before {
    content: "\e15d"
}

.icon-bubble6:before {
    content: "\e15e"
}

.icon-bubble7:before {
    content: "\e15f"
}

.icon-bubble8:before {
    content: "\e160"
}

.icon-bubbles7:before {
    content: "\e161"
}

.icon-bubble9:before {
    content: "\e162"
}

.icon-bubbles8:before {
    content: "\e163"
}

.icon-bubble10:before {
    content: "\e164"
}

.icon-bubble-dots3:before {
    content: "\e165"
}

.icon-bubble11:before {
    content: "\e166"
}

.icon-bubble12:before {
    content: "\e167"
}

.icon-bubble-dots4:before {
    content: "\e168"
}

.icon-bubble13:before {
    content: "\e169"
}

.icon-bubbles9:before {
    content: "\e16a"
}

.icon-bubbles10:before {
    content: "\e16b"
}

.icon-bubble-blocked:before {
    content: "\e16c"
}

.icon-bubble-quote:before {
    content: "\e16d"
}

.icon-bubble-user:before {
    content: "\e16e"
}

.icon-bubble-check:before {
    content: "\e16f"
}

.icon-bubble-video-chat:before {
    content: "\e170"
}

.icon-bubble-link:before {
    content: "\e171"
}

.icon-bubble-locked:before {
    content: "\e172"
}

.icon-bubble-star:before {
    content: "\e173"
}

.icon-bubble-heart:before {
    content: "\e174"
}

.icon-bubble-paperclip:before {
    content: "\e175"
}

.icon-bubble-cancel:before {
    content: "\e176"
}

.icon-bubble-plus:before {
    content: "\e177"
}

.icon-bubble-minus:before {
    content: "\e178"
}

.icon-bubble-notification2:before {
    content: "\e179"
}

.icon-bubble-trash:before {
    content: "\e17a"
}

.icon-bubble-left:before {
    content: "\e17b"
}

.icon-bubble-right:before {
    content: "\e17c"
}

.icon-bubble-up:before {
    content: "\e17d"
}

.icon-bubble-down:before {
    content: "\e17e"
}

.icon-bubble-first:before {
    content: "\e17f"
}

.icon-bubble-last:before {
    content: "\e180"
}

.icon-bubble-replu:before {
    content: "\e181"
}

.icon-bubble-forward:before {
    content: "\e182"
}

.icon-bubble-reply:before {
    content: "\e183"
}

.icon-bubble-forward2:before {
    content: "\e184"
}

.icon-user:before {
    content: "\e185"
}

.icon-users:before {
    content: "\e186"
}

.icon-user-plus:before {
    content: "\e187"
}

.icon-user-plus2:before {
    content: "\e188"
}

.icon-user-minus:before {
    content: "\e189"
}

.icon-user-minus2:before {
    content: "\e18a"
}

.icon-user-cancel:before {
    content: "\e18b"
}

.icon-user-block:before {
    content: "\e18c"
}

.icon-users2:before {
    content: "\e18d"
}

.icon-user2:before {
    content: "\e18e"
}

.icon-users3:before {
    content: "\e18f"
}

.icon-user-plus3:before {
    content: "\e190"
}

.icon-user-minus3:before {
    content: "\e191"
}

.icon-user-cancel2:before {
    content: "\e192"
}

.icon-user-block2:before {
    content: "\e193"
}

.icon-user3:before {
    content: "\e194"
}

.icon-user4:before {
    content: "\e195"
}

.icon-user5:before {
    content: "\e196"
}

.icon-user6:before {
    content: "\e197"
}

.icon-users4:before {
    content: "\e198"
}

.icon-user7:before {
    content: "\e199"
}

.icon-user8:before {
    content: "\e19a"
}

.icon-users5:before {
    content: "\e19b"
}

.icon-vcard:before {
    content: "\e19c"
}

.icon-tshirt:before {
    content: "\e19d"
}

.icon-hanger:before {
    content: "\e19e"
}

.icon-quotes-left:before {
    content: "\e19f"
}

.icon-quotes-right:before {
    content: "\e1a0"
}

.icon-quotes-right2:before {
    content: "\e1a1"
}

.icon-quotes-right3:before {
    content: "\e1a2"
}

.icon-busy:before {
    content: "\e1a3"
}

.icon-busy2:before {
    content: "\e1a4"
}

.icon-busy3:before {
    content: "\e1a5"
}

.icon-busy4:before {
    content: "\e1a6"
}

.icon-spinner:before {
    content: "\e1a7"
}

.icon-spinner2:before {
    content: "\e1a8"
}

.icon-spinner3:before {
    content: "\e1a9"
}

.icon-spinner4:before {
    content: "\e1aa"
}

.icon-spinner5:before {
    content: "\e1ab"
}

.icon-spinner6:before {
    content: "\e1ac"
}

.icon-spinner7:before {
    content: "\e1ad"
}

.icon-spinner8:before {
    content: "\e1ae"
}

.icon-spinner9:before {
    content: "\e1af"
}

.icon-spinner10:before {
    content: "\e1b0"
}

.icon-spinner11:before {
    content: "\e1b1"
}

.icon-spinner12:before {
    content: "\e1b2"
}

.icon-microscope:before {
    content: "\e1b3"
}

.icon-binoculars:before {
    content: "\e1b4"
}

.icon-binoculars2:before {
    content: "\e1b5"
}

.icon-search:before {
    content: "\e1b6"
}

.icon-search2:before {
    content: "\e1b7"
}

.icon-zoomin:before {
    content: "\e1b8"
}

.icon-zoomout:before {
    content: "\e1b9"
}

.icon-search3:before {
    content: "\e1ba"
}

.icon-search4:before {
    content: "\e1bb"
}

.icon-zoomin2:before {
    content: "\e1bc"
}

.icon-zoomout2:before {
    content: "\e1bd"
}

.icon-search5:before {
    content: "\e1be"
}

.icon-expand:before {
    content: "\e1bf"
}

.icon-contract:before {
    content: "\e1c0"
}

.icon-scale-up:before {
    content: "\e1c1"
}

.icon-scale-down:before {
    content: "\e1c2"
}

.icon-expand2:before {
    content: "\e1c3"
}

.icon-contract2:before {
    content: "\e1c4"
}

.icon-scale-up2:before {
    content: "\e1c5"
}

.icon-scale-down2:before {
    content: "\e1c6"
}

.icon-fullscreen:before {
    content: "\e1c7"
}

.icon-expand3:before {
    content: "\e1c8"
}

.icon-contract3:before {
    content: "\e1c9"
}

.icon-key:before {
    content: "\e1ca"
}

.icon-key2:before {
    content: "\e1cb"
}

.icon-key3:before {
    content: "\e1cc"
}

.icon-key4:before {
    content: "\e1cd"
}

.icon-key5:before {
    content: "\e1ce"
}

.icon-keyhole:before {
    content: "\e1cf"
}

.icon-lock:before {
    content: "\e1d0"
}

.icon-lock2:before {
    content: "\e1d1"
}

.icon-lock3:before {
    content: "\e1d2"
}

.icon-lock4:before {
    content: "\e1d3"
}

.icon-unlocked:before {
    content: "\e1d4"
}

.icon-lock5:before {
    content: "\e1d5"
}

.icon-unlocked2:before {
    content: "\e1d6"
}

.icon-wrench:before {
    content: "\e1d7"
}

.icon-wrench2:before {
    content: "\e1d8"
}

.icon-wrench3:before {
    content: "\e1d9"
}

.icon-wrench4:before {
    content: "\e1da"
}

.icon-settings:before {
    content: "\e1db"
}

.icon-equalizer:before {
    content: "\e1dc"
}

.icon-equalizer2:before {
    content: "\e1dd"
}

.icon-equalizer3:before {
    content: "\e1de"
}

.icon-cog:before {
    content: "\e1df"
}

.icon-cogs:before {
    content: "\e1e0"
}

.icon-cog2:before {
    content: "\e1e1"
}

.icon-cog3:before {
    content: "\e1e2"
}

.icon-cog4:before {
    content: "\e1e3"
}

.icon-cog5:before {
    content: "\e1e4"
}

.icon-cog6:before {
    content: "\e1e5"
}

.icon-cog7:before {
    content: "\e1e6"
}

.icon-factory:before {
    content: "\e1e7"
}

.icon-hammer:before {
    content: "\e1e8"
}

.icon-tools:before {
    content: "\e1e9"
}

.icon-screwdriver:before {
    content: "\e1ea"
}

.icon-screwdriver2:before {
    content: "\e1eb"
}

.icon-wand:before {
    content: "\e1ec"
}

.icon-wand2:before {
    content: "\e1ed"
}

.icon-health:before {
    content: "\e1ee"
}

.icon-aid:before {
    content: "\e1ef"
}

.icon-patch:before {
    content: "\e1f0"
}

.icon-bug:before {
    content: "\e1f1"
}

.icon-bug2:before {
    content: "\e1f2"
}

.icon-inject:before {
    content: "\e1f3"
}

.icon-inject2:before {
    content: "\e1f4"
}

.icon-construction:before {
    content: "\e1f5"
}

.icon-cone:before {
    content: "\e1f6"
}

.icon-pie:before {
    content: "\e1f7"
}

.icon-pie2:before {
    content: "\e1f8"
}

.icon-pie3:before {
    content: "\e1f9"
}

.icon-pie4:before {
    content: "\e1fa"
}

.icon-pie5:before {
    content: "\e1fb"
}

.icon-pie6:before {
    content: "\e1fc"
}

.icon-pie7:before {
    content: "\e1fd"
}

.icon-stats:before {
    content: "\e1fe"
}

.icon-stats2:before {
    content: "\e1ff"
}

.icon-stats3:before {
    content: "\e200"
}

.icon-bars:before {
    content: "\e201"
}

.icon-bars2:before {
    content: "\e202"
}

.icon-bars3:before {
    content: "\e203"
}

.icon-bars4:before {
    content: "\e204"
}

.icon-bars5:before {
    content: "\e205"
}

.icon-bars6:before {
    content: "\e206"
}

.icon-stats-up:before {
    content: "\e207"
}

.icon-stats-down:before {
    content: "\e208"
}

.icon-stairs-down:before {
    content: "\e209"
}

.icon-stairs-down2:before {
    content: "\e20a"
}

.icon-chart:before {
    content: "\e20b"
}

.icon-stairs:before {
    content: "\e20c"
}

.icon-stairs2:before {
    content: "\e20d"
}

.icon-ladder:before {
    content: "\e20e"
}

.icon-cake:before {
    content: "\e20f"
}

.icon-gift:before {
    content: "\e210"
}

.icon-gift2:before {
    content: "\e211"
}

.icon-balloon:before {
    content: "\e212"
}

.icon-rating:before {
    content: "\e213"
}

.icon-rating2:before {
    content: "\e214"
}

.icon-rating3:before {
    content: "\e215"
}

.icon-podium:before {
    content: "\e216"
}

.icon-medal:before {
    content: "\e217"
}

.icon-medal2:before {
    content: "\e218"
}

.icon-medal3:before {
    content: "\e219"
}

.icon-medal4:before {
    content: "\e21a"
}

.icon-medal5:before {
    content: "\e21b"
}

.icon-crown:before {
    content: "\e21c"
}

.icon-trophy:before {
    content: "\e21d"
}

.icon-trophy2:before {
    content: "\e21e"
}

.icon-trophy-star:before {
    content: "\e21f"
}

.icon-diamond:before {
    content: "\e220"
}

.icon-diamond2:before {
    content: "\e221"
}

.icon-glass:before {
    content: "\e222"
}

.icon-glass2:before {
    content: "\e223"
}

.icon-bottle:before {
    content: "\e224"
}

.icon-bottle2:before {
    content: "\e225"
}

.icon-mug:before {
    content: "\e226"
}

.icon-food:before {
    content: "\e227"
}

.icon-food2:before {
    content: "\e228"
}

.icon-hamburger:before {
    content: "\e229"
}

.icon-cup:before {
    content: "\e22a"
}

.icon-cup2:before {
    content: "\e22b"
}

.icon-leaf:before {
    content: "\e22c"
}

.icon-leaf2:before {
    content: "\e22d"
}

.icon-apple-fruit:before {
    content: "\e22e"
}

.icon-tree:before {
    content: "\e22f"
}

.icon-tree2:before {
    content: "\e230"
}

.icon-paw:before {
    content: "\e231"
}

.icon-steps:before {
    content: "\e232"
}

.icon-flower:before {
    content: "\e233"
}

.icon-rocket:before {
    content: "\e234"
}

.icon-meter:before {
    content: "\e235"
}

.icon-meter2:before {
    content: "\e236"
}

.icon-meter-slow:before {
    content: "\e237"
}

.icon-meter-medium:before {
    content: "\e238"
}

.icon-meter-fast:before {
    content: "\e239"
}

.icon-dashboard:before {
    content: "\e23a"
}

.icon-hammer2:before {
    content: "\e23b"
}

.icon-balance:before {
    content: "\e23c"
}

.icon-bomb:before {
    content: "\e23d"
}

.icon-fire:before {
    content: "\e23e"
}

.icon-fire2:before {
    content: "\e23f"
}

.icon-lab:before {
    content: "\e240"
}

.icon-atom:before {
    content: "\e241"
}

.icon-atom2:before {
    content: "\e242"
}

.icon-magnet:before {
    content: "\e243"
}

.icon-magnet2:before {
    content: "\e244"
}

.icon-magnet3:before {
    content: "\e245"
}

.icon-magnet4:before {
    content: "\e246"
}

.icon-dumbbell:before {
    content: "\e247"
}

.icon-skull:before {
    content: "\e248"
}

.icon-skull2:before {
    content: "\e249"
}

.icon-skull3:before {
    content: "\e24a"
}

.icon-lamp:before {
    content: "\e24b"
}

.icon-lamp2:before {
    content: "\e24c"
}

.icon-lamp3:before {
    content: "\e24d"
}

.icon-lamp4:before {
    content: "\e24e"
}

.icon-remove:before {
    content: "\e24f"
}

.icon-remove2:before {
    content: "\e250"
}

.icon-remove3:before {
    content: "\e251"
}

.icon-remove4:before {
    content: "\e252"
}

.icon-remove5:before {
    content: "\e253"
}

.icon-remove6:before {
    content: "\e254"
}

.icon-remove7:before {
    content: "\e255"
}

.icon-remove8:before {
    content: "\e256"
}

.icon-briefcase:before {
    content: "\e257"
}

.icon-briefcase2:before {
    content: "\e258"
}

.icon-briefcase3:before {
    content: "\e259"
}

.icon-airplane:before {
    content: "\e25a"
}

.icon-airplane2:before {
    content: "\e25b"
}

.icon-paperplane:before {
    content: "\e25c"
}

.icon-car:before {
    content: "\e25d"
}

.icon-gas-pump:before {
    content: "\e25e"
}

.icon-bus:before {
    content: "\e25f"
}

.icon-truck:before {
    content: "\e260"
}

.icon-bike:before {
    content: "\e261"
}

.icon-road:before {
    content: "\e262"
}

.icon-train:before {
    content: "\e263"
}

.icon-ship:before {
    content: "\e264"
}

.icon-boat:before {
    content: "\e265"
}

.icon-cube:before {
    content: "\e266"
}

.icon-cube2:before {
    content: "\e267"
}

.icon-cube3:before {
    content: "\e268"
}

.icon-cube4:before {
    content: "\e269"
}

.icon-pyramid:before {
    content: "\e26a"
}

.icon-pyramid2:before {
    content: "\e26b"
}

.icon-cylinder:before {
    content: "\e26c"
}

.icon-package:before {
    content: "\e26d"
}

.icon-puzzle:before {
    content: "\e26e"
}

.icon-puzzle2:before {
    content: "\e26f"
}

.icon-puzzle3:before {
    content: "\e270"
}

.icon-puzzle4:before {
    content: "\e271"
}

.icon-glasses:before {
    content: "\e272"
}

.icon-glasses2:before {
    content: "\e273"
}

.icon-glasses3:before {
    content: "\e274"
}

.icon-sunglasses:before {
    content: "\e275"
}

.icon-accessibility:before {
    content: "\e276"
}

.icon-accessibility2:before {
    content: "\e277"
}

.icon-brain:before {
    content: "\e278"
}

.icon-target:before {
    content: "\e279"
}

.icon-target2:before {
    content: "\e27a"
}

.icon-target3:before {
    content: "\e27b"
}

.icon-gun:before {
    content: "\e27c"
}

.icon-gun-ban:before {
    content: "\e27d"
}

.icon-shield:before {
    content: "\e27e"
}

.icon-shield2:before {
    content: "\e27f"
}

.icon-shield3:before {
    content: "\e280"
}

.icon-shield4:before {
    content: "\e281"
}

.icon-soccer:before {
    content: "\e282"
}

.icon-football:before {
    content: "\e283"
}

.icon-baseball:before {
    content: "\e284"
}

.icon-basketball:before {
    content: "\e285"
}

.icon-golf:before {
    content: "\e286"
}

.icon-hockey:before {
    content: "\e287"
}

.icon-racing:before {
    content: "\e288"
}

.icon-eightball:before {
    content: "\e289"
}

.icon-bowlingball:before {
    content: "\e28a"
}

.icon-bowling:before {
    content: "\e28b"
}

.icon-bowling2:before {
    content: "\e28c"
}

.icon-lightning:before {
    content: "\e28d"
}

.icon-power:before {
    content: "\e28e"
}

.icon-power2:before {
    content: "\e28f"
}

.icon-switch:before {
    content: "\e290"
}

.icon-powercord:before {
    content: "\e291"
}

.icon-cord:before {
    content: "\e292"
}

.icon-socket:before {
    content: "\e293"
}

.icon-clipboard:before {
    content: "\e294"
}

.icon-clipboard2:before {
    content: "\e295"
}

.icon-signup:before {
    content: "\e296"
}

.icon-clipboard3:before {
    content: "\e297"
}

.icon-clipboard4:before {
    content: "\e298"
}

.icon-list:before {
    content: "\e299"
}

.icon-list2:before {
    content: "\e29a"
}

.icon-list3:before {
    content: "\e29b"
}

.icon-numbered-list:before {
    content: "\e29c"
}

.icon-list4:before {
    content: "\e29d"
}

.icon-list5:before {
    content: "\e29e"
}

.icon-playlist:before {
    content: "\e29f"
}

.icon-grid:before {
    content: "\e2a0"
}

.icon-grid2:before {
    content: "\e2a1"
}

.icon-grid3:before {
    content: "\e2a2"
}

.icon-grid4:before {
    content: "\e2a3"
}

.icon-grid5:before {
    content: "\e2a4"
}

.icon-grid6:before {
    content: "\e2a5"
}

.icon-tree3:before {
    content: "\e2a6"
}

.icon-tree4:before {
    content: "\e2a7"
}

.icon-tree5:before {
    content: "\e2a8"
}

.icon-menu:before {
    content: "\e2a9"
}

.icon-menu2:before {
    content: "\e2aa"
}

.icon-circle-small:before {
    content: "\e2ab"
}

.icon-menu3:before {
    content: "\e2ac"
}

.icon-menu4:before {
    content: "\e2ad"
}

.icon-menu5:before {
    content: "\e2ae"
}

.icon-menu6:before {
    content: "\e2af"
}

.icon-menu7:before {
    content: "\e2b0"
}

.icon-menu8:before {
    content: "\e2b1"
}

.icon-menu9:before {
    content: "\e2b2"
}

.icon-cloud:before {
    content: "\e2b3"
}

.icon-cloud2:before {
    content: "\e2b4"
}

.icon-cloud3:before {
    content: "\e2b5"
}

.icon-cloud-download:before {
    content: "\e2b6"
}

.icon-cloud-upload:before {
    content: "\e2b7"
}

.icon-download2:before {
    content: "\e2b8"
}

.icon-upload2:before {
    content: "\e2b9"
}

.icon-download3:before {
    content: "\e2ba"
}

.icon-upload3:before {
    content: "\e2bb"
}

.icon-download4:before {
    content: "\e2bc"
}

.icon-upload4:before {
    content: "\e2bd"
}

.icon-download5:before {
    content: "\e2be"
}

.icon-upload5:before {
    content: "\e2bf"
}

.icon-download6:before {
    content: "\e2c0"
}

.icon-upload6:before {
    content: "\e2c1"
}

.icon-download7:before {
    content: "\e2c2"
}

.icon-upload7:before {
    content: "\e2c3"
}

.icon-globe:before {
    content: "\e2c4"
}

.icon-globe2:before {
    content: "\e2c5"
}

.icon-globe3:before {
    content: "\e2c6"
}

.icon-earth:before {
    content: "\e2c7"
}

.icon-network:before {
    content: "\e2c8"
}

.icon-link:before {
    content: "\e2c9"
}

.icon-link2:before {
    content: "\e2ca"
}

.icon-link3:before {
    content: "\e2cb"
}

.icon-link22:before {
    content: "\e2cc"
}

.icon-link4:before {
    content: "\e2cd"
}

.icon-link5:before {
    content: "\e2ce"
}

.icon-link6:before {
    content: "\e2cf"
}

.icon-anchor:before {
    content: "\e2d0"
}

.icon-flag:before {
    content: "\e2d1"
}

.icon-flag2:before {
    content: "\e2d2"
}

.icon-flag3:before {
    content: "\e2d3"
}

.icon-flag4:before {
    content: "\e2d4"
}

.icon-flag5:before {
    content: "\e2d5"
}

.icon-flag6:before {
    content: "\e2d6"
}

.icon-attachment:before {
    content: "\e2d7"
}

.icon-attachment2:before {
    content: "\e2d8"
}

.icon-eye:before {
    content: "\e2d9"
}

.icon-eye-blocked:before {
    content: "\e2da"
}

.icon-eye2:before {
    content: "\e2db"
}

.icon-eye3:before {
    content: "\e2dc"
}

.icon-eye-blocked2:before {
    content: "\e2dd"
}

.icon-eye4:before {
    content: "\e2de"
}

.icon-eye5:before {
    content: "\e2df"
}

.icon-eye6:before {
    content: "\e2e0"
}

.icon-eye7:before {
    content: "\e2e1"
}

.icon-eye8:before {
    content: "\e2e2"
}

.icon-bookmark:before {
    content: "\e2e3"
}

.icon-bookmark2:before {
    content: "\e2e4"
}

.icon-bookmarks:before {
    content: "\e2e5"
}

.icon-bookmark3:before {
    content: "\e2e6"
}

.icon-spotlight:before {
    content: "\e2e7"
}

.icon-starburst:before {
    content: "\e2e8"
}

.icon-snowflake:before {
    content: "\e2e9"
}

.icon-temperature:before {
    content: "\e2ea"
}

.icon-temperature2:before {
    content: "\e2eb"
}

.icon-weather-lightning:before {
    content: "\e2ec"
}

.icon-weather-rain:before {
    content: "\e2ed"
}

.icon-weather-snow:before {
    content: "\e2ee"
}

.icon-windy:before {
    content: "\e2ef"
}

.icon-fan:before {
    content: "\e2f0"
}

.icon-umbrella:before {
    content: "\e2f1"
}

.icon-sun:before {
    content: "\e2f2"
}

.icon-sun2:before {
    content: "\e2f3"
}

.icon-brightness-high:before {
    content: "\e2f4"
}

.icon-brightness-medium:before {
    content: "\e2f5"
}

.icon-brightness-low:before {
    content: "\e2f6"
}

.icon-brightness-contrast:before {
    content: "\e2f7"
}

.icon-contrast:before {
    content: "\e2f8"
}

.icon-moon:before {
    content: "\e2f9"
}

.icon-bed:before {
    content: "\e2fa"
}

.icon-bed2:before {
    content: "\e2fb"
}

.icon-star:before {
    content: "\e2fc"
}

.icon-star2:before {
    content: "\e2fd"
}

.icon-star3:before {
    content: "\e2fe"
}

.icon-star4:before {
    content: "\e2ff"
}

.icon-star5:before {
    content: "\e300"
}

.icon-star6:before {
    content: "\e301"
}

.icon-heart:before {
    content: "\e302"
}

.icon-heart2:before {
    content: "\e303"
}

.icon-heart3:before {
    content: "\e304"
}

.icon-heart4:before {
    content: "\e305"
}

.icon-heart-broken:before {
    content: "\e306"
}

.icon-heart5:before {
    content: "\e307"
}

.icon-heart6:before {
    content: "\e308"
}

.icon-heart-broken2:before {
    content: "\e309"
}

.icon-heart7:before {
    content: "\e30a"
}

.icon-heart8:before {
    content: "\e30b"
}

.icon-heart-broken3:before {
    content: "\e30c"
}

.icon-lips:before {
    content: "\e30d"
}

.icon-lips2:before {
    content: "\e30e"
}

.icon-thumbs-up:before {
    content: "\e30f"
}

.icon-thumbs-up2:before {
    content: "\e310"
}

.icon-thumbs-down:before {
    content: "\e311"
}

.icon-thumbs-down2:before {
    content: "\e312"
}

.icon-thumbs-up3:before {
    content: "\e313"
}

.icon-thumbs-up4:before {
    content: "\e314"
}

.icon-thumbs-up5:before {
    content: "\e315"
}

.icon-thumbs-up6:before {
    content: "\e316"
}

.icon-people:before {
    content: "\e317"
}

.icon-man:before {
    content: "\e318"
}

.icon-male:before {
    content: "\e319"
}

.icon-woman:before {
    content: "\e31a"
}

.icon-female:before {
    content: "\e31b"
}

.icon-peace:before {
    content: "\e31c"
}

.icon-yin-yang:before {
    content: "\e31d"
}

.icon-happy:before {
    content: "\e31e"
}

.icon-happy2:before {
    content: "\e31f"
}

.icon-smiley:before {
    content: "\e320"
}

.icon-smiley2:before {
    content: "\e321"
}

.icon-tongue:before {
    content: "\e322"
}

.icon-tongue2:before {
    content: "\e323"
}

.icon-sad:before {
    content: "\e324"
}

.icon-sad2:before {
    content: "\e325"
}

.icon-wink:before {
    content: "\e326"
}

.icon-wink2:before {
    content: "\e327"
}

.icon-grin:before {
    content: "\e328"
}

.icon-grin2:before {
    content: "\e329"
}

.icon-cool:before {
    content: "\e32a"
}

.icon-cool2:before {
    content: "\e32b"
}

.icon-angry:before {
    content: "\e32c"
}

.icon-angry2:before {
    content: "\e32d"
}

.icon-evil:before {
    content: "\e32e"
}

.icon-evil2:before {
    content: "\e32f"
}

.icon-shocked:before {
    content: "\e330"
}

.icon-shocked2:before {
    content: "\e331"
}

.icon-confused:before {
    content: "\e332"
}

.icon-confused2:before {
    content: "\e333"
}

.icon-neutral:before {
    content: "\e334"
}

.icon-neutral2:before {
    content: "\e335"
}

.icon-wondering:before {
    content: "\e336"
}

.icon-wondering2:before {
    content: "\e337"
}

.icon-cursor:before {
    content: "\e338"
}

.icon-cursor2:before {
    content: "\e339"
}

.icon-point-up:before {
    content: "\e33a"
}

.icon-point-right:before {
    content: "\e33b"
}

.icon-point-down:before {
    content: "\e33c"
}

.icon-point-left:before {
    content: "\e33d"
}

.icon-pointer:before {
    content: "\e33e"
}

.icon-hand:before {
    content: "\e33f"
}

.icon-stack-empty:before {
    content: "\e340"
}

.icon-stack-plus:before {
    content: "\e341"
}

.icon-stack-minus:before {
    content: "\e342"
}

.icon-stack-star:before {
    content: "\e343"
}

.icon-stack-picture:before {
    content: "\e344"
}

.icon-stack-down:before {
    content: "\e345"
}

.icon-stack-up:before {
    content: "\e346"
}

.icon-stack-cancel:before {
    content: "\e347"
}

.icon-stack-checkmark:before {
    content: "\e348"
}

.icon-stack-list:before {
    content: "\e349"
}

.icon-stack-clubs:before {
    content: "\e34a"
}

.icon-stack-spades:before {
    content: "\e34b"
}

.icon-stack-hearts:before {
    content: "\e34c"
}

.icon-stack-diamonds:before {
    content: "\e34d"
}

.icon-stack-user:before {
    content: "\e34e"
}

.icon-stack4:before {
    content: "\e34f"
}

.icon-stack-music:before {
    content: "\e350"
}

.icon-stack-play:before {
    content: "\e351"
}

.icon-move:before {
    content: "\e352"
}

.icon-resize:before {
    content: "\e353"
}

.icon-resize2:before {
    content: "\e354"
}

.icon-warning:before {
    content: "\e355"
}

.icon-warning2:before {
    content: "\e356"
}

.icon-notification:before {
    content: "\e357"
}

.icon-notification2:before {
    content: "\e358"
}

.icon-question:before {
    content: "\e359"
}

.icon-question2:before {
    content: "\e35a"
}

.icon-question3:before {
    content: "\e35b"
}

.icon-question4:before {
    content: "\e35c"
}

.icon-question5:before {
    content: "\e35d"
}

.icon-plus-circle:before {
    content: "\e35e"
}

.icon-plus-circle2:before {
    content: "\e35f"
}

.icon-minus-circle:before {
    content: "\e360"
}

.icon-minus-circle2:before {
    content: "\e361"
}

.icon-info:before {
    content: "\e362"
}

.icon-info2:before {
    content: "\e363"
}

.icon-blocked:before {
    content: "\e364"
}

.icon-cancel-circle:before {
    content: "\e365"
}

.icon-cancel-circle2:before {
    content: "\e366"
}

.icon-checkmark-circle:before {
    content: "\e367"
}

.icon-checkmark-circle2:before {
    content: "\e368"
}

.icon-cancel:before {
    content: "\e369"
}

.icon-spam:before {
    content: "\e36a"
}

.icon-close:before {
    content: "\e36b"
}

.icon-close2:before {
    content: "\e36c"
}

.icon-close3:before {
    content: "\e36d"
}

.icon-close4:before {
    content: "\e36e"
}

.icon-close5:before {
    content: "\e36f"
}

.icon-checkmark:before {
    content: "\e370"
}

.icon-checkmark2:before {
    content: "\e371"
}

.icon-checkmark3:before {
    content: "\e372"
}

.icon-checkmark4:before {
    content: "\e373"
}

.icon-spell-check:before {
    content: "\e374"
}

.icon-minus:before {
    content: "\e375"
}

.icon-plus:before {
    content: "\e376"
}

.icon-minus2:before {
    content: "\e377"
}

.icon-plus2:before {
    content: "\e378"
}

.icon-enter:before {
    content: "\e379"
}

.icon-exit:before {
    content: "\e37a"
}

.icon-enter2:before {
    content: "\e37b"
}

.icon-exit2:before {
    content: "\e37c"
}

.icon-enter3:before {
    content: "\e37d"
}

.icon-exit3:before {
    content: "\e37e"
}

.icon-exit4:before {
    content: "\e37f"
}

.icon-play3:before {
    content: "\e380"
}

.icon-pause:before {
    content: "\e381"
}

.icon-stop:before {
    content: "\e382"
}

.icon-backward:before {
    content: "\e383"
}

.icon-forward2:before {
    content: "\e384"
}

.icon-play4:before {
    content: "\e385"
}

.icon-pause2:before {
    content: "\e386"
}

.icon-stop2:before {
    content: "\e387"
}

.icon-backward2:before {
    content: "\e388"
}

.icon-forward3:before {
    content: "\e389"
}

.icon-first:before {
    content: "\e38a"
}

.icon-last:before {
    content: "\e38b"
}

.icon-previous:before {
    content: "\e38c"
}

.icon-next:before {
    content: "\e38d"
}

.icon-eject:before {
    content: "\e38e"
}

.icon-volume-high:before {
    content: "\e38f"
}

.icon-volume-medium:before {
    content: "\e390"
}

.icon-volume-low:before {
    content: "\e391"
}

.icon-volume-mute:before {
    content: "\e392"
}

.icon-volume-mute2:before {
    content: "\e393"
}

.icon-volume-increase:before {
    content: "\e394"
}

.icon-volume-decrease:before {
    content: "\e395"
}

.icon-volume-high2:before {
    content: "\e396"
}

.icon-volume-medium2:before {
    content: "\e397"
}

.icon-volume-low2:before {
    content: "\e398"
}

.icon-volume-mute3:before {
    content: "\e399"
}

.icon-volume-mute4:before {
    content: "\e39a"
}

.icon-volume-increase2:before {
    content: "\e39b"
}

.icon-volume-decrease2:before {
    content: "\e39c"
}

.icon-volume5:before {
    content: "\e39d"
}

.icon-volume4:before {
    content: "\e39e"
}

.icon-volume3:before {
    content: "\e39f"
}

.icon-volume2:before {
    content: "\e3a0"
}

.icon-volume1:before {
    content: "\e3a1"
}

.icon-volume0:before {
    content: "\e3a2"
}

.icon-volume-mute5:before {
    content: "\e3a3"
}

.icon-volume-mute6:before {
    content: "\e3a4"
}

.icon-loop:before {
    content: "\e3a5"
}

.icon-loop2:before {
    content: "\e3a6"
}

.icon-loop3:before {
    content: "\e3a7"
}

.icon-loop4:before {
    content: "\e3a8"
}

.icon-loop5:before {
    content: "\e3a9"
}

.icon-shuffle:before {
    content: "\e3aa"
}

.icon-shuffle2:before {
    content: "\e3ab"
}

.icon-wave:before {
    content: "\e3ac"
}

.icon-wave2:before {
    content: "\e3ad"
}

.icon-arrow-first:before {
    content: "\e3ae"
}

.icon-arrow-right:before {
    content: "\e3af"
}

.icon-arrow-up:before {
    content: "\e3b0"
}

.icon-arrow-right2:before {
    content: "\e3b1"
}

.icon-arrow-down:before {
    content: "\e3b2"
}

.icon-arrow-left:before {
    content: "\e3b3"
}

.icon-arrow-up2:before {
    content: "\e3b4"
}

.icon-arrow-right3:before {
    content: "\e3b5"
}

.icon-arrow-down2:before {
    content: "\e3b6"
}

.icon-arrow-left2:before {
    content: "\e3b7"
}

.icon-arrow-up-left:before {
    content: "\e3b8"
}

.icon-arrow-up3:before {
    content: "\e3b9"
}

.icon-arrow-up-right:before {
    content: "\e3ba"
}

.icon-arrow-right4:before {
    content: "\e3bb"
}

.icon-arrow-down-right:before {
    content: "\e3bc"
}

.icon-arrow-down3:before {
    content: "\e3bd"
}

.icon-arrow-down-left:before {
    content: "\e3be"
}

.icon-arrow-left3:before {
    content: "\e3bf"
}

.icon-arrow-up-left2:before {
    content: "\e3c0"
}

.icon-arrow-up4:before {
    content: "\e3c1"
}

.icon-arrow-up-right2:before {
    content: "\e3c2"
}

.icon-arrow-right5:before {
    content: "\e3c3"
}

.icon-arrow-down-right2:before {
    content: "\e3c4"
}

.icon-arrow-down4:before {
    content: "\e3c5"
}

.icon-arrow-down-left2:before {
    content: "\e3c6"
}

.icon-arrow-left4:before {
    content: "\e3c7"
}

.icon-arrow-up-left3:before {
    content: "\e3c8"
}

.icon-arrow-up5:before {
    content: "\e3c9"
}

.icon-arrow-up-right3:before {
    content: "\e3ca"
}

.icon-arrow-right6:before {
    content: "\e3cb"
}

.icon-arrow-down-right3:before {
    content: "\e3cc"
}

.icon-arrow-down5:before {
    content: "\e3cd"
}

.icon-arrow-down-left3:before {
    content: "\e3ce"
}

.icon-arrow-left5:before {
    content: "\e3cf"
}

.icon-arrow-up-left4:before {
    content: "\e3d0"
}

.icon-arrow-up6:before {
    content: "\e3d1"
}

.icon-arrow-up-right4:before {
    content: "\e3d2"
}

.icon-arrow-right7:before {
    content: "\e3d3"
}

.icon-arrow-down-right4:before {
    content: "\e3d4"
}

.icon-arrow-down6:before {
    content: "\e3d5"
}

.icon-arrow-down-left4:before {
    content: "\e3d6"
}

.icon-arrow-left6:before {
    content: "\e3d7"
}

.icon-arrow:before {
    content: "\e3d8"
}

.icon-arrow2:before {
    content: "\e3d9"
}

.icon-arrow3:before {
    content: "\e3da"
}

.icon-arrow4:before {
    content: "\e3db"
}

.icon-arrow5:before {
    content: "\e3dc"
}

.icon-arrow6:before {
    content: "\e3dd"
}

.icon-arrow7:before {
    content: "\e3de"
}

.icon-arrow8:before {
    content: "\e3df"
}

.icon-arrow-up-left5:before {
    content: "\e3e0"
}

.icon-arrowsquare:before {
    content: "\e3e1"
}

.icon-arrow-up-right5:before {
    content: "\e3e2"
}

.icon-arrow-right8:before {
    content: "\e3e3"
}

.icon-arrow-down-right5:before {
    content: "\e3e4"
}

.icon-arrow-down7:before {
    content: "\e3e5"
}

.icon-arrow-down-left5:before {
    content: "\e3e6"
}

.icon-arrow-left7:before {
    content: "\e3e7"
}

.icon-arrow-up7:before {
    content: "\e3e8"
}

.icon-arrow-right9:before {
    content: "\e3e9"
}

.icon-arrow-down8:before {
    content: "\e3ea"
}

.icon-arrow-left8:before {
    content: "\e3eb"
}

.icon-arrow-up8:before {
    content: "\e3ec"
}

.icon-arrow-right10:before {
    content: "\e3ed"
}

.icon-arrow-bottom:before {
    content: "\e3ee"
}

.icon-arrow-left9:before {
    content: "\e3ef"
}

.icon-arrow-up-left6:before {
    content: "\e3f0"
}

.icon-arrow-up9:before {
    content: "\e3f1"
}

.icon-arrow-up-right6:before {
    content: "\e3f2"
}

.icon-arrow-right11:before {
    content: "\e3f3"
}

.icon-arrow-down-right6:before {
    content: "\e3f4"
}

.icon-arrow-down9:before {
    content: "\e3f5"
}

.icon-arrow-down-left6:before {
    content: "\e3f6"
}

.icon-arrow-left10:before {
    content: "\e3f7"
}

.icon-arrow-up-left7:before {
    content: "\e3f8"
}

.icon-arrow-up10:before {
    content: "\e3f9"
}

.icon-arrow-up-right7:before {
    content: "\e3fa"
}

.icon-arrow-right12:before {
    content: "\e3fb"
}

.icon-arrow-down-right7:before {
    content: "\e3fc"
}

.icon-arrow-down10:before {
    content: "\e3fd"
}

.icon-arrow-down-left7:before {
    content: "\e3fe"
}

.icon-arrow-left11:before {
    content: "\e3ff"
}

.icon-arrow-up11:before {
    content: "\e400"
}

.icon-arrow-right13:before {
    content: "\e401"
}

.icon-arrow-down11:before {
    content: "\e402"
}

.icon-arrow-left12:before {
    content: "\e403"
}

.icon-arrow-up12:before {
    content: "\e404"
}

.icon-arrow-right14:before {
    content: "\e405"
}

.icon-arrow-down12:before {
    content: "\e406"
}

.icon-arrow-left13:before {
    content: "\e407"
}

.icon-arrow-up13:before {
    content: "\e408"
}

.icon-arrow-right15:before {
    content: "\e409"
}

.icon-arrow-down13:before {
    content: "\e40a"
}

.icon-arrow-left14:before {
    content: "\e40b"
}

.icon-arrow-up14:before {
    content: "\e40c"
}

.icon-arrow-right16:before {
    content: "\e40d"
}

.icon-arrow-down14:before {
    content: "\e40e"
}

.icon-arrow-left15:before {
    content: "\e40f"
}

.icon-arrow-up15:before {
    content: "\e410"
}

.icon-arrow-right17:before {
    content: "\e411"
}

.icon-arrow-down15:before {
    content: "\e412"
}

.icon-arrow-left16:before {
    content: "\e413"
}

.icon-arrow-up16:before {
    content: "\e414"
}

.icon-arrow-right18:before {
    content: "\e415"
}

.icon-arrow-down16:before {
    content: "\e416"
}

.icon-arrow-left17:before {
    content: "\e417"
}

.icon-menu10:before {
    content: "\e418"
}

.icon-menu11:before {
    content: "\e419"
}

.icon-menu-close:before {
    content: "\e41a"
}

.icon-menu-close2:before {
    content: "\e41b"
}

.icon-enter4:before {
    content: "\e41c"
}

.icon-enter5:before {
    content: "\e41d"
}

.icon-esc:before {
    content: "\e41e"
}

.icon-backspace:before {
    content: "\e41f"
}

.icon-backspace2:before {
    content: "\e420"
}

.icon-backspace3:before {
    content: "\e421"
}

.icon-tab:before {
    content: "\e422"
}

.icon-transmission:before {
    content: "\e423"
}

.icon-transmission2:before {
    content: "\e424"
}

.icon-sort:before {
    content: "\e425"
}

.icon-sort2:before {
    content: "\e426"
}

.icon-key-keyboard:before {
    content: "\e427"
}

.icon-key-A:before {
    content: "\e428"
}

.icon-key-up:before {
    content: "\e429"
}

.icon-key-right:before {
    content: "\e42a"
}

.icon-key-down:before {
    content: "\e42b"
}

.icon-key-left:before {
    content: "\e42c"
}

.icon-command:before {
    content: "\e42d"
}

.icon-checkbox-checked:before {
    content: "\e42e"
}

.icon-checkbox-unchecked:before {
    content: "\e42f"
}

.icon-square:before {
    content: "\e430"
}

.icon-checkbox-partial:before {
    content: "\e431"
}

.icon-checkbox:before {
    content: "\e432"
}

.icon-checkbox-unchecked2:before {
    content: "\e433"
}

.icon-checkbox-partial2:before {
    content: "\e434"
}

.icon-checkbox-checked2:before {
    content: "\e435"
}

.icon-checkbox-unchecked3:before {
    content: "\e436"
}

.icon-checkbox-partial3:before {
    content: "\e437"
}

.icon-radio-checked:before {
    content: "\e438"
}

.icon-radio-unchecked:before {
    content: "\e439"
}

.icon-circle:before {
    content: "\e43a"
}

.icon-circle2:before {
    content: "\e43b"
}

.icon-crop:before {
    content: "\e43c"
}

.icon-crop2:before {
    content: "\e43d"
}

.icon-vector:before {
    content: "\e43e"
}

.icon-rulers:before {
    content: "\e43f"
}

.icon-scissors:before {
    content: "\e440"
}

.icon-scissors2:before {
    content: "\e441"
}

.icon-scissors3:before {
    content: "\e442"
}

.icon-filter:before {
    content: "\e443"
}

.icon-filter2:before {
    content: "\e444"
}

.icon-filter3:before {
    content: "\e445"
}

.icon-filter4:before {
    content: "\e446"
}

.icon-font:before {
    content: "\e447"
}

.icon-font-size:before {
    content: "\e448"
}

.icon-type:before {
    content: "\e449"
}

.icon-text-height:before {
    content: "\e44a"
}

.icon-text-width:before {
    content: "\e44b"
}

.icon-height:before {
    content: "\e44c"
}

.icon-width:before {
    content: "\e44d"
}

.icon-bold:before {
    content: "\e44e"
}

.icon-underline:before {
    content: "\e44f"
}

.icon-italic:before {
    content: "\e450"
}

.icon-strikethrough:before {
    content: "\e451"
}

.icon-strikethrough2:before {
    content: "\e452"
}

.icon-font-size2:before {
    content: "\e453"
}

.icon-bold2:before {
    content: "\e454"
}

.icon-underline2:before {
    content: "\e455"
}

.icon-italic2:before {
    content: "\e456"
}

.icon-strikethrough3:before {
    content: "\e457"
}

.icon-omega:before {
    content: "\e458"
}

.icon-sigma:before {
    content: "\e459"
}

.icon-nbsp:before {
    content: "\e45a"
}

.icon-page-break:before {
    content: "\e45b"
}

.icon-page-break2:before {
    content: "\e45c"
}

.icon-superscript:before {
    content: "\e45d"
}

.icon-subscript:before {
    content: "\e45e"
}

.icon-superscript2:before {
    content: "\e45f"
}

.icon-subscript2:before {
    content: "\e460"
}

.icon-text-color:before {
    content: "\e461"
}

.icon-highlight:before {
    content: "\e462"
}

.icon-pagebreak:before {
    content: "\e463"
}

.icon-clear-formatting:before {
    content: "\e464"
}

.icon-table:before {
    content: "\e465"
}

.icon-table2:before {
    content: "\e466"
}

.icon-insert-template:before {
    content: "\e467"
}

.icon-pilcrow:before {
    content: "\e468"
}

.icon-lefttoright:before {
    content: "\e469"
}

.icon-righttoleft:before {
    content: "\e46a"
}

.icon-paragraph-left:before {
    content: "\e46b"
}

.icon-paragraph-center:before {
    content: "\e46c"
}

.icon-paragraph-right:before {
    content: "\e46d"
}

.icon-paragraph-justify:before {
    content: "\e46e"
}

.icon-paragraph-left2:before {
    content: "\e46f"
}

.icon-paragraph-center2:before {
    content: "\e470"
}

.icon-paragraph-right2:before {
    content: "\e471"
}

.icon-paragraph-justify2:before {
    content: "\e472"
}

.icon-indent-increase:before {
    content: "\e473"
}

.icon-indent-decrease:before {
    content: "\e474"
}

.icon-paragraph-left3:before {
    content: "\e475"
}

.icon-paragraph-center3:before {
    content: "\e476"
}

.icon-paragraph-right3:before {
    content: "\e477"
}

.icon-paragraph-justify3:before {
    content: "\e478"
}

.icon-indent-increase2:before {
    content: "\e479"
}

.icon-indent-decrease2:before {
    content: "\e47a"
}

.icon-share:before {
    content: "\e47b"
}

.icon-newtab:before {
    content: "\e47c"
}

.icon-newtab2:before {
    content: "\e47d"
}

.icon-popout:before {
    content: "\e47e"
}

.icon-embed:before {
    content: "\e47f"
}

.icon-code:before {
    content: "\e480"
}

.icon-console:before {
    content: "\e481"
}

.icon-sevensegment0:before {
    content: "\e482"
}

.icon-sevensegment1:before {
    content: "\e483"
}

.icon-sevensegment2:before {
    content: "\e484"
}

.icon-sevensegment3:before {
    content: "\e485"
}

.icon-sevensegment4:before {
    content: "\e486"
}

.icon-sevensegment5:before {
    content: "\e487"
}

.icon-sevensegment6:before {
    content: "\e488"
}

.icon-sevensegment7:before {
    content: "\e489"
}

.icon-sevensegment8:before {
    content: "\e48a"
}

.icon-sevensegment9:before {
    content: "\e48b"
}

.icon-share2:before {
    content: "\e48c"
}

.icon-share3:before {
    content: "\e48d"
}

.icon-mail:before {
    content: "\e48e"
}

.icon-mail2:before {
    content: "\e48f"
}

.icon-mail3:before {
    content: "\e490"
}

.icon-mail4:before {
    content: "\e491"
}

.icon-google:before {
    content: "\e492"
}

.icon-googleplus:before {
    content: "\e493"
}

.icon-googleplus2:before {
    content: "\e494"
}

.icon-googleplus3:before {
    content: "\e495"
}

.icon-googleplus4:before {
    content: "\e496"
}

.icon-google-drive:before {
    content: "\e497"
}

.icon-facebook:before {
    content: "\e498"
}

.icon-facebook2:before {
    content: "\e499"
}

.icon-facebook3:before {
    content: "\e49a"
}

.icon-facebook4:before {
    content: "\e49b"
}

.icon-instagram:before {
    content: "\e49c"
}

.icon-twitter:before {
    content: "\e49d"
}

.icon-twitter2:before {
    content: "\e49e"
}

.icon-twitter3:before {
    content: "\e49f"
}

.icon-feed2:before {
    content: "\e4a0"
}

.icon-feed3:before {
    content: "\e4a1"
}

.icon-feed4:before {
    content: "\e4a2"
}

.icon-youtube:before {
    content: "\e4a3"
}

.icon-youtube2:before {
    content: "\e4a4"
}

.icon-vimeo:before {
    content: "\e4a5"
}

.icon-vimeo2:before {
    content: "\e4a6"
}

.icon-vimeo3:before {
    content: "\e4a7"
}

.icon-lanyrd:before {
    content: "\e4a8"
}

.icon-flickr:before {
    content: "\e4a9"
}

.icon-flickr2:before {
    content: "\e4aa"
}

.icon-flickr3:before {
    content: "\e4ab"
}

.icon-flickr4:before {
    content: "\e4ac"
}

.icon-picassa:before {
    content: "\e4ad"
}

.icon-picassa2:before {
    content: "\e4ae"
}

.icon-dribbble:before {
    content: "\e4af"
}

.icon-dribbble2:before {
    content: "\e4b0"
}

.icon-dribbble3:before {
    content: "\e4b1"
}

.icon-forrst:before {
    content: "\e4b2"
}

.icon-forrst2:before {
    content: "\e4b3"
}

.icon-deviantart:before {
    content: "\e4b4"
}

.icon-deviantart2:before {
    content: "\e4b5"
}

.icon-steam:before {
    content: "\e4b6"
}

.icon-steam2:before {
    content: "\e4b7"
}

.icon-github:before {
    content: "\e4b8"
}

.icon-github2:before {
    content: "\e4b9"
}

.icon-github3:before {
    content: "\e4ba"
}

.icon-github4:before {
    content: "\e4bb"
}

.icon-github5:before {
    content: "\e4bc"
}

.icon-wordpress:before {
    content: "\e4bd"
}

.icon-wordpress2:before {
    content: "\e4be"
}

.icon-joomla:before {
    content: "\e4bf"
}

.icon-blogger:before {
    content: "\e4c0"
}

.icon-blogger2:before {
    content: "\e4c1"
}

.icon-tumblr:before {
    content: "\e4c2"
}

.icon-tumblr2:before {
    content: "\e4c3"
}

.icon-yahoo:before {
    content: "\e4c4"
}

.icon-tux:before {
    content: "\e4c5"
}

.icon-apple:before {
    content: "\e4c6"
}

.icon-finder:before {
    content: "\e4c7"
}

.icon-android:before {
    content: "\e4c8"
}

.icon-windows:before {
    content: "\e4c9"
}

.icon-windows8:before {
    content: "\e4ca"
}

.icon-soundcloud:before {
    content: "\e4cb"
}

.icon-soundcloud2:before {
    content: "\e4cc"
}

.icon-skype:before {
    content: "\e4cd"
}

.icon-reddit:before {
    content: "\e4ce"
}

.icon-linkedin:before {
    content: "\e4cf"
}

.icon-lastfm:before {
    content: "\e4d0"
}

.icon-lastfm2:before {
    content: "\e4d1"
}

.icon-delicious:before {
    content: "\e4d2"
}

.icon-stumbleupon:before {
    content: "\e4d3"
}

.icon-stumbleupon2:before {
    content: "\e4d4"
}

.icon-stackoverflow:before {
    content: "\e4d5"
}

.icon-pinterest:before {
    content: "\e4d6"
}

.icon-pinterest2:before {
    content: "\e4d7"
}

.icon-xing:before {
    content: "\e4d8"
}

.icon-xing2:before {
    content: "\e4d9"
}

.icon-flattr:before {
    content: "\e4da"
}

.icon-foursquare:before {
    content: "\e4db"
}

.icon-foursquare2:before {
    content: "\e4dc"
}

.icon-paypal:before {
    content: "\e4dd"
}

.icon-paypal2:before {
    content: "\e4de"
}

.icon-paypal3:before {
    content: "\e4df"
}

.icon-yelp:before {
    content: "\e4e0"
}

.icon-libreoffice:before {
    content: "\e4e1"
}

.icon-file-pdf:before {
    content: "\e4e2"
}

.icon-file-openoffice:before {
    content: "\e4e3"
}

.icon-file-word:before {
    content: "\e4e4"
}

.icon-file-excel:before {
    content: "\e4e5"
}

.icon-file-zip:before {
    content: "\e4e6"
}

.icon-file-powerpoint:before {
    content: "\e4e7"
}

.icon-file-xml:before {
    content: "\e4e8"
}

.icon-file-css:before {
    content: "\e4e9"
}

.icon-html5:before {
    content: "\e4ea"
}

.icon-html52:before {
    content: "\e4eb"
}

.icon-css3:before {
    content: "\e4ec"
}

.icon-chrome:before {
    content: "\e4ed"
}

.icon-firefox:before {
    content: "\e4ee"
}

.icon-IE:before {
    content: "\e4ef"
}

.icon-opera:before {
    content: "\e4f0"
}

.icon-safari:before {
    content: "\e4f1"
}

.icon-IcoMoon:before {
    content: "\e4f2"
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

html,
body,
.root,
.page {
    height: 100%
}

input,
body {
    font-size: 18px;
    line-height: 1.35
}

button,
input,
select,
textarea,
.textarea-large,
option,
body {
    font-family: "Source Sans Pro", helvetica, sans-serif;
    color: #4d4d4d
}

body {
    background: #e6e6e6
}

.screen.vui-screen-document.child-resource-edit {
    height: 100%
}

.screen.vui-screen-document.child-resource-edit form {
    height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel {
    height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel .form-area.dyntable-form {
    height: 100%
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel .form-area.dyntable-form .fields-area {
    overflow: auto !important
}

.screen.vui-screen-document.child-resource-edit form .lightbox-panel .form-area.dyntable-form .fields-area .radiogroup.horizontal {
    margin-top: 9px
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close {
    background-color: #70bf00;
    border: 0;
    position: relative;
    color: white;
    height: 50px;
    padding-right: 10px;
    padding-left: 35px
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close span {
    color: white
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:focus:before,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:hover:before {
    opacity: 0.2;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:hover,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button3.action-close:focus {
    background: #70bf00;
    border: 0
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy {
    background-color: #fff;
    border: 1px solid #ccc;
    transition: all ease-out 0.25s;
    white-space: nowrap
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new span,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy span {
    font-size: 16px;
    font-weight: bold;
    color: #666
}

@media screen and (max-width: 544px) {

    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new span,
    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy span {
        display: none
    }
}

@media screen and (max-width: 320px) {

    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new span,
    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy span {
        font-size: 14px
    }
}

.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new:focus,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new:hover,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy:focus,
.vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy:hover {
    background: #fff;
    border: 1px solid #cacaca
}

@media screen and (max-width: 544px) {

    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-new:after,
    .vui-screen-document.child-resource-edit .lightbox-panel .document-bottom-buttons .button1.action-newCopy:after {
        top: 1px;
        left: 11px
    }
}

.overlay {
    visibility: hidden;
    background-color: transparent;
    position: fixed;
    width: calc(100% + 15px);
    height: 120%;
    top: 0;
    left: -10px;
    transition: all ease-out 0.2s;
    z-index: 90
}

.overlay.active {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6)
}

.overlay.shortcut-overlay {
    z-index: 90
}

.overlay.apps-menu-overlay {
    z-index: 100
}

.bg-white-theme {
    background: #fff;
    height: 100%
}

.bg-webexplorer {
    background: #fff;
    height: inherit
}

#default-container {
    min-height: calc(100% - 34px)
}

.full-page-no-margin-container {
    height: calc(100% - 34px);
    margin: 0
}

.application-hp {
    padding: 0
}

@media (max-width: 544px) {
    .application-hp {
        padding: 15px 0
    }
}

.application-hp:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 1365px) {
    .application-hp .col:first-child {
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .application-hp {
        padding: 0
    }

    .application-hp .col {
        padding: 0
    }
}

.container-fluid,
.full-page-no-margin-container {
    padding-top: 75px
}

.container-fluid .search-zone.col-xs-12,
.full-page-no-margin-container .search-zone.col-xs-12 {
    padding: 0
}

@media screen and (max-width: 1365px) {

    .container-fluid,
    .full-page-no-margin-container {
        padding-top: 65px
    }
}

@media screen and (max-width: 767px) {

    .container-fluid,
    .full-page-no-margin-container {
        padding-top: 55px
    }
}

.main {
    padding: 30px
}

@media (max-width: 1365px) {
    .main {
        padding: 15px
    }
}

.self-clear:after {
    content: '';
    display: block;
    clear: both
}

.sys-footer {
    display: none
}

@media screen and (max-width: 1365px) {
    body {
        font-size: 16px
    }

    .container-fluid {
        padding-top: 65px
    }
}

@media screen and (max-width: 1024px) {
    .container-fluid {
        padding-top: 55px
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 14px
    }

    .container-fluid {
        padding-top: 55px;
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .row {
        margin-left: -5px !important;
        margin-right: -5px !important
    }
}

.all-applications .panel.category {
    display: inline-block;
    padding: 0;
    margin: 22px
}

@media screen and (max-width: 390px) {
    .all-applications .panel.category {
        display: inherit;
        margin: 22px 0
    }
}

.all-applications .home-tile {
    width: 150px
}

@media screen and (max-width: 390px) {
    .all-applications .home-tile {
        width: 49.66%
    }
}

.all-applications h3 {
    font-size: 1.1em;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 7px
}

.container-fluid.login-page {
    height: 100%;
    padding: 0
}

.container-fluid.login-page .row {
    height: 100%;
    margin: 0
}

.container-fluid.login-page .row .login-image {
    background: url("../img/login-bg.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    width: calc(100% - 420px);
    height: 100%
}

.container-fluid.login-page .row .login-box {
    width: 100%;
    max-width: 420px;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 100%;
    padding: 60px 0 0
}

@media screen and (max-width: 430px) {
    .container-fluid.login-page .row .login-box {
        padding-top: 30px
    }
}

.container-fluid.login-page .login-box-inner {
    margin: 60px auto 0;
    width: 280px;
    min-height: auto
}

.container-fluid.login-page .login-box-inner .authentication-form form ul li>label {
    font-size: 18px;
    font-weight: inherit;
    line-height: 1.5;
    display: block;
    width: 100%;
    color: #4d4d4d
}

.container-fluid.login-page .login-box-inner .authentication-form form input:not([type='checkbox']) {
    min-width: 100%;
    margin: 0
}

.container-fluid.login-page .login-box-inner .authentication-form form ul:after {
    content: " ";
    display: table;
    clear: both
}

.container-fluid.login-page .login-box-inner .authentication-form form ul li {
    margin: 15px 0 7px 0
}

.container-fluid.login-page .login-box-inner .authentication-form form ul li:nth-child(3) {
    float: left;
    margin: 7px 0
}

.container-fluid.login-page .login-box-inner .authentication-form form ul li:nth-child(3) label {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: auto
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area {
    position: relative;
    padding-bottom: 10px
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area:after {
    content: " ";
    display: table;
    clear: both
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-login {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-login {
        line-height: inherit
    }
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-passwordLost {
    font-size: 14px;
    padding: 0;
    background: transparent !important;
    border: 0 !important
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-passwordLost span {
    transition: opacity 0.07s linear;
    border-bottom: 1px dotted #07c;
    font-weight: normal;
    color: #07c;
    line-height: 16px
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-passwordLost:hover {
    background: none;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.container-fluid.login-page .login-box-inner .authentication-form form .button-area .action-passwordLost:hover span {
    border-bottom: 1px solid #07c
}

@media screen and (max-width: 979px) {
    .container-fluid.login-page .login-box-inner {
        margin-top: 30px
    }
}

@media screen and (max-width: 430px) {
    .container-fluid.login-page .login-box-inner {
        margin-top: 0
    }
}

.login-two-columns .login-box-additional-buttons {
    width: 280px
}

.container-fluid.login-page+.footer {
    display: none
}

.footer {
    text-align: center;
    padding: 5px;
    color: gray
}

.footer small {
    font-size: 12px
}

.middle-office {
    min-height: calc(100% - 34px)
}

.middle-office .middleoffice-homepage h2 {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: -0.4em;
    border-bottom: 5px solid #e6e6e6;
    padding-bottom: 0.5em;
    line-height: 1.2
}

.middle-office .middleoffice-homepage p {
    margin-bottom: 30px
}

.library-configure .button-area.document-top-buttons,
.resourceDefinition-list .button-area.document-top-buttons,
.resourceDefinition-configure .button-area.document-top-buttons,
.property-configure .button-area.document-top-buttons,
.list-list .button-area.document-top-buttons,
.list-configure .button-area.document-top-buttons,
.listValue-configure .button-area.document-top-buttons {
    padding: 0
}

.library-configure .informations,
.resourceDefinition-list .informations,
.resourceDefinition-configure .informations,
.property-configure .informations,
.list-list .informations,
.list-configure .informations,
.listValue-configure .informations {
    background: transparent;
    border-bottom: 5px solid #e6e6e6;
    padding: 15px 50px 15px 20px;
    border-radius: 0;
    width: 100%;
    max-width: inherit
}

.library-configure .informations p,
.resourceDefinition-list .informations p,
.resourceDefinition-configure .informations p,
.property-configure .informations p,
.list-list .informations p,
.list-configure .informations p,
.listValue-configure .informations p {
    font-size: 28px;
    font-weight: 900
}

.library-configure .informations p:before,
.resourceDefinition-list .informations p:before,
.resourceDefinition-configure .informations p:before,
.property-configure .informations p:before,
.list-list .informations p:before,
.list-configure .informations p:before,
.listValue-configure .informations p:before {
    content: none
}

.library-configure .fields-group tr[class=""],
.property-configure .fields-group tr[class=""] {
    display: flex
}

.library-configure .fields-group tr[class=""]>td.cell-left,
.library-configure .fields-group tr[class=""]>td.cell-right,
.property-configure .fields-group tr[class=""]>td.cell-left,
.property-configure .fields-group tr[class=""]>td.cell-right {
    width: 25%
}

.resourceDefinition-configure .i18n-language-select select,
.property-configure .i18n-language-select select {
    margin-bottom: 0
}

.resourceDefinition-configure .i18n-translation,
.property-configure .i18n-translation {
    margin-left: -10px
}

.middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons {
    left: 60px;
    padding-left: 120px
}

@media (max-width: 767px) {
    .middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons {
        left: 0;
        padding-left: 10px
    }
}

.middle-office #main-content-column .form-area.fixed-buttons .document-top-buttons .buttons-group {
    padding: 0
}

.homepage-container .col:first-child {
    padding-left: 0
}

@media (max-width: 1199px) {
    .homepage-container .col:first-child {
        padding-right: 0
    }
}

.homepage-container .col:last-child {
    padding-right: 0
}

@media (max-width: 1365px) {
    .homepage-container .col:last-child {
        padding-left: 0
    }
}

span.image a {
    border-bottom: none
}

.col .home-tiles.self-clear>div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.panel.category {
    padding: 0
}

@media (max-width: 544px) {
    .panel.category {
        padding: 15px
    }
}

.application-hp .col>div {
    width: 100%
}

.bg-webexplorer .default-template-container,
.bg-webexplorer .default-template-container .webexplorer_container {
    padding: 0
}

.login-full-page .container-fluid.login-page {
    background: url("../img/login-bg.jpg") no-repeat center center;
    width: 100%;
    position: absolute
}

@media screen and (max-height: 720px) {
    .login-full-page .container-fluid.login-page {
        position: inherit
    }
}

.login-full-page .login-page .row .message {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 50px
}

.login-full-page .login-page .row .message h2 {
    color: #fff;
    text-shadow: 0 0 15px #4d4d4d;
    font-weight: 500;
    width: 60%
}

@media screen and (max-width: 979px) {
    .login-full-page .login-page .row .message {
        margin-top: 25px
    }
}

@media screen and (max-width: 430px) {
    .login-full-page .login-page .row .message {
        margin-top: 0
    }

    .login-full-page .login-page .row .message h2 {
        font-size: 18px
    }
}

.login-full-page .container-fluid.login-page .row .login-box {
    max-width: none;
    position: relative;
    width: 310px;
    min-height: inherit;
    margin: 60px auto 0;
    padding: 30px 30px 15px 30px;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.login-full-page .container-fluid.login-page .row .login-box .login-box-inner {
    position: relative;
    margin: 0;
    width: 100%
}

.login-full-page .container-fluid.login-page .row .login-box form .button-area {
    padding-bottom: 0;
    text-align: center
}

.login-full-page .container-fluid.login-page .row .login-box form .button-area .action-login {
    width: 100%;
    margin-left: 0
}

.login-full-page .container-fluid.login-page .row .login-box form .button-area .action-passwordLost {
    text-align: center
}

@media screen and (max-width: 979px) {
    .login-full-page .container-fluid.login-page .row .login-box {
        margin-top: 30px
    }
}

@media screen and (max-width: 430px) {
    .login-full-page .container-fluid.login-page .row .login-box {
        margin-top: 0;
        width: 100%;
        padding: 15px;
        background: rgba(255, 255, 255, 0.8)
    }

    .login-full-page .container-fluid.login-page .row .login-box:before {
        content: none
    }
}

.login-full-page .container-fluid.login-page .login-box-inner {
    min-height: inherit
}

.login-box-additional-buttons {
    position: relative;
    z-index: +1;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 auto
}

.login-box-additional-buttons>a {
    height: auto;
    line-height: 18px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    position: relative;
    width: 100%;
    border-radius: 5px;
    background-image: none !important;
    color: #4d4d4d;
    transition: all ease-out 0.1s;
    padding: 10px 10px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    min-height: 40px;
    margin-bottom: 15px;
    word-break: break-word
}

.login-box-additional-buttons>a:hover {
    border: 1px solid #cacaca;
    background-color: #fff;
    color: #4d4d4d
}

.login-box-additional-buttons>a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.login-box-additional-buttons>a:hover:before {
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.login-box-additional-buttons>a:first-child {
    margin-top: 15px
}

a.team-authentication-button {
    color: #4d4d4d;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 15px;
    height: 40px;
    line-height: 26px
}

.login-full-page {
    height: 100%
}

.middle-office .handler-filter-screen .filter-value input:not([type="radio"]) {
    margin-bottom: 2px
}

#sys-main-content {
    padding: 30px 15px 0
}

@media screen and (max-width: 1365px) {
    #sys-main-content {
        padding: 15px 0
    }
}

@media screen and (max-width: 767px) {
    #sys-main-content {
        padding: 0
    }
}

.error {
    border: none;
    background-color: #fcdedf;
    color: #df0020;
    padding: 7px;
    margin: 2px;
    border-radius: 5px
}

.error strong:empty {
    display: none
}

.error strong:empty+br {
    display: none
}

@media (max-width: 767px) {
    .buttons-group.document-main-buttons .left-document-main-buttons {
        white-space: nowrap
    }
}

.ui-loader-background {
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden
}

.ui-loader-background .ui-loader {
    display: none
}

.ui-loader-background .loader-circles-wrapper {
    position: absolute;
    width: 70px;
    height: 70px;
    top: calc(50% - 70px);
    left: calc(50% - 35px)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper {
    position: absolute;
    left: calc(50% - 5px);
    top: 0;
    transform-origin: center 35px
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:first-child {
    transform: rotate(120deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:first-child .loader-circle {
    animation: rotate-anim-1 2.6s ease-out forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(2) {
    transform: rotate(90deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(2) .loader-circle {
    animation: rotate-anim-1 2.6s ease-out 0.1s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(3) {
    transform: rotate(60deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(3) .loader-circle {
    animation: rotate-anim-1 2.6s ease-out 0.2s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(4) {
    transform: rotate(30deg)
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(4) .loader-circle {
    animation: rotate-anim-1 2.6s ease-out 0.3s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper:nth-child(5) .loader-circle {
    animation: rotate-anim-1 2.6s ease-out 0.4s forwards infinite
}

.ui-loader-background .loader-circles-wrapper .loader-circle-wrapper .loader-circle {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    transform-origin: center 35px;
    position: absolute
}

@keyframes rotate-anim-1 {
    0% {
        opacity: 1
    }

    5% {
        transform: rotate(60deg) scale(1.5);
        opacity: 0.2
    }

    10% {
        transform: rotate(120deg) scale(1);
        opacity: 1
    }

    50% {
        transform: rotate(180deg) scale(1);
        opacity: 1
    }

    55% {
        transform: rotate(240deg) scale(1.5);
        opacity: 0.2
    }

    60% {
        transform: rotate(300deg) scale(1);
        opacity: 1
    }

    100% {
        transform: rotate(359.9deg) scale(1);
        opacity: 1
    }
}

@keyframes blink-anim {
    0% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 1.625em
    }

    .header .avatar {
        width: 50px;
        height: 50px;
        margin: 0 0 0 3px
    }

    .main-content-column-left {
        padding: 0 !important
    }

    .logo-wrapper {
        padding: 7px
    }

    .header .username {
        display: none
    }

    .header>div>.avatar {
        width: 50px;
        height: 50px;
        margin: 0 0 0 3px
    }

    .header>div>.button-square {
        margin: 5px;
        line-height: 40px;
        height: 40px;
        width: 40px
    }

    .header>div>.button-square:before {
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        left: 3px;
        top: 3px
    }

    .streamline {
        white-space: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 15px
    }

    .streamline .streamline-entry {
        display: inline-block;
        float: none
    }

    .treatment-edit h1 {
        padding: 5px 15px 8px;
        font-size: 1.25em
    }

    .section h2 span,
    .section .section h2 span,
    .section.section-highlighted h2 span,
    .section.section-highlighted .section.section-highlighted h2 span {
        font-size: 18px
    }

    .section .section.subsection H2 SPAN,
    .section-highlighted .section.subsection H2 SPAN {
        font-size: 16px
    }

    label,
    .fields-group input:not([type='checkbox']),
    .fields-group input:not([type='radio']),
    .fields-group textarea,
    .fields-group select {
        font-size: 16px;
        margin-bottom: 5px !important
    }
}

@media (max-width: 767px) and (max-width: 767px) {

    label,
    .fields-group input:not([type='checkbox']),
    .fields-group input:not([type='radio']),
    .fields-group textarea,
    .fields-group select {
        font-size: 14px
    }
}

@media (max-width: 767px) {

    .button1.action-showall,
    .button1.action-deleteall {
        margin-top: 5px
    }

    .lightbox-panel .lightbox-header {
        margin-right: 76px
    }

    .view-header .popup-menu-handler.handler-row {
        margin-right: 0
    }

    .view-header .popup-menu-handler.handler-sorter,
    .view-header .view-options .popup-menu-handler {
        height: 32px
    }

    .workplace-autoexecutesearch .view-header .popup-menu-handler.handler-sorter,
    .workplace-autoexecutesearch .view-header .view-options .popup-menu-handler {
        height: 42px;
        line-height: 42px
    }

    .view-header .popup-menu-handler.handler-sorter:before {
        top: 0
    }

    .workplace-autoexecutesearch .view-header .popup-menu-handler.handler-sorter:before {
        top: 5px
    }
}

@media screen and (max-width: 979px) {
    .logo-wrapper {
        padding: 7px 5px
    }

    .logo-wrapper img {
        max-width: inherit
    }
}

@media screen and (max-width: 639px) {
    .logo-wrapper {
        padding-left: 0;
        overflow: hidden
    }
}

.lightbox-content {
    z-index: 9045
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate,
.lightbox-content .buttons-group ul>li.last .button1.action-next {
    background-color: #70bf00;
    border: 0
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate:hover,
.lightbox-content .buttons-group ul>li.last .button1.action-next:hover {
    background: #528e00
}

.lightbox-content .buttons-group ul>li.last .button1.action-terminate span,
.lightbox-content .buttons-group ul>li.last .button1.action-next span {
    color: #fff
}

.lightbox-content .buttons-group.dyntable-right-buttons ul>li.last .button1.action-next {
    background-color: #e6e6e6
}

.lightbox-content .buttons-group.dyntable-right-buttons ul>li.last .button1.action-next:hover {
    background-color: #e6e6e6
}

.dialog-content-confirm {
    padding-left: 0;
    background: none
}

.dialog-content-confirm:before {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #07c;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px
}

.search-main .view-area .informations p:before {
    content: ""
}

.lightbox-panel .informations {
    background-image: none;
    padding: 10px 0
}

.informations {
    background: none;
    padding: 0;
    margin: 0
}

.informations p {
    font-size: 16px
}

@media (max-width: 544px) {
    .informations p {
        text-align: left
    }
}

.informations p:before {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #07c;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -5px;
    margin-right: 10px
}

.lightbox-background {
    top: 75px;
    z-index: 9044
}

@media (max-width: 1365px) {
    .lightbox-background {
        top: 65px
    }
}

@media (max-width: 768px) {
    .lightbox-background {
        top: 55px
    }
}

.lightbox-background:before {
    content: "";
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.lightbox-panel {
    padding: 0
}

.lightbox-panel .lightbox-header {
    font-size: 18px;
    font-weight: 500;
    margin-left: 30px
}

.lightbox-content .lightbox-panel .wizard-area,
.dyntable-form .wizard-area {
    background: #fff;
    padding: 30px;
    padding-top: 0
}

.lightbox-content .lightbox-panel .wizard-area .informations,
.dyntable-form .wizard-area .informations {
    background-color: #fff
}

.lightbox-content .lightbox-panel .wizard-area .informations h2,
.dyntable-form .wizard-area .informations h2 {
    background-color: #fff;
    padding-bottom: 30px;
    font-weight: 400;
    letter-spacing: -0.015em;
    padding-top: 30px
}

.lightbox-content .lightbox-panel .wizard-area .informations span,
.dyntable-form .wizard-area .informations span {
    background-color: #f7f7f7;
    display: block;
    border: 1px solid #e0e0e0;
    padding: 16px 30px;
    text-align: center
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form,
.dyntable-form .wizard-area .wizard-form {
    text-align: center
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section,
.dyntable-form .wizard-area .wizard-form .section {
    border: 0
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section h2,
.dyntable-form .wizard-area .wizard-form .section h2 {
    background-color: transparent
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators,
.dyntable-form .wizard-area .wizard-form .section .task-operators {
    display: inline-block;
    text-align: left
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators li,
.dyntable-form .wizard-area .wizard-form .section .task-operators li {
    color: #07c;
    padding-left: 25px;
    position: relative
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .section .task-operators li:before,
.dyntable-form .wizard-area .wizard-form .section .task-operators li:before {
    content: "\e41c";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: scale(-1, 1);
    position: absolute;
    left: 0
}

.lightbox-content .lightbox-panel .button-area,
.dyntable-form .button-area {
    background-color: #fff
}

.lightbox-content .lightbox-panel .wizard-area {
    padding: 0
}

.lightbox-content .lightbox-panel .wizard-area .informations h2 {
    padding-bottom: 0;
    margin-bottom: 0
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area {
    padding-top: 2px
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area .fields-group td.cell-left {
    text-align: right;
    vertical-align: top
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area .fields-group td.cell-left>label {
    margin-top: 8px
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area .fields-group td.cell-right {
    text-align: left
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area .section.section-highlighted {
    margin: 0
}

.lightbox-content .lightbox-panel .wizard-area .wizard-form .fields-area .section.section-highlighted .section-actions+h2 {
    border: 0
}

.lightbox-content .activity-transition .lightbox-panel .wizard-area .wizard-form .section .fields-group {
    margin: 0;
    padding: 10px
}

.lightbox-content .lightbox-panel {
    padding: 0
}

.lightbox-content .lightbox-header {
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    height: 50px;
    padding: 0 30px 0;
    color: #fff;
    background-color: #4d4d4d;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0
}

.lightbox-content .form-area {
    padding-right: 0
}

.lightbox-content .fields-area {
    padding: 20px;
    background-color: #fff
}

@media (max-width: 544px) {
    .lightbox-content .fields-area {
        padding: 0
    }
}

.lightbox-content .form-area {
    padding-top: 0
}

@media screen and (max-width: 768px) {

    .lightbox-content .button-area.document-bottom-buttons,
    .dyntable-form .button-area.document-bottom-buttons {
        background: #fff;
        position: fixed;
        width: 100%;
        z-index: 50
    }

    .lightbox-content .fields-group,
    .dyntable-form .fields-group {
        padding: 0
    }

    .lightbox-content .fields-group .cell-right .date-field input {
        width: 190px
    }
}

.lightbox-panel .screen {
    padding: 0
}

.lightbox-panel .screen.options-pager-part {
    padding: 0
}

.lightbox-empty .lightbox-dialog {
    padding: 25px 10px 10px 10px;
    background-color: #fff;
    position: relative;
    width: 450px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 768px) {
    .lightbox-empty .lightbox-dialog {
        margin-top: calc(50% - 80px)
    }
}

@media (max-width: 544px) {
    .lightbox-empty .lightbox-dialog {
        margin-top: calc(50% + 80px);
        width: 300px
    }
}

.lightbox-empty .lightbox-dialog h1 {
    padding-left: 90px;
    margin: 0;
    font-size: 20px;
    font-weight: bold
}

.lightbox-empty .lightbox-dialog .form-area .content-area {
    position: inherit;
    padding-top: 8px;
    padding-left: 90px
}

.lightbox-empty .lightbox-dialog .form-area .button-area {
    padding: 0px
}

.lightbox-empty .lightbox-dialog .form-area .buttons-group {
    padding-top: 20px
}

.dialog-content-information,
.dialog-content-warning,
.dialog-content-error,
.dialog-content-confirm {
    display: flex;
    align-items: center;
    background: none;
    min-height: 0px;
    font-size: 16px;
    padding: 0px
}

.dialog-content-information:before,
.dialog-content-confirm:before {
    content: "";
    font-size: 48px;
    line-height: 24px;
    color: #07c;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 48px;
    margin-right: 30px;
    position: absolute;
    top: 30px;
    left: 30px
}

.dialog-content-warning:before {
    content: "";
    font-size: 48px;
    line-height: 24px;
    color: #ff7b00;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 48px;
    margin-right: 30px;
    position: absolute;
    top: 30px;
    left: 30px
}

.dialog-content-error:before {
    content: "";
    font-size: 48px;
    line-height: 24px;
    color: #eb003b;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 48px;
    margin-right: 30px;
    position: absolute;
    top: 30px;
    left: 30px
}

.lightbox-content .buttons-group {
    padding: 0
}

.vui-selector .vui-information {
    width: 100%;
    padding: 10px 25px;
    max-height: none;
    background-color: #fff;
    word-break: break-all
}

.vui-selector .vui-selector-filter-view~.button-area,
.vui-selector .vui-selector-search-view~.button-area {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    position: relative
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.button1.action-cancel,
.button2.action-cancel,
.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3),
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3),
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3),
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3) {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 10px 0 35px;
    color: #4d4d4d;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.1s linear
}

.button1.action-cancel:before,
.button2.action-cancel:before,
.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):before,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):before,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):before,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:before,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    width: 104%;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    line-height: 40px
}

.button1.action-cancel:hover:before,
.button2.action-cancel:hover:before,
.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):hover:before,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:hover:before,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.button1.action-cancel:after,
.button2.action-cancel:after,
.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):after,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):after,
.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close:not(.button3):after,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:after,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close:not(.button3):after {
    content: "\e964";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 42px;
    position: absolute;
    left: 10px;
    top: -1px;
    color: #4d4d4d
}

.button2.action-cancel:after,
.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel:after {
    content: "\e964";
    font-size: 18px;
    left: 10px;
    top: -1px
}

.lightbox-panel .button-area .buttons-group ul li.last button.action-cancel span {
    font-size: 16px
}

.vui-selector .vui-selector-filter-view~.button-area .buttons-group ul li.last button.action-close.button3:after,
.lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close.button3:after,
.vui-selector .vui-selector-search-view~.button-area .buttons-group ul li.last button.action-close.button3:after {
    content: "\e934";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 38px;
    position: absolute;
    top: 8px;
    left: 5px;
    color: #fff
}

.dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.action-close.button3:after {
    top: 11px;
    left: 9px;
    line-height: 20px;
    font-size: 16px
}

@media screen and (max-width: 544px) {

    .lightbox-panel .button-area.document-bottom-buttons .buttons-group ul li.last button.button2 span,
    .dyntable-form .button-area.document-bottom-buttons .buttons-group ul li.last button.button2 span {
        line-height: 38px
    }
}

.lightbox-panel .lightbox-header {
    height: auto !important;
    padding: 10px 20px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #4d4d4d;
    margin: 0;
    font-weight: 700;
    line-height: 27px;
    text-align: inherit
}

.lightbox-panel .dyntable-form .button-area.document-top-buttons {
    padding: 10px 10px 10px 5px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: +1
}

@media screen and (max-width: 544px) {
    .lightbox-panel .dyntable-form .button-area.document-top-buttons {
        white-space: nowrap;
        padding-left: 10px;
        padding-right: 10px
    }
}

.lightbox-panel .button-area.document-top-buttons {
    padding: 0
}

.lightbox-panel .section,
.lightbox-panel .section .section,
.dyntable-form .section,
.dyntable-form .section .section {
    border-left: 0
}

.lightbox-panel .section h2,
.lightbox-panel .section .section h2,
.dyntable-form .section h2,
.dyntable-form .section .section h2 {
    padding: 0
}

.lightbox-panel .section h2 span,
.lightbox-panel .section .section h2 span,
.dyntable-form .section h2 span,
.dyntable-form .section .section h2 span {
    font-size: 18px;
    font-weight: 700
}

.lightbox-panel .button-area.document-bottom-buttons,
.dyntable-form .button-area.document-bottom-buttons {
    position: relative;
    width: 100%;
    height: 70px;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

@media screen and (max-width: 768px) {

    .lightbox-panel .button-area.document-bottom-buttons,
    .dyntable-form .button-area.document-bottom-buttons {
        height: 72px;
        padding-right: 10px
    }
}

@media screen and (max-width: 320px) {

    .lightbox-panel .button-area.document-bottom-buttons,
    .dyntable-form .button-area.document-bottom-buttons {
        height: 72px
    }
}

.lightbox-panel .button-area.document-bottom-buttons .buttons-group,
.dyntable-form .button-area.document-bottom-buttons .buttons-group {
    width: 100%
}

.lightbox-panel .button-area.document-bottom-buttons ul,
.dyntable-form .button-area.document-bottom-buttons ul {
    display: flex;
    align-items: center
}

.lightbox-content .lightbox-panel {
    height: 100%
}

.lightbox-content .form-area {
    height: 100%
}

.lightbox-content {
    background-color: transparent
}

.lightbox-content input[type="radio"]+label {
    width: auto;
    padding-right: 10px;
    margin: 0 30px 0 0;
    line-height: 23px
}

.lightbox-content input[type="radio"]+label:before,
.lightbox-content input[type="radio"]+label:after {
    margin-top: 0
}

.vui-selecting~.button-area {
    background-color: #fff;
    position: relative
}

.vui-selector-search-view .search-filter input {
    background-image: url("../img/filter.png")
}

.lightbox-panel .long-field {
    width: 100%
}

.vui-single-selector .vui-selector-unbrowsable-view.vui-selecting {
    width: 100%
}

.vui-selector.vui-basket-hidden.vui-single-selector .vui-selecting.vui-selector-filter-view.vui-selector-browsable-view.vui-selector-hide-path {
    width: 100%
}

.lightbox-panel .fields-group td.cell-left {
    text-align: left;
    padding-left: 30px
}

.lightbox-panel .fields-group td.cell-right img+a+table>tbody>tr>td {
    padding-left: 0
}

.lightbox-panel .fields-group td.cell-right .textarea-default {
    width: 90%
}

.lightbox-panel .fields-group td.cell-right textarea.medium-field {
    width: 75%;
    height: 100px
}

@media (max-width: 544px) {
    .lightbox-panel .fields-group td.cell-right textarea.medium-field {
        width: 100%
    }
}

.lightbox-panel .document-bottom-buttons .buttons-group,
.dyntable-form .document-bottom-buttons .buttons-group {
    padding: 0
}

.lightbox-panel .form-area .informations,
.dyntable-form .form-area .informations {
    padding: 15px;
    background-color: rgba(0, 126, 217, 0.1);
    margin: 1rem
}

.lightbox-panel .form-area .informations:before,
.dyntable-form .form-area .informations:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close {
    background-color: #70bf00;
    border: 0
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #FFFFFF;
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close:hover:before {
    opacity: 0.2;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.dyntable-form .button-area.document-bottom-buttons .button1.action-close>span {
    color: #fff
}

.moovapps-document-container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.moovapps-document-container iframe.moovapps-document-iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.side-menu {
    width: auto;
    max-width: 350px;
    background: #fff;
    margin: 0 5px 20px 0;
    padding: 10px 5px
}

.side-menu .side {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.side-menu .side li {
    position: relative;
    border: none;
    background-color: transparent
}

.side-menu .side li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    color: #4d4d4d;
    border: none;
    padding-right: 25px
}

.side-menu .side li a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    background-color: #f2f2f2;
    width: calc(100% - 4px);
    height: 40px;
    left: 2px;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.side-menu .side li a:hover {
    padding: 10px;
    padding-right: 25px;
    background-color: transparent;
    color: #4d4d4d;
    border: none
}

.side-menu .side li a:hover:before {
    opacity: 1;
    transform: scale(1)
}

.side-menu .side li a span {
    position: relative;
    z-index: 2
}

.side-menu .side li>a:only-child:after {
    content: none
}

.side-menu .side li>a:not(:only-child):after {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    font-size: 24px;
    color: #4d4d4d;
    z-index: +5
}

.side-menu ul.side li>a {
    display: block
}

.side-menu ul.side li>a+ul {
    display: none;
    position: absolute;
    top: 9px;
    left: 98%;
    background: white;
    width: auto;
    padding: 8px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    z-index: +8
}

@media screen and (max-width: 544px) {
    .side-menu ul.side li>a+ul {
        top: 100%;
        left: 50px
    }
}

.side-menu ul.side li>a:hover+ul {
    display: block
}

.side-menu ul.side li>a.current {
    color: #07c
}

.side-menu ul.side li>a.current:before {
    content: '';
    position: absolute;
    display: block;
    transform-origin: center center;
    width: 100%;
    left: 0;
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 126, 217, 0.15);
    opacity: 1;
    transform: scale(1);
    height: 100%;
    top: 0;
    z-index: +2
}

.side-menu .side li ul {
    margin: 0 0 0 5px
}

.side-menu .side li:hover>ul,
.side-menu .side li:focus>ul {
    display: block
}

.sitemap a {
    border: none
}

.sitemap a:hover {
    border: none
}

.middle-office .dropdown-menu .dropdown {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.middle-office .dropdown-menu .dropdown li {
    display: inline-block;
    float: none
}

.middle-office select {
    height: 40px
}

.middle-office-menu .side {
    visibility: hidden
}

.middle-office-menu {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    left: 0;
    padding: 75px 0 0;
    background-color: #404040;
    color: #fff;
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
    z-index: 30
}

.middle-office-menu ul {
    display: block;
    padding: 0 0 10px 15px;
    overflow: auto
}

@media screen and (max-width: 544px) {
    .desktop .middle-office-menu {
        width: 210px
    }
}

.shortcut-bar-middle-office ul a:not(.application),
.middle-office-menu ul a:not(.application) {
    width: 100%;
    height: 40px;
    display: block;
    padding: 0 10px 0 35px;
    text-align: left;
    justify-content: flex-start;
    border: 0;
    position: relative;
    line-height: 2.5;
    font-size: 16px
}

.shortcut-bar-middle-office ul a:not(.application):before,
.middle-office-menu ul a:not(.application):before {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 4px);
    opacity: 0;
    border-radius: 5px;
    transform: none;
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.1s linear;
    z-index: 1;
    transform-origin: center center
}

.shortcut-bar-middle-office ul a:not(.application):hover:before,
.shortcut-bar-middle-office ul a:not(.application):active:before,
.middle-office-menu ul a:not(.application):hover:before,
.middle-office-menu ul a:not(.application):active:before {
    opacity: 0.5
}

.shortcut-bar-middle-office ul a:not(.application):hover:before,
.shortcut-bar-middle-office ul a:not(.application):focus:before,
.middle-office-menu ul a:not(.application):hover:before,
.middle-office-menu ul a:not(.application):focus:before {
    transform: scale(1);
    transition: all 0.05s linear
}

.shortcut-bar-middle-office ul a:not(.application) span,
.middle-office-menu ul a:not(.application) span {
    font-weight: 400;
    z-index: 2;
    top: -1px;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.shortcut-bar-middle-office ul a:not(.application).current:after,
.middle-office-menu ul a:not(.application).current:after {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 4px);
    opacity: 0;
    border-radius: 5px;
    transform: none;
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.1s linear;
    z-index: 1;
    transform-origin: center center
}

.shortcut-bar-middle-office ul a:not(.application).current:after,
.middle-office-menu ul a:not(.application).current:after {
    opacity: 1
}

.shortcut-bar-middle-office .side>li>a:not(.application).current:after,
.middle-office-menu .side>li>a:not(.application).current:after {
    content: none
}

.middle-office-menu>ul {
    padding-left: 0
}

.shortcut-bar-middle-office nav>ul>li .middle-office-menu>ul>li>a {
    padding-left: 10px
}

.shortcut-bar-middle-office nav.shortcut-bar-mobile>ul>li:first-child {
    display: none
}

.shortcut-bar-middle-office .middle-office-menu>ul>li>a span {
    font-weight: 700;
    font-size: 18px;
    padding-left: 24px;
    top: -3px;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.shortcut-bar-middle-office .middle-office-menu>ul>li>a span:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e910";
    color: #fff;
    left: 15px;
    position: absolute;
    transition: all ease 0.2s
}

.shortcut-bar-middle-office .middle-office-menu>ul>li.open>a span:before {
    transform: rotate(90deg)
}

.shortcut-bar-middle-office .middle-office-menu>ul>li.closed>a span:before {
    transform: rotate(0deg)
}

.shortcut-bar-middle-office .middle-office-menu>ul>li .vdp-middle-office-menu-collapsible>a.current:after {
    content: none
}

.shortcut-bar-middle-office .middle-office-menu>ul>li .vdp-middle-office-menu-collapsible>a span {
    top: -3px;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.shortcut-bar-middle-office .middle-office-menu>ul>li .vdp-middle-office-menu-collapsible>a span:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e911";
    color: #fff;
    left: 15px;
    position: absolute;
    transition: all ease 0.2s
}

.shortcut-bar-middle-office .middle-office-menu>ul>li .vdp-middle-office-menu-collapsible.open>a span:before {
    transform: rotate(90deg)
}

.shortcut-bar-middle-office .middle-office-menu>ul>li .vdp-middle-office-menu-collapsible.closed>a span:before {
    transform: rotate(0deg)
}

@media screen and (max-width: 1024px) {
    .shortcut-bar-middle-office>nav {
        height: 100% !important
    }

    .shortcut-bar-middle-office>nav>ul {
        display: block;
        height: 100%
    }

    .desktop .shortcut-bar-middle-office>nav>ul>li:first-child {
        display: none
    }

    .shortcut-bar-middle-office>nav>ul>li:nth-child(2) {
        border-bottom: 1px solid #fff
    }

    .shortcut-bar-middle-office>nav>ul>li:nth-child(3) {
        margin-top: 5px;
        height: calc(100% - 60px)
    }

    .shortcut-bar-middle-office:not(.desktop).middle-office-menu {
        width: 100%
    }
}

.middle-office {
    padding-left: 300px
}

@media screen and (max-width: 1024px) {
    .middle-office {
        padding-left: 0
    }

    .desktop+.middle-office {
        padding-left: 300px
    }
}

@media screen and (max-width: 544px) {
    .middle-office {
        padding-left: 0
    }

    .desktop+.middle-office {
        padding-left: 210px
    }
}

.middle-office #middle-office-bloc {
    padding: 30px 15px
}

.middle-office .col>div {
    background: white;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 768px) {
    .middle-office .col>div {
        padding: 15px;
        margin-bottom: 15px
    }
}

.middle-office .panel-content .view-area .view-header {
    margin-top: 0
}

@media screen and (max-width: 1024px) {
    .middle-office-menu {
        position: inherit;
        padding: 0;
        background: transparent;
        box-shadow: none
    }

    .middle-office-menu>ul {
        padding-left: 0
    }
}

.middle-office .default-config-bloc h2 {
    margin-top: 5px;
    font-weight: normal;
    border-bottom: 5px solid #e0e0e0
}

@media (max-width: 544px) {

    .middle-office .default-config-bloc,
    .middleoffice-homepage {
        margin: 0px -15px 15px
    }
}

.middleoffice-homepage li {
    list-style: initial;
    margin-left: 30px
}

.middle-office .middleoffice-homepage h2+p {
    margin: 40px 0
}

.middleoffice-homepage .inner-text p {
    margin: 15px 0
}

.middleoffice-homepage ul {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .middleoffice-homepage ul {
        margin-bottom: 15px
    }
}

.CodeMirror-wrapping {
    border: 1px solid #e0e0e0
}

@media (max-width: 767px) {
    .middle-office .document-top-buttons .action-save {
        display: none
    }

    .middle-office .document-top-buttons .action-saveandclose {
        float: left
    }

    .middle-office .document-top-buttons .action-close {
        float: right;
        background-color: #e6e6e6;
        transition: all ease-out 0.25s;
        position: relative;
        border: 0;
        width: 36px;
        height: 36px;
        display: inline-flex;
        border-radius: 5px;
        align-items: center;
        justify-content: center
    }

    .middle-office .document-top-buttons .action-close:before {
        content: "";
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 3px solid rgba(0, 0, 0, 0.2);
        opacity: 0;
        transition: transform 0.4s ease-out, opacity 0.1s linear;
        border-radius: 5px
    }

    .middle-office .document-top-buttons .action-close:hover:before {
        opacity: 1;
        transition: transform 0.2s ease-out, opacity 0.05s linear
    }

    .middle-office .document-top-buttons .action-close span {
        display: none
    }

    .middle-office .document-top-buttons .action-close:after {
        content: "";
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 28px;
        color: #eb003b;
        position: relative;
        z-index: 2
    }

    .middle-office .document-top-buttons .action-close:after {
        top: 0;
        left: -10px
    }
}

#news-column {
    padding-right: 0
}

.news-feed .panel,
.thematic-page-container .panel-content .panel,
.default-template-container .panel-content .panel {
    padding: 15px
}

.news-feed article>*,
.thematic-page-container .panel-content article>*,
.default-template-container .panel-content article>* {
    float: left
}

.news-feed article,
.thematic-page-container .panel-content article,
.default-template-container .panel-content article {
    margin-bottom: 20px;
    display: flex
}

.news-feed article figure,
.thematic-page-container .panel-content article figure,
.default-template-container .panel-content article figure {
    margin-right: 10px;
    min-width: 120px;
    max-width: 120px;
    height: 80px
}

.news-feed article figure img,
.thematic-page-container .panel-content article figure img,
.default-template-container .panel-content article figure img {
    min-width: 100%;
    height: auto
}

.news-feed article .article-body,
.thematic-page-container .panel-content article .article-body,
.default-template-container .panel-content article .article-body {
    position: relative;
    min-height: 85px;
    max-height: 85px;
    margin-right: 2px
}

.news-feed article .article-body header,
.thematic-page-container .panel-content article .article-body header,
.default-template-container .panel-content article .article-body header {
    max-height: 40px;
    margin-bottom: 3px;
    overflow: hidden
}

.news-feed article a,
.thematic-page-container .panel-content article a,
.default-template-container .panel-content article a {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    color: #4d4d4d;
    border: none
}

.news-feed article a:hover,
.news-feed article a:focus,
.thematic-page-container .panel-content article a:hover,
.thematic-page-container .panel-content article a:focus,
.default-template-container .panel-content article a:hover,
.default-template-container .panel-content article a:focus {
    border: none;
    outline: none
}

.news-feed article h1,
.thematic-page-container .panel-content article h1,
.default-template-container .panel-content article h1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 0
}

.news-feed article .article-body span,
.thematic-page-container .panel-content article .article-body span,
.default-template-container .panel-content article .article-body span {
    position: relative;
    font-size: 13px;
    color: #07c
}

.news-feed article .article-body span.article-author::after,
.thematic-page-container .panel-content article .article-body span.article-author::after,
.default-template-container .panel-content article .article-body span.article-author::after {
    content: ", "
}

.news-feed article .article-body span.article-date::after,
.thematic-page-container .panel-content article .article-body span.article-date::after,
.default-template-container .panel-content article .article-body span.article-date::after {
    content: " - "
}

.news-feed article P,
.thematic-page-container .panel-content article P,
.default-template-container .panel-content article P {
    font-size: 15px;
    line-height: 1.3;
    position: relative;
    display: inline;
    margin: 0
}

@media screen and (max-width: 1199px) {
    #news-column {
        width: 100%
    }

    .news-feed .panel,
    .thematic-page-container .panel-content .panel,
    .default-template-container .panel-content .panel {
        padding: 30px 15px 15px
    }

    .news-feed article,
    .thematic-page-container .panel-content article,
    .default-template-container .panel-content article {
        float: left;
        width: 33.33%;
        padding: 0 15px
    }
}

@media screen and (max-width: 1365px) {
    #news-column {
        padding-left: 0
    }

    .news-feed .panel,
    .thematic-page-container .panel-content .panel,
    .default-template-container .panel-content .panel {
        padding: 30px 15px 15px
    }

    .news-feed-inner {
        margin: 0 -15px
    }

    .news-feed article:nth-child(n+4),
    .thematic-page-container .col-lg-4 .panel-content article:nth-child(n+4),
    .default-template-container .col-lg-4 .panel-content article:nth-child(n+4) {
        display: none
    }

    .news-feed .bottom-link-wrapper,
    .thematic-page-container .panel-content .bottom-link-wrapper,
    .default-template-container .panel-content .bottom-link-wrapper {
        margin-top: 10px
    }
}

@media screen and (max-width: 1199px) {

    .news-feed article,
    .thematic-page-container .panel-content article,
    .default-template-container .panel-content article {
        width: 50%
    }

    .news-feed article:nth-child(n+4),
    .thematic-page-container .panel-content article:nth-child(n+4),
    .default-template-container .panel-content article:nth-child(n+4) {
        display: flex
    }
}

@media screen and (max-width: 979px) {

    .news-feed article h5,
    .thematic-page-container .panel-content article h5,
    .default-template-container .panel-content article h5 {
        font-size: 0.889em
    }
}

@media screen and (max-width: 900px) {

    .news-feed article,
    .thematic-page-container .panel-content article,
    .default-template-container .panel-content article {
        width: 100%;
        float: none;
        max-height: 105px;
        overflow: hidden;
        display: block
    }

    .news-feed article figure,
    .thematic-page-container .panel-content article figure,
    .default-template-container .panel-content article figure {
        float: left;
        width: 80px;
        height: auto;
        margin-right: 10px;
        margin-bottom: 7px;
        min-width: inherit
    }

    .news-feed article .article-body,
    .thematic-page-container .panel-content article .article-body,
    .default-template-container .panel-content article .article-body {
        display: inline;
        min-height: inherit
    }

    .news-feed article a,
    .thematic-page-container .panel-content article a,
    .default-template-container .panel-content article a {
        float: none
    }

    .news-feed article:nth-child(n+4),
    .thematic-page-container .panel-content article:nth-child(n+4),
    .default-template-container .panel-content article:nth-child(n+4) {
        display: block
    }
}

@media screen and (max-width: 639px) {

    .news-feed,
    .thematic-page-container .panel-content,
    .default-template-container .panel-content {
        box-shadow: none
    }

    .news-feed,
    .thematic-page-container .panel-content,
    .default-template-container .panel-content {
        padding: 0
    }

    .news-feed .panel,
    .thematic-page-container .panel-content .panel,
    .default-template-container .panel-content .panel {
        padding: 20px 20px 15px
    }

    .h2-wrapper {
        margin: 10px 0 0
    }

    .news-feed .h2-wrapper {
        margin-bottom: 15px
    }

    .h2-wrapper h2 {
        margin-bottom: 10px
    }

    .h2-wrapper a {
        display: none
    }

    .news-feed article,
    .thematic-page-container .panel-content article,
    .default-template-container .panel-content article {
        padding: 0 15px 0 0
    }

    .bottom-link-wrapper {
        text-align: right
    }
}

@media screen and (min-width: 640px) {

    .news-feed .h2-wrapper,
    .activity .bottom-link-wrapper {
        display: none
    }
}

@media screen and (max-width: 320px) {

    .news-feed,
    .thematic-page-container .panel-content,
    .default-template-container .panel-content {
        padding: 0
    }

    .news-feed .panel,
    .thematic-page-container .panel-content .panel,
    .default-template-container .panel-content .panel {
        padding: 15px 20px
    }

    .news-feed article,
    .thematic-page-container .panel-content article,
    .default-template-container .panel-content article {
        margin-bottom: 25px;
        padding: 0;
        display: block
    }

    .news-feed article>*,
    .thematic-page-container .panel-content article>*,
    .default-template-container .panel-content article>* {
        float: none
    }
}

.extended-upload .ctlimage {
    max-width: 210px
}

.homepage-with-news .news-feed article,
.thematic-page-container .panel-content article,
.default-template-container .panel-content article {
    margin-bottom: 10px
}

.homepage-with-news .news-feed .panel,
.thematic-page-container .panel-content .panel,
.default-template-container .panel-content .panel {
    padding-bottom: 9px
}

.homepage-with-news .news-feed .bottom-link-wrapper,
.thematic-page-container .panel-content .bottom-link-wrapper,
.default-template-container .panel-content .bottom-link-wrapper {
    padding-top: 9px
}

@media (min-width: 1200px) and (max-width: 1550px) {

    .homepage-with-news .news-feed article:nth-child(3),
    .homepage-with-news .news-feed article:nth-child(4),
    .homepage-with-news .news-feed article:nth-child(5),
    .thematic-page-container .col-lg-4 .panel-content article:nth-child(3),
    .thematic-page-container .col-lg-4 .panel-content article:nth-child(4),
    .thematic-page-container .col-lg-4 .panel-content article:nth-child(5),
    .default-template-container .col-lg-4 .panel-content article:nth-child(3),
    .default-template-container .col-lg-4 .panel-content article:nth-child(4),
    .default-template-container .col-lg-4 .panel-content article:nth-child(5) {
        display: none
    }
}

.crop-image-field-preview {
    position: relative;
    padding-left: 40px
}

.crop-image-field-preview .action-openWizard,
.crop-image-field-preview .action-deleteImage {
    position: absolute;
    top: -5px;
    left: -5px;
    transition: opacity 0.1s linear;
    background-color: #ededed;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    color: #fff;
    width: 40px;
    height: 40px
}

.crop-image-field-preview .action-openWizard>span,
.crop-image-field-preview .action-deleteImage>span {
    position: relative;
    display: block;
    font-size: 0
}

.crop-image-field-preview .action-openWizard>span:before,
.crop-image-field-preview .action-deleteImage>span:before {
    position: absolute;
    display: block;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    top: 5px;
    left: -2px;
    line-height: 27px;
    font-size: 24px
}

.crop-image-field-preview .action-openWizard {
    top: 0px;
    left: -5px
}

.crop-image-field-preview .action-openWizard>span:before {
    content: "\e92a";
    color: #07c
}

.crop-image-field-preview .action-deleteImage {
    top: 45px;
    left: -5px
}

.crop-image-field-preview .action-deleteImage>span:before {
    content: "\e925";
    color: #eb003b
}

.fck-editor-readonly-container ol li,
.fck-editor-readonly-container ul li {
    list-style: inherit
}

.fck-editor-readonly-container ol li>ol,
.fck-editor-readonly-container ol li>ul,
.fck-editor-readonly-container ul li>ol,
.fck-editor-readonly-container ul li>ul {
    margin-left: 15px
}

@media screen and (max-width: 1365px) {
    .all-news .workplace-autoexecutesearch .group {
        margin-top: 15px;
        margin-left: 15px
    }
}

@media screen and (max-width: 1199px) {
    .all-news .workplace-autoexecutesearch .group {
        margin-top: 0;
        margin-left: 0
    }

    .all-news .workplace-autoexecutesearch .group .view-area {
        width: calc(100% - 270px)
    }
}

@media screen and (max-width: 1199px) and (max-width: 979px) {
    .all-news .workplace-autoexecutesearch .group .view-area {
        width: 100%;
        margin-top: 15px
    }
}

@media screen and (max-width: 1199px) and (max-width: 544px) {
    .all-news .workplace-autoexecutesearch .group .view-area {
        width: 100%;
        margin-top: 0
    }
}

.news-attachment ul {
    text-align: left;
    list-style: none;
    padding: 0
}

.news-attachment ul li {
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
    background-color: #fbfbfb;
    display: flex;
    align-items: center;
    font-size: 14px
}

.news-attachment ul li .image {
    margin-right: 5px;
    vertical-align: sub;
    width: 20px;
    margin: 0 12px 0 0
}

.vertical-list .not-read {
    border-right: solid 3px #eb003b
}

.vertical-list .not-read .header-container {
    display: flex
}

.vertical-list .not-read .header-container span {
    margin-left: 10px;
    border: solid 1px #e6e6e6;
    background-color: #e6e6e6;
    border-radius: 5px;
    color: #eb003b !important;
    padding: 0 5px 0 5px
}

.notif-button {
    position: relative
}

@media screen and (max-width: 768px) {
    .notif-button .icon_24_notifications:before {
        top: 4px;
        left: -7px;
        position: relative
    }
}

.notif-counter {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
    border: 3px solid #fff;
    border-radius: 7px;
    z-index: 10;
    transition: border-color 0.2s linear
}

.notif-button:hover .notif-counter,
.notif-button:focus .notif-counter {
    border-color: #e0e0e0;
    transition: border-color 0.1s linear
}

.panel {
    padding: 30px;
    margin-bottom: 20px
}

@media (max-width: 1024px) {
    .panel {
        padding: 15px
    }
}

@media (max-width: 767px) {
    .panel {
        padding: 10px;
        margin-bottom: 0
    }
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    margin-top: 0
}

@media (max-width: 767px) {
    .homepage-container .panel {
        margin-bottom: 30px
    }
}

.panel-title {
    border-bottom: 5px solid #e0e0e0
}

.panel .panel-title h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.015em;
    float: left;
    margin: 0 0 15px;
    max-width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel .panel-title a {
    font-size: 16px;
    font-weight: 700;
    display: block;
    float: right;
    margin-top: 5px;
    color: #07c
}

.activity.tasks {
    margin-bottom: 15px
}

.activity.tasks h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.015em;
    border-bottom: 5px solid #e0e0e0;
    margin: 0;
    padding-bottom: 10px;
    color: #4d4d4d
}

.panel-content .view-area .view-header {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width: 1365px) {
    #sys-main-content .application-hp>div:first-child {
        padding-right: 0
    }

    #sys-main-content .application-hp>div:first-child .multiservice-menu .panel {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1365px) and (max-width: 768px) {
    #sys-main-content .application-hp>div:first-child .multiservice-menu .panel {
        padding-bottom: 0
    }
}

@media screen and (max-width: 1365px) {
    #sys-main-content .application-hp>div:last-child {
        padding-right: 15px
    }
}

@media screen and (max-width: 1199px) {
    #sys-main-content .application-hp>div:last-child {
        padding-right: 0
    }
}

@media screen and (max-width: 544px) {
    #sys-main-content .application-hp>div:first-child {
        margin-bottom: 0
    }
}

@media print {
    header.header {
        display: none !important
    }

    .shortcut-bar {
        display: none !important
    }

    .buttons-group.document-main-buttons,
    .form-area.fixed-buttons .button-area.document-top-buttons {
        display: none;
        padding: 0 !important
    }

    .button-area.document-top-buttons {
        padding: 0 !important
    }

    .mandatory:after {
        content: none !important
    }

    .vui-info-handler img {
        display: none
    }

    .datetime-field button,
    .datetime-field a,
    .treatment-edit .button1.action-buttonShow,
    .treatment-edit .button1.action-buttonErase {
        display: none !important
    }

    .time-field select {
        margin: 0 !important;
        height: 38px !important;
        margin-top: -3px !important
    }

    .shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container,
    .shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.middle-office #default-container {
        margin-left: 0 !important;
        padding-top: 0 !important
    }

    .section.section-highlighted,
    .section.section-highlighted .section.section-highlighted {
        margin: 0
    }

    .overlay {
        width: auto !important;
        height: auto !important;
        left: 0 !important
    }

    body {
        background-color: #fff
    }

    .vui-combobox:after {
        content: none !important
    }

    .vui-combobox img {
        display: none !important
    }

    .section.section-highlighted {
        border-left: 0 !important
    }

    select {
        -webkit-appearance: none !important;
        -moz-appearance: none !important
    }

    html,
    body,
    .root,
    .page {
        height: auto !important
    }

    .treatment-edit h1 .document-label-reference {
        color: #4d4d4d !important
    }

    .list-view .detail .title a,
    .links-view .detail .title a,
    .thumbnails-view .detail .title a {
        border-bottom: 0 !important;
        color: #4d4d4d !important
    }

    .list-view .detail .title a p,
    .links-view .detail .title a p,
    .thumbnails-view .detail .title a p {
        display: none !important
    }

    .list-view .detail .title a h4 img,
    .links-view .detail .title a h4 img,
    .thumbnails-view .detail .title a h4 img {
        display: none !important
    }

    .actions span {
        display: none !important
    }

    .vui-combobox-single.vui-selector-field input,
    .vui-combobox.vui-combobox-single input {
        color: #4d4d4d !important;
        padding-left: 10px !important
    }

    .section {
        margin: 0 !important;
        border-left: 0 !important
    }

    .vui-error-indicator {
        display: none !important
    }

    .buttonlike,
    .dropfiles-helper {
        display: none !important
    }

    .treatment-edit .fields-group td.cell-left,
    .treatment-edit .fields-group td.cell-left * {
        font-weight: 700 !important
    }

    .footer a {
        color: #4d4d4d !important;
        border-bottom: 0 !important
    }

    input[type="checkbox"]+label:after,
    input[type="checkbox"]+.single-checkbox:after,
    input[type="checkbox"]+.reversed-checkbox:after {
        color: #4d4d4d !important
    }

    .cell-full span {
        color: #4d4d4d !important
    }

    .vui-selector-field input,
    .vui-combobox.vui-combobox-single input,
    .vui-combobox-multi input,
    .fields-group input:not([type="checkbox"]),
    .fields-group input:not([type="radio"]),
    .fields-group textarea,
    .fields-group select {
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }

    td a img[width="16"][height="16"] {
        display: none !important
    }

    td a {
        color: #4d4d4d !important
    }

    .fields-group>.table-border>tbody .radio-group,
    .fields-group>.table-border>tbody .checkboxgroup {
        display: block !important
    }

    .detail-main .title a h4 {
        word-break: break-all
    }

    .treatment-edit h1 {
        margin-bottom: 0 !important
    }

    .form-area.fixed-buttons,
    .form-area {
        padding: 0 !important
    }

    .view-header.view-has-actions,
    td.cell-right {
        position: relative
    }

    .view-header.view-has-actions select[multiple],
    td.cell-right select[multiple] {
        overflow: hidden
    }

    .view-header.view-has-actions select[multiple] option,
    td.cell-right select[multiple] option {
        display: none;
        background-color: transparent !important
    }

    .view-header.view-has-actions select[multiple] option:checked,
    .view-header.view-has-actions select[multiple] option[selected="true"],
    td.cell-right select[multiple] option:checked,
    td.cell-right select[multiple] option[selected="true"] {
        display: block;
        background-color: transparent !important
    }

    .view-header.view-has-actions select[multiple] option::selection,
    td.cell-right select[multiple] option::selection {
        background: yellow
    }

    .list-view .detail .title a h4 {
        white-space: inherit !important
    }

    .section h2,
    .section-highlighted h2 {
        background-color: transparent !important;
        position: relative !important;
        z-index: +1 !important;
        overflow: hidden !important;
        padding: 10px !important
    }

    .section h2:before,
    .section-highlighted h2:before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        border: 99999px #f2f2f2 solid !important;
        z-index: -1 !important
    }

    .section h2 *,
    .section-highlighted h2 * {
        position: relative !important;
        z-index: 1 !important
    }

    input[type="radio"]:checked+label:after,
    input[type="radio"]:checked+label:focus:after,
    input[type="radio"]:checked+label:hover:after,
    input[type="radio"]:checked+.reversed-radio:after,
    input[type="radio"]:checked+.reversed-radio:focus:after,
    input[type="radio"]:checked+.reversed-radio:hover:after {
        content: "\e43b" !important;
        font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        pointer-events: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: transparent !important;
        color: #4d4d4d !important;
        font-size: 24px !important;
        position: absolute !important;
        top: -1px !important;
        left: -1px !important
    }

    input[type="radio"]+label,
    input[type="radio"]+.reversed-radio,
    input[type="checkbox"]+label,
    input[type="checkbox"]+.reversed-checkbox {
        width: 100px !important
    }

    .date-field,
    strong {
        font-weight: normal !important
    }

    .date-field *,
    strong * {
        font-weight: normal !important
    }

    .vui-combobox-multi.vui-selector-field {
        display: none
    }

    .vui-combobox-selected-items span .vui-combobox-item:before,
    .vui-combobox-selected-items>span:before,
    .vui-combobox-selected-items span .vui-combobox-item:after,
    .vui-combobox-selected-items>span:after {
        content: none !important
    }

    .button1.action-showall,
    .treatment-edit .button1.action-showall,
    .button1.action-deleteall,
    .treatment-edit .button1.action-deleteall {
        display: none !important
    }

    .vui-combobox-multi {
        display: none !important
    }

    .buttons-group.vui-combobox-actions {
        display: none !important
    }

    .vui-combobox-selected-items span .vui-combobox-item,
    .vui-combobox-selected-items>span {
        color: #4d4d4d !important
    }

    .vui-combobox.vui-combobox-single.vui-combobox-auto .vui-combobox-input-autocomplete {
        display: block !important
    }

    .treatment-edit .button1 {
        display: none
    }

    .popup-menu-handler.handler-actions.popup-menu-handler-single {
        display: none
    }

    .table td.cell1,
    .table td.cell2 {
        width: auto;
        text-align: left !important
    }

    .table .unsorted {
        background-image: none
    }

    .table-view table th {
        text-align: left !important;
        border-bottom: 1px solid #000
    }

    .subsection .fields-group {
        padding-bottom: 0 !important
    }

    td.cell-right,
    td.cell-left {
        vertical-align: top !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important
    }

    .treatment-edit .radiogroup {
        margin: 0 !important
    }

    .treatment-edit input,
    .treatment-edit .vui-combobox input,
    .treatment-edit .vui-combobox-multi input,
    .treatment-edit .vui-selector-field input {
        min-height: 0 !important
    }

    .treatment-edit .fields-group TD.cell-right,
    .treatment-edit .fields-group TD.cell-left {
        width: 25% !important
    }

    .button-area.document-top-buttons {
        display: none
    }

    .treatment-edit h1 {
        margin-bottom: 0
    }

    .shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container,
    .shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.middle-office #default-container {
        padding: 0
    }

    .treatment-edit .fields-group td.cell-right[colspan="75"],
    .treatment-edit .fields-group td.cell-left[colspan="75"] {
        width: 75% !important
    }
}

@media print and (max-width: 919px) {
    .fields-group td {
        display: table-cell !important;
        width: auto
    }
}

@media print {
    .table-view table {
        margin: 0 !important;
        min-width: 280px !important
    }
}

@media print and (min-width: 4500px !important) {

    .table-view table th,
    .table-view table td {
        padding: .25em .5em !important
    }

    .table-view table th:first-child,
    .table-view table td:first-child {
        padding-left: 0 !important
    }

    .table-view table th:last-child,
    .table-view table td:last-child {
        padding-right: 0 !important
    }
}

@media print {
    .vui-combobox-selected-items span.vui-combobox-selected-item-plus {
        margin: 0 !important
    }

    .vui-combobox-selected-items span .vui-combobox-item,
    .vui-combobox-selected-items>span {
        width: 100% !important;
        white-space: initial !important;
        height: auto !important;
        margin: 0 !important;
        line-height: 22px !important
    }

    .section.subsection h2:before {
        content: none !important
    }

    .vui-file-upload .files .view-area,
    .vui-file-upload .list-view,
    .vui-file-upload .files td {
        padding: 0 !important
    }

    label {
        color: #666 !important;
        font-weight: normal !important
    }

    .checkboxgroup table,
    .radiogroup table {
        display: inline-block
    }

    input[type="radio"] {
        display: block !important
    }

    .treatment-edit .radiogroup>table>tbody {
        font-size: 16px !important
    }
}

@media print and (max-width: 767px) {

    .table td.cell1,
    .table td.cell2 {
        padding: 5px 10px !important
    }
}

@media print and (min-width: 768px) and (max-width: 1024px) {

    .client-view .table-view table,
    .application-hp .table-view table {
        margin: 0 !important;
        min-width: 280px !important
    }

    .client-view .table-view table td:first-child,
    .application-hp .table-view table td:first-child {
        padding-top: .5em !important
    }

    .client-view .table-view table td:last-child,
    .application-hp .table-view table td:last-child {
        padding-bottom: .5em !important
    }

    .client-view .table-view table td:before,
    .application-hp .table-view table td:before {
        content: attr(data-vdp-th) "" !important;
        font-weight: bold;
        width: 100% !important;
        display: block
    }

    .client-view .table-view table th,
    .client-view .table-view table td,
    .application-hp .table-view table th,
    .application-hp .table-view table td {
        text-align: left !important
    }
}

@media print and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {

    .client-view .table-view table th,
    .client-view .table-view table td,
    .application-hp .table-view table th,
    .application-hp .table-view table td {
        padding: .25em .5em !important
    }

    .client-view .table-view table th:first-child,
    .client-view .table-view table td:first-child,
    .application-hp .table-view table th:first-child,
    .application-hp .table-view table td:first-child {
        padding-left: 0 !important
    }

    .client-view .table-view table th:last-child,
    .client-view .table-view table td:last-child,
    .application-hp .table-view table th:last-child,
    .application-hp .table-view table td:last-child {
        padding-right: 0 !important
    }
}

@media print and (min-width: 768px) and (max-width: 1024px) {

    .client-view .table-view table,
    .application-hp .table-view table {
        color: #fff !important;
        overflow: hidden !important
    }

    .client-view .table-view table th,
    .client-view .table-view table td,
    .application-hp .table-view table th,
    .application-hp .table-view table td {
        margin: 0 !important
    }
}

@media print and (min-width: 768px) and (max-width: 1024px) and (min-width: 4500px !important) {

    .client-view .table-view table th,
    .client-view .table-view table td,
    .application-hp .table-view table th,
    .application-hp .table-view table td {
        padding: 0.3em 0.5em !important
    }
}

@media print and (min-width: 768px) and (max-width: 1024px) {

    .client-view .table-view table th,
    .client-view .table-view table td:before,
    .application-hp .table-view table th,
    .application-hp .table-view table td:before {
        color: #4d4d4d !important
    }

    .table td.cell1,
    .table td.cell2 {
        padding: 5px 10px !important
    }
}

@media print {
    .row {
        margin: 0 !important
    }

    .view-header {
        display: none
    }

    .vui-file-upload {
        margin-top: -2px
    }

    .action-summary {
        background-color: transparent !important;
        position: relative !important;
        z-index: +1 !important;
        overflow: hidden !important;
        padding: 10px !important;
        display: block
    }

    .action-summary:before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        border: 99999px #f2f2f2 solid !important;
        z-index: -1 !important
    }

    .action-history {
        display: block
    }

    .section.section-highlighted {
        background: transparent !important
    }

    .section.section-highlighted * {
        background: transparent !important
    }

    select::-ms-expand {
        display: none !important
    }

    input[type="radio"]+label:before,
    input[type="radio"]+label :after,
    input[type="radio"]+.reversed-radio:before,
    input[type="radio"]+.reversed-radio:after {
        margin-top: 0 !important
    }

    .treatment-edit input[type="radio"]+label,
    input[type="radio"]+.reversed-radio {
        margin-top: 0;
        line-height: 22px
    }

    h2,
    h3 {
        page-break-after: avoid !important
    }

    img {
        max-width: 100% !important
    }

    article {
        page-break-before: always !important
    }

    ul,
    img {
        page-break-inside: avoid !important
    }

    select::-ms-value {
        background: none !important;
        color: #000 !important
    }

    select {
        -webkit-appearance: none !important
    }

    select option {
        background: none !important;
        color: #000 !important;
        -webkit-appearance: none !important
    }

    input[type="radio"]+label:before,
    input[type="radio"]+label:after,
    input[type="radio"]+.reversed-radio:before,
    input[type="radio"]+.reversed-radio:after {
        margin-top: 0 !important
    }

    .screen.lightbox-empty .lightbox-panel.lightbox-dialog,
    .lightbox-background {
        display: none !important
    }
}

.shortcut-bar-mobile select,
.shortcut-bar-mobile textarea,
.shortcut-bar-mobile input[type="text"],
.shortcut-bar-mobile input[type="password"],
.shortcut-bar-mobile input[type="datetime"],
.shortcut-bar-mobile input[type="datetime-local"],
.shortcut-bar-mobile input[type="date"],
.shortcut-bar-mobile input[type="month"],
.shortcut-bar-mobile input[type="time"],
.shortcut-bar-mobile input[type="week"],
.shortcut-bar-mobile input[type="number"],
.shortcut-bar-mobile input[type="email"],
.shortcut-bar-mobile input[type="tel"],
.shortcut-bar-mobile input[type="url"],
.shortcut-bar-mobile+div+script+.container-fluid select,
.shortcut-bar-mobile+div+script+.container-fluid textarea,
.shortcut-bar-mobile+div+script+.container-fluid input[type="text"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="password"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="datetime"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="datetime-local"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="date"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="month"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="time"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="week"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="number"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="email"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="tel"],
.shortcut-bar-mobile+div+script+.container-fluid input[type="url"] {
    font-size: 16px !important
}

strong.mandatory {
    color: #4d4d4d;
    display: inline
}

strong.mandatory>label {
    position: relative;
    display: inline-block
}

strong.mandatory>label .vui-info-handler,
strong.mandatory>label .vui-noinfo-handler {
    position: relative;
    display: inline
}

strong.mandatory>label:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: -2px;
    right: 0px;
    border-radius: 50%;
    background-color: #eb003b
}

strong.mandatory+.vui-noinfo-handler {
    position: relative
}

strong.mandatory+.vui-noinfo-handler:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    top: -2px;
    right: 0px;
    border-radius: 50%;
    background-color: #eb003b
}

label .vui-info-handler img,
label .vui-noinfo-handler img {
    display: inline-block;
    margin-left: 5px
}

label>strong.mandatory {
    margin-top: 0
}

.readonly-field {
    margin-top: 8px;
    display: inline-block
}

i[class*="${icon}"]:empty {
    font-size: 0 !important
}

.view-header .view-options .popup-menu-handler.handler-displaymode:before,
.search-main .horizontal-top-tabs .informations p:before,
.vui-selector-field:after,
.date-field .action-buttonShow:after,
.date-field .action-buttonErase:after,
.vui-combobox:after,
.vui-combobox-multi:after,
.datetime-field .postaction:after,
.time-field .postaction:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1
}

.vui-combobox.vui-selector-field:after,
.vui-combobox-multi.vui-selector-field:after {
    content: "\e90b";
    transform: rotate(0deg)
}

.vui-combobox:after,
.vui-combobox-multi:after {
    content: "\e910";
    transform: rotate(90deg)
}

@media (max-width: 544px) {
    .navigation-area .list-view .horizontal td {
        width: 100%;
        display: inline-block
    }

    .navigation-area .list-view .detail {
        margin: 0
    }
}

.navigation-area .list-view .detail a {
    padding: 5px 10px 6px 10px;
    font-size: 16px;
    color: #4d4d4d;
    border: none;
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px
}

.navigation-area .list-view .detail a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    height: calc(100% - 8px);
    top: 4px
}

.navigation-area .list-view .detail a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.navigation-area .list-view .detail strong {
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px;
    color: #07c;
    font-size: 16px;
    line-height: inherit;
    padding: 10px
}

.date-field strong {
    font-weight: normal
}

.period-field-inline .datetime-field {
    margin-right: 0
}

.cell-right>strong {
    font-weight: normal
}

.navigation-area .list-view .detail strong:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 126, 217, 0.15);
    opacity: 1;
    transform: scale(1);
    height: calc(100% - 8px);
    top: 4px
}

.navigation-area {
    padding-top: 17px;
    padding-bottom: 0
}

.treatment-edit h1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 12px 30px 13px;
    line-height: 38px;
    margin-top: 0;
    margin: -30px -15px 10px -15px
}

@media (max-width: 1365px) {
    .treatment-edit h1 {
        margin-top: -15px
    }
}

@media (max-width: 1024px) {
    .treatment-edit h1 {
        margin-top: -5px
    }
}

@media (max-width: 979px) {
    .treatment-edit h1 {
        margin-top: -15px
    }
}

@media (max-width: 768px) {
    .treatment-edit h1 {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media (max-width: 544px) {
    .treatment-edit h1 {
        height: auto
    }
}

.treatment-edit h1 .document-label-task {
    display: block;
    line-height: inherit
}

@media (max-width: 768px) {
    .treatment-edit h1 .document-label-task {
        line-height: 24px
    }
}

.treatment-edit h1 .document-label-process-name {
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    vertical-align: top
}

@media (max-width: 544px) {
    .treatment-edit h1 .document-label-process-name {
        font-size: 14px;
        line-height: 18px;
        margin-right: 0
    }
}

.treatment-edit h1 .document-label-reference {
    font-size: 16px;
    font-weight: 700;
    color: #07c;
    vertical-align: top
}

@media (max-width: 544px) {
    .treatment-edit h1 .document-label-reference {
        font-size: 14px;
        line-height: 18px
    }
}

.treatment_class-create_treatment h2 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 12px 30px 13px;
    line-height: 38px;
    margin-top: 0;
    height: 64px
}

.treatment_class-create_treatment .wizard-guide .informations {
    padding: 0
}

.treatment_class-create_treatment .header-level5 {
    margin: 30px 30px 0
}

.treatment_class-create_treatment .action-next,
.version_group-create_treatment .action-next {
    border: 0;
    background-color: #70bf00 !important
}

.treatment_class-create_treatment .action-next:before,
.version_group-create_treatment .action-next:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #fff;
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.treatment_class-create_treatment .action-next:focus:before,
.treatment_class-create_treatment .action-next:hover:before,
.version_group-create_treatment .action-next:focus:before,
.version_group-create_treatment .action-next:hover:before {
    opacity: 0.2;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.treatment_class-create_treatment .buttons-group {
    padding: 0 20px
}

.document-main-buttons .popup-menu-handler-empty span:hover {
    border-radius: 5px
}

.section {
    background-color: #fff;
    margin: 10px 0 0px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

@media (max-width: 768px) {
    .section {
        margin-top: 0
    }
}

.section.section-highlighted,
.section.section-highlighted .section.section-highlighted {
    border: 0;
    border-left: 4px solid #eb003b
}

.dyntable-form .section.section-highlighted,
.dyntable-form .section.section-highlighted .section.section-highlighted {
    border: 0
}

.section .section .section>h2 {
    margin-left: 10px
}

.section .section .section .section>h2 {
    margin-left: 20px
}

.section,
.section .section {
    border: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.section.subsection-highlighted,
.section.subsection,
.section.vui-section,
.wizard-form .section,
.dyntable-form .section,
.middle-office .section,
.section .section.subsection-highlighted,
.section .section.subsection,
.section .section.vui-section,
.wizard-form .section .section,
.dyntable-form .section .section,
.middle-office .section .section {
    box-shadow: none
}

.section h2 span,
.section .section h2 span,
.section.section-highlighted h2 span,
.section.section-highlighted .section.section-highlighted h2 span {
    font-size: 27px;
    font-weight: 900;
    color: #4d4d4d;
    padding-left: 30px
}

.section h2,
.subsection h2,
.section-highlighted h2,
.subsection-highlighted h2 {
    margin: 0;
    font-size: inherit
}

.section h2,
.section-highlighted h2 {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    font-size: 28px;
    padding: 5px 50px 5px 20px
}

.dyntable-form .section h2,
.dyntable-form .section-highlighted h2 {
    border: 0
}

.middle-office .section h2,
.middle-office .section-highlighted h2 {
    border-bottom: 5px solid #e6e6e6;
    background-color: transparent
}

.middle-office .vui-section-expanded.section h2,
.middle-office .vui-section-collapsed.section h2 .middle-office .fields-area .vui-section-expanded h2 span,
.middle-office .fields-area .vui-section-collapsed h2 span {
    cursor: pointer
}

.middle-office .vui-section-expanded.section h2,
.middle-office .vui-section-collapsed.section h2 {
    padding-left: 0
}

.middle-office .fields-area .vui-section-expanded h2 span,
.middle-office .fields-area .vui-section-collapsed h2 span {
    padding-left: 20px
}

.middle-office .vui-section-expanded H2 SPAN,
.middle-office .vui-section-collapsed H2 SPAN {
    background-position-x: 0
}

.section.vui-section h2 {
    border-bottom: 0
}

.section.vui-section H2 SPAN.vui-info-handler {
    padding: 0 5px 0 5px;
    background: transparent
}

.section H2 SPAN,
.subsection H2 SPAN,
.section-highlighted H2 SPAN,
.subsection-highlighted H2 SPAN {
    background-color: transparent;
    padding: 0
}

.section.vui-section-expanded h2 span,
.section.vui-section-collapsed h2 span {
    padding-left: 25px
}

.activity-transition .section.vui-section-expanded h2 span {
    background: none;
    padding-left: 0
}

.section .section.subsection {
    margin: 0;
    border: 0;
    box-shadow: none
}

@media (max-width: 768px) {
    .section .section.subsection {
        margin-top: 15px
    }
}

.section .section,
.section-highlighted .section {
    border: 0;
    margin: 30px 0
}

.middle-office .section .section,
.middle-office .section-highlighted .section {
    box-shadow: none
}

.section .section.section h2,
.section .section-highlighted .section.section h2 {
    border: 0;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 5px solid #e6e6e6;
    background-color: transparent;
    font-size: 20px;
    padding-left: 0
}

.section .section.section h2>span,
.section .section-highlighted .section.section h2>span {
    padding-left: 0;
    font-size: 20px
}

.section .section.section h2 span,
.section-highlighted .section.section h2 span,
.section.subsection h2 span {
    font-weight: 900;
    color: #4d4d4d
}

.section .subsection h2,
.section .section-highlighted h2 {
    background-color: transparent;
    padding: 11px 0 10px;
    font-weight: 500
}

.section .fields-group,
.subsection .fields-group,
.section-highlighted .fields-group,
.subsection-highlighted .fields-group {
    padding: 5px 22px
}

@media (max-width: 767px) {

    .section .fields-group,
    .subsection .fields-group,
    .section-highlighted .fields-group,
    .subsection-highlighted .fields-group {
        padding: 0 10px 10px
    }
}

.section .fields-group .fields-group,
.subsection .fields-group .fields-group,
.section-highlighted .fields-group .fields-group,
.subsection-highlighted .fields-group .fields-group {
    padding-left: 0;
    padding-right: 0
}

.vui-screen-form.view-filter .fields-group {
    padding: 0;
    margin: 0
}

.section .section.subsection H2,
.section-highlighted .section.subsection H2 {
    border-bottom: 5px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px
}

.section .section.subsection H2 SPAN,
.section-highlighted .section.subsection H2 SPAN {
    word-break: break-all
}

.section.document-history table {
    width: 100%
}

table.table-border {
    table-layout: fixed
}

td {
    font-family: "Source Sans Pro", helvetica, sans-serif;
    font-size: inherit
}

.cell-left {
    text-align: right
}

.cell-left label {
    margin-top: 8px;
    margin-right: 6px;
    color: #4d4d4d;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

@media (max-width: 919px) {
    .cell-left label {
        justify-content: flex-start
    }
}

@media (max-width: 544px) {
    .cell-left label {
        margin-bottom: 0 !important
    }
}

.cell-right input,
.cell-right textarea,
.cell-right select {
    color: gray
}

.treatment-edit .cell-right select {
    min-height: 38px !important;
    height: 38px
}

.cell-right input::placeholder {
    color: #cacaca
}

.cell-right input {
    color: #4d4d4d
}

label {
    color: #666;
    font-weight: normal
}

.vui-combobox,
.vui-combobox-multi {
    background: inherit;
    height: 40px;
    padding-left: 0;
    border-radius: 0 5px 5px 0;
    margin-bottom: 0;
    font-size: 0
}

.vui-combobox input,
.vui-combobox-multi input {
    border: 1px solid #ccc;
    border-radius: 0
}

.vui-combobox input:focus,
.vui-combobox-multi input:focus {
    outline: 2px solid #007bc2
}

.vui-combobox input,
.vui-combobox-multi input {
    padding: 0 5px
}

.vui-combobox-actions * {
    vertical-align: top
}

.vui-combobox .vui-combobox-opener,
.vui-combobox-multi .vui-combobox-opener,
.vui-selector-field .vui-combobox-opener {
    background-color: #f2f2f2;
    background-image: none;
    height: 40px;
    width: 40px;
    border: 1px solid #ccc;
    border-left: 0;
    transition: background-color ease-out 0.15s;
    position: absolute;
    z-index: 1;
    vertical-align: top !important;
    border-radius: 0 5px 5px 0
}

.vui-combobox .vui-combobox-opener:hover,
.vui-combobox-multi .vui-combobox-opener:hover,
.vui-selector-field .vui-combobox-opener:hover {
    background-color: #fff
}

.vui-combobox .vui-combobox-opener:hover,
.vui-combobox-multi .vui-combobox-opener:hover,
.vui-selector-field .vui-combobox-opener:hover {
    background-image: none;
    height: 40px;
    width: 40px
}

td[width="75%"] .vui-combobox,
td[width="75%"] .vui-combobox-multi,
td[width="75%"] .vui-selector-field {
    width: 50%
}

@media (max-width: 544px) {

    td[width="75%"] .vui-combobox,
    td[width="75%"] .vui-combobox-multi,
    td[width="75%"] .vui-selector-field {
        width: 100%
    }
}

.vui-combobox,
.vui-combobox-multi,
.vui-selector-field {
    position: relative;
    width: 100%
}

.vui-combobox input,
.vui-combobox-multi input,
.vui-selector-field input {
    min-height: 40px !important
}

.vui-combobox.vui-combobox-small,
.vui-combobox-multi.vui-combobox-small,
.vui-selector-field.vui-combobox-small {
    width: 80%
}

.vui-combobox.vui-combobox-medium,
.vui-combobox-multi.vui-combobox-medium,
.vui-selector-field.vui-combobox-medium {
    width: 90%
}

.vui-combobox.vui-combobox-large,
.vui-combobox-multi.vui-combobox-large,
.vui-selector-field.vui-combobox-large {
    width: 100%
}

.vui-selector-field input,
.vui-combobox.vui-combobox-single input,
.vui-combobox-multi input {
    width: calc(100% - 37px) !important;
    position: relative;
    z-index: +25
}

.vui-combobox:after,
.vui-combobox-multi:after,
.vui-selector-field:after {
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 24px;
    z-index: +1
}

.vui-combobox-no-item,
.vui-combobox-menu-browse .vui-combobox-item {
    padding: 5px 8px;
    font-size: 14px
}

.vui-combobox-menu-browse .vui-combobox-item {
    padding: 10px 8px;
    font-size: 14px
}

.vui-combobox-value .vui-combobox-item {
    font-size: 14px
}

.vui-combobox-items UL LI LABEL {
    font-size: 14px;
    font-weight: normal
}

.vui-combobox-items UL LI.ariaSelected LABEL {
    color: #fff
}

@media (max-width: 544px) {
    .vui-combobox-items {
        width: calc(100% - 20px);
        min-width: auto !important
    }
}

.vui-selector-view .detail .title H4 {
    font-size: 14px;
    color: #4d4d4d
}

.vui-selector-view .detail .date,
.vui-selector-view .detail .author,
.vui-selector-view .detail .properties,
.vui-selector-view .detail .extended-properties,
.vui-selector-view .detail .property,
.vui-selector-view .detail .path {
    font-size: 12px;
    color: gray
}

.vui-selector-field .vui-delete {
    margin-top: -6px
}

.vui-selector .button-area {
    padding: 10px 0
}

.buttons-group {
    padding: 0
}

.buttons-group button {
    margin: 0 0 0 5px
}

.wizard-form .buttons-group button {
    margin: 0 0 0 10px
}

.fixed-buttons .buttons-group {
    padding: 10px 0
}

.vui-screen-form .form-area .fields-group>table {
    width: 100%
}

.vui-screen-form.security-add .form-area .fields-group>table {
    width: inherit
}

.form-area button {
    font-size: 16px;
    min-width: 36px
}

.form-area .view-area {
    border: 0
}

@media (max-width: 544px) {
    .form-area .view-area {
        padding: 0
    }
}

.radiogroup.vertical {
    margin-top: 8px
}

.form-area .view-area.vui-selector-view {
    border-left: 4px solid #e0e0e0
}

.form-area .view-area.vui-selector-view .view-header.view-has-actions .view-selection .handler-selectall input[type="checkbox"]+label {
    margin-right: 12px
}

.form-area .view-area.vui-selector-view .list-view .detail .detail-main .actions {
    padding-right: 10px
}

.form-area .view-area.vui-selector-view .list-view .detail .detail-main .title {
    vertical-align: middle
}

.fields-group TD {
    padding: 8px 10px;
    vertical-align: top
}

@media (max-width: 544px) {
    .fields-group TD {
        padding: 5px
    }
}

.fields-group TD td.entry-inline {
    padding: 0
}

.fields-group TD.cell-left {
    font-size: 16px;
    font-weight: normal;
    padding-right: 5px
}

.fields-group TD.cell-right {
    font-size: 16px;
    font-weight: normal;
    color: #4d4d4d;
    vertical-align: top;
    word-break: break-all;
    overflow-wrap: break-word
}

.fields-group input:not([type='checkbox']),
.fields-group input:not([type='radio']),
.fields-group textarea {
    min-height: 40px !important;
    margin-bottom: 5px
}

.fields-group select[data-vdp-sysname="ListeDeroulante"] {
    height: 38px
}

.fields-group select[multiple] {
    resize: both
}

textarea {
    padding: 6px 12px
}

.textarea-default {
    height: inherit
}

.vui-info-handler {
    vertical-align: text-bottom
}

.vui-file-upload .files .detail H4 {
    font-size: 18px
}

.vui-file-upload .list-view .line {
    word-break: break-all
}

.vui-file-upload-readonly {
    word-break: break-all
}

.vui-context-message {
    border-radius: 5px;
    margin-top: 0;
    margin-left: -29px
}

.vui-context-message label {
    font-size: 14px
}

.vui-context-info {
    border: 0;
    background-color: #4d4d4d !important;
    color: #fff
}

.vui-context-info .vui-arrow-bottom {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 13px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #4d4d4d transparent;
    background: none;
    display: block;
    width: 0
}

.vui-context-info .vui-arrow-top {
    content: "";
    position: absolute;
    left: 13px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #4d4d4d transparent;
    background: none;
    display: block;
    width: 0;
    top: -10px
}

.vui-context-info label,
.vui-context-error label {
    color: #fff
}

.vui-context-error {
    border: 0;
    background-color: #eb003b !important;
    color: #fff;
    z-index: 9070
}

.vui-context-error .vui-arrow-bottom {
    content: "";
    position: absolute;
    left: 13px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #eb003b transparent;
    background: none;
    display: block;
    width: 0;
    bottom: -10px
}

.vui-context-error .vui-arrow-top {
    content: "";
    position: absolute;
    left: 13px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #eb003b transparent;
    background: none;
    display: block;
    width: 0;
    top: -10px
}

.action-summary {
    padding: 15px 20px 15px;
    background: #f7f7f7;
    margin-bottom: 0;
    margin-top: 20px
}

.list-view .detail .title H4 {
    word-break: break-word
}

.vui-selector .location {
    height: auto
}

.vui-selector .location .streamline {
    height: 46px;
    display: block
}

.vui-selector .location .streamline .streamline-entry:last-child:after {
    display: none
}

@media (max-width: 919px) {
    .subsection .fields-group {
        padding: 0 0 20px
    }

    .fields-group td {
        display: block;
        width: 100%
    }

    .cell-left {
        text-align: left
    }
}

.browser tr {
    display: flex
}

.browser tr td {
    padding: 2px 4px 2px 0px
}

@media (max-width: 544px) {

    input[type="checkbox"],
    input[type="radio"] {
        width: auto
    }

    textarea {
        width: 100%
    }

    .fields-group TD {
        width: 100%
    }

    .vui-combobox-medium .vui-combobox-offset {
        width: 87.5%
    }

    .vui-combobox,
    .vui-combobox-multi {
        width: 100%
    }

    .vui-selector-field .vui-combobox-opener {
        float: right
    }

    .container-fluid .treatment-edit {
        margin-left: 0
    }

    .fck-editor-container {
        min-height: 402px
    }

    .cke {
        width: 100%
    }

    .date-field input {
        width: 66%
    }
}

@media (max-width: 320px) {
    .vui-combobox-medium .vui-combobox-offset {
        width: 76%
    }
}

@media (max-width: 375px) {
    .vui-combobox-medium .vui-combobox-offset {
        width: 77%
    }

    .vui-combobox-medium input {
        width: 83%
    }
}

input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
    position: relative;
    display: block;
    padding-left: 30px;
    line-height: 23px;
    cursor: pointer;
    word-wrap: break-word
}

.security-add input[type="radio"]+label,
.security-add input[type="radio"]+.reversed-radio {
    width: inherit
}

input[type="radio"]+.reversed-radio {
    display: initial
}

.color-item input[type="radio"]+label {
    width: inherit;
    font-size: 0
}

.table-view input[type="radio"]+label,
.table-view input[type="radio"]+.reversed-radio {
    height: 20px
}

input[type="radio"]+label:before,
input[type="radio"]+.reversed-radio:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #b3b3b3
}

input[type="radio"]+label:before,
input[type="radio"]+.single-checkbox:before,
input[type="checkbox"]+label:before,
input[type="checkbox"]+.single-checkbox:before,
input[type="checkbox"]+.reversed-checkbox:before,
input[type="radio"]+.reversed-radio:before {
    box-shadow: 0 0 rgba(204, 204, 204, 0);
    transition: all 0.2s linear
}

.middle-office div[style="width:100%;text-align:center"] input[type="radio"]+label:before,
.middle-office div[style="width:100%;text-align:center"] input[type="radio"]+.single-checkbox:before,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]+label:before,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]+.single-checkbox:before,
.middle-office div[style="width:100%;text-align:center"] input[type="checkbox"]+.reversed-checkbox:before,
.middle-office div[style="width:100%;text-align:center"] input[type="radio"]+.reversed-radio:before {
    left: 7px
}

input[type="radio"]:focus+label:before,
input[type="radio"]+label:hover:before,
input[type="radio"]:focus+.reversed-radio:before,
input[type="radio"]+.reversed-radio:hover:before {
    border: 3px solid #07c;
    box-shadow: none;
    transition: all 0.1s linear
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked:focus+label:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked:focus+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
    background-color: #07c
}

input[type="radio"]:disabled+label:hover:before,
input[type="radio"]:disabled+.reversed-radio:hover:before {
    border: 1px solid #b3b3b3;
    box-shadow: none
}

input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.4s ease-out
}

.table-view input[type="radio"]+label {
    margin: 0
}

.table-view input[type="radio"]+label:before,
.table-view input[type="radio"]+.reversed-radio:before {
    left: calc(50% - 10px)
}

.table-view input[type="radio"]+label:after,
.table-view input[type="radio"]+.reversed-radio:after {
    left: calc(50% - 5px)
}

.checkboxgroup TABLE,
.radiogroup TABLE {
    display: inherit
}

.table-view>table>tbody>tr>td.has-title>.radiogroup>table>tbody>tr>td.entry-inline>input+label:after,
.table-view>table>tbody>tr>td.has-title>.radiogroup>table>tbody>tr>td.entry-inline>input+label:after,
.table-view>table>tbody>tr>td.has-title>.radiogroup>table>tbody>tr>td.entry-inline>input+.reversed-radio:after,
.table-view>table>tbody>tr>td.has-title>.radiogroup>table>tbody>tr>td.entry-inline>input+.reversed-radio:before {
    left: inherit
}

input[type="radio"]:checked+label,
input[type="radio"]:checked+.reversed-radio {
    pointer-events: none;
    word-wrap: break-word
}

input[type="radio"]:checked+label:after,
input[type="radio"]:checked+label:focus:after,
input[type="radio"]:checked+label:hover:after,
input[type="radio"]:checked+.reversed-radio:after,
input[type="radio"]:checked+.reversed-radio:focus:after,
input[type="radio"]:checked+.reversed-radio:hover:after {
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.9, -2.5, 0.9, 0.15);
    background-color: #07c
}

input[type="radio"]+label:before,
input[type="radio"]+label:after,
input[type="radio"]+.reversed-radio:before,
input[type="radio"]+.reversed-radio:after {
    margin-top: 1px
}

input[type="radio"]:disabled+label,
input[type="radio"]:disabled+.reversed-radio {
    opacity: 0.7;
    cursor: default
}

input[type="radio"]:disabled+label::after,
input[type="radio"]:disabled+.reversed-radio::after {
    display: none
}

.crop-title {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 25px
}

.crop-buttons li {
    display: inline-block;
    margin-bottom: 25px;
    margin-left: 15px
}

.crop-area {
    position: relative;
    max-width: 80%;
    margin: 0 auto
}

.button-area.document-top-buttons .buttons-group:empty,
.button-area.document-top-buttons .buttons-group:empty,
.button-area.document-top-buttons:empty,
.button-area.document-top-buttons:empty {
    display: none
}

.button-area.document-top-buttons .buttons-group UL {
    text-align: left
}

.lightbox-content .child-resource-edit .mandatory:after {
    position: absolute
}

.lightbox-content .child-resource-edit input[type="radio"]+label {
    width: auto;
    padding-right: 10px;
    pointer-events: auto
}

.lightbox-content .child-resource-edit .fields-group td td.entry-inline {
    display: inline-block
}

.lightbox-content .child-resource-edit .fields-group .cell-right {
    height: 100%;
    vertical-align: top
}

.lightbox-content .child-resource-edit .fields-group .cell-right>table {
    height: 100% !important
}

.lightbox-content .child-resource-edit .fields-group .cell-left {
    background-color: #f7f7f7;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    text-align: left
}

.lightbox-content .child-resource-edit .fields-group .cell-left label {
    font-weight: 600;
    align-items: flex-start;
    justify-content: flex-end
}

@media (max-width: 768px) {
    .lightbox-content .child-resource-edit .fields-group .cell-left label {
        justify-content: flex-start
    }
}

.lightbox-content .child-resource-edit .dyntable-form .fields-group .cell-left {
    background-color: transparent;
    text-align: right
}

@media (max-width: 767px) {
    .lightbox-content .child-resource-edit .dyntable-form .fields-group .cell-left {
        text-align: left
    }
}

@media (max-width: 767px) {

    .lightbox-content .child-resource-edit .dyntable-form .fields-group .cell-left .cell-left,
    .lightbox-content .child-resource-edit .dyntable-form .fields-group .cell-left .cell-right {
        padding: 0
    }
}

.treatment-edit .button1.action-buttonShow,
.treatment-edit .button1.action-buttonErase {
    border: 0
}

.child-resource-edit .lightbox-panel .dyntable-form .fields-group select {
    width: 100%
}

.child-resource-edit .lightbox-panel .dyntable-form .fields-group .time-field select {
    width: inherit
}

.activity-transition .lightbox-panel .fields-group td.cell-right {
    text-align: left
}

.fields-group .table input[type=checkbox] {
    min-height: 0 !important
}

.fields-group .table input.vui-combobox-input-autocomplete {
    background-color: #fff
}

.fields-group .table .button1.action-add {
    height: 35px;
    line-height: 10px;
    border: 1px solid #000;
    background-color: #f2f2f2;
    position: relative;
    width: auto;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background-image: none !important;
    color: #4d4d4d;
    overflow: hidden;
    transition: all ease-out 0.1s;
    padding: 10px 10px;
    text-decoration: none;
    font-weight: 700
}

.fields-group .table .button1.action-add:hover {
    border: 1px solid #cacaca;
    background-color: #fff;
    color: #4d4d4d
}

.fields-group .table .button1.action-add:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.fields-group .table .button1.action-add:hover:before {
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.fields-group .table .files input {
    background-color: #fff
}

.fields-group .table-view .table .files a.buttonlike {
    height: 35px;
    line-height: 10px;
    border: 1px solid #e0e0e0;
    background-color: #f2f2f2;
    position: relative;
    width: auto;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background-image: none !important;
    color: #4d4d4d;
    overflow: hidden;
    transition: all ease-out 0.1s;
    padding: 10px 10px;
    text-decoration: none;
    font-weight: 700
}

.fields-group .table-view .table .files a.buttonlike:hover {
    border: 1px solid #cacaca;
    background-color: #fff;
    color: #4d4d4d
}

.fields-group .table-view .table .files a.buttonlike:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.fields-group .table-view .table .files a.buttonlike:hover:before {
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.treatment_class-create_treatment .fields-area,
.version_group-create_treatment .fields-area {
    margin: 30px;
    padding: 20px 22px 20px;
    margin-top: 50px;
    background-color: #fff;
    border-left: 4px solid #e0e0e0
}

@media (max-width: 767px) {

    .treatment_class-create_treatment .fields-area,
    .version_group-create_treatment .fields-area {
        margin: 0
    }
}

.treatment_class-create_treatment .fields-area .cell-left,
.version_group-create_treatment .fields-area .cell-left {
    padding: 5px 10px;
    vertical-align: middle
}

.treatment_class-create_treatment .fields-area .cell-left .mandatory,
.version_group-create_treatment .fields-area .cell-left .mandatory {
    margin-top: 7px
}

.treatment_class-create_treatment .fields-area .cell-right,
.version_group-create_treatment .fields-area .cell-right {
    padding: 5px 10px;
    vertical-align: top
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-area,
.version_group-create_treatment.vui-screen-wizard .wizard-area {
    margin-left: 30px
}

@media (max-width: 767px) {

    .treatment_class-create_treatment.vui-screen-wizard .wizard-area,
    .version_group-create_treatment.vui-screen-wizard .wizard-area {
        margin-left: 0
    }
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-area .buttons-group ul,
.version_group-create_treatment.vui-screen-wizard .wizard-area .buttons-group ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-guide .informations,
.version_group-create_treatment.vui-screen-wizard .wizard-guide .informations {
    padding: 0 30px
}

@media (max-width: 767px) {

    .treatment_class-create_treatment.vui-screen-wizard .wizard-guide .informations,
    .version_group-create_treatment.vui-screen-wizard .wizard-guide .informations {
        padding: 0 15px
    }
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-guide .informations h2,
.version_group-create_treatment.vui-screen-wizard .wizard-guide .informations h2 {
    padding: 12px 0 13px;
    border-bottom: 5px solid #e0e0e0
}

@media (max-width: 767px) {

    .treatment_class-create_treatment.vui-screen-wizard .wizard-guide .informations h2,
    .version_group-create_treatment.vui-screen-wizard .wizard-guide .informations h2 {
        height: auto;
        line-height: 24px;
        font-size: 18px
    }
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area,
.version_group-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area {
    margin-top: 0;
    border-left: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.treatment_class-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area+.button-area,
.version_group-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area+.button-area {
    padding-bottom: 30px
}

.version_group-create_treatment.vui-screen-wizard .wizard-area {
    margin-left: 0
}

.version_group-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area+.button-area {
    padding: 15px
}

.version_group-create_treatment.vui-screen-wizard .wizard-form .form-area .fields-area+.button-area .buttons-group {
    padding-bottom: 0
}

.datetime-field .date-field {
    white-space: nowrap
}

@media (max-width: 768px) {
    .datetime-field .date-field {
        display: block;
        margin-bottom: 5px
    }
}

.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline {
    text-align: left
}

.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline input[type="radio"]+label,
.treatment-edit .section.section-highlighted .fields-group .table-border>tbody>tr:nth-child(2) .fields-group .entry-inline input[type="radio"]:disabled+.reversed-radio {
    width: 180px
}

.treatment-edit .section.subsection .fields-group .table-border>tbody td.cell-left .mandatory {
    display: block
}

input[type="radio"]:checked:disabled+label:after,
input[type="radio"]:checked:disabled+.reversed-radio:after {
    transform: scale(0.6);
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear;
    display: block;
    background-color: #4d4d4d
}

.treatment-edit .vui-file-upload .files {
    padding: 0;
    border: 0
}

.treatment-edit .vui-file-upload .files>input[type="file"] {
    padding: 10px;
    background: #f2f2f2;
    border: 0;
    margin-bottom: 5px;
    min-height: inherit !important;
    height: auto
}

.treatment-edit .vui-file-upload .files>input[type="file"]:focus {
    border: 0
}

@media (max-width: 544px) {
    .vui-file-upload .files {
        overflow: hidden
    }
}

.treatment-edit .fields-group td.cell-left:not(:empty)+td.cell-right:empty:before,
.treatment-edit .fields-group td.cell-left:not(:empty)+td.cell-right .readonly-field:empty:before {
    content: "-"
}

.cell-right ul {
    margin: 0;
    padding: 0
}

.entry-inline>label:first-child {
    cursor: pointer;
    display: inline-block;
    padding-right: 10px
}

.readonly-field .entry-inline>label:first-child {
    cursor: default;
    opacity: 0.7
}

label:hover+input[type="radio"]:disabled+label.reversed-radio:before {
    border-color: #b3b3b3
}

.entry-inline>label:first-child:hover~.reversed-radio:before {
    border: 3px solid #07c;
    box-shadow: none;
    transition: all 0.1s linear
}

.entry-inline>label:first-child:hover~.reversed-checkbox:before {
    border: 3px solid #70bf00;
    box-shadow: none;
    transition: all 0.1s linear
}

.view-header span.filter-value {
    line-height: 24px
}

.handler-filter-screen .filter-value .datetime-field {
    vertical-align: top
}

.radiogroup>table>tbody>tr,
.checkboxgroup>table>tbody>tr {
    display: inline-block
}

.treatment-edit .radiogroup>table>tbody {
    font-size: 0
}

.treatment-edit .radiogroup>table>tbody>* {
    font-size: 16px
}

.treatment-edit input[type="radio"]+label,
input[type="radio"]+.reversed-radio {
    width: auto;
    margin-right: 30px !important;
    pointer-events: auto
}

.treatment-edit input[type="checkbox"]+label,
input[type="checkbox"]+.reversed-radio {
    width: auto;
    margin-right: 30px;
    pointer-events: auto
}

.middle-office .vui-file-upload .files {
    border: 0
}

.middle-office .button1.action-exportDynamicStringButton.buttonlike {
    padding-left: 40px;
    border: 0;
    background-color: #e6e6e6
}

.middle-office .button1.action-exportDynamicStringButton.buttonlike:after {
    content: "\e990";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #4d4d4d;
    top: 5px;
    left: 10px
}

.middle-office .button1.action-importDynamicStringButton.buttonlike {
    margin-top: 10px;
    padding-left: 40px;
    border: 0;
    background-color: #e6e6e6
}

.middle-office .button1.action-importDynamicStringButton.buttonlike:after {
    content: "\e98f";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #4d4d4d;
    top: 5px;
    left: 10px
}

.middle-office .form-area:not(.fixed-buttons) .button-area.document-top-buttons button {
    background-color: #F2F2F2
}

.vui-file-upload .dropfiles-helper {
    display: inline-block
}

.fileUpload-view>.view-area {
    padding: 0
}

.fileUpload-view>.view-area>.informations[style="display:none"]+.view-header {
    padding: 0
}

.list-view .vertical>table>tbody>tr>td {
    padding: 0
}

.treatment-edit .detail-main .title,
.middle-office .detail-main .title {
    padding: 0
}

.treatment-edit .detail-main .title a,
.middle-office .detail-main .title a {
    border-bottom: 0
}

.treatment-edit .detail-main .title a:focus,
.middle-office .detail-main .title a:focus {
    outline: 1px dotted #4d4d4d;
    outline-offset: 2px
}

.treatment-edit .detail-main .title a h4,
.treatment-edit .detail-main .title a p,
.middle-office .detail-main .title a h4,
.middle-office .detail-main .title a p {
    font-weight: normal;
    text-decoration: none
}

.treatment-edit .detail-main .title a p.description,
.middle-office .detail-main .title a p.description {
    padding-bottom: 4px;
    display: inline-block;
    padding-left: 4px
}

.view-header>div:empty {
    display: none
}

.view-header:empty {
    display: none
}

.document-label-reference {
    margin-right: 30px
}

.document-label-parent-information {
    font-size: 16px
}

@media (max-width: 544px) {
    .document-label-parent-information {
        line-height: 18px;
        display: inherit
    }
}

.document-label-parent-information .parent-workflow-label+a {
    border-bottom: 0
}

.document-label-parent-information .parent-workflow-label+a:hover,
.document-label-parent-information .parent-workflow-label+a:focus {
    border-bottom: 1px dotted #07c
}

@media (max-width: 544px) {
    .document-label-parent-information .parent-workflow-label+a {
        font-size: 14px;
        line-height: 18px;
        display: inline-block
    }
}

.document-label-parent-information>* {
    vertical-align: top
}

.document-label-parent-information .parent-workflow-label {
    font-weight: bold;
    margin-right: 10px;
    margin-left: 5px
}

@media (max-width: 544px) {
    .document-label-parent-information .parent-workflow-label {
        font-size: 14px;
        line-height: 18px;
        display: inline-block
    }
}

.document-label-parent-information a {
    font-weight: bold
}

.document-label-parent-information-text {
    padding-left: 18px;
    position: relative
}

@media (max-width: 544px) {
    .document-label-parent-information-text {
        line-height: 18px;
        display: inline-block
    }
}

.document-label-parent-information-text:before {
    content: "\e964";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #4d4d4d;
    position: absolute;
    top: -8px;
    left: 0
}

@media (max-width: 544px) {
    .document-label-parent-information-text:before {
        top: 0
    }
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset {
    left: 0
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross:focus,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset:focus {
    z-index: +5
}

.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross:focus+img:hover,
.document-delegate .vui-combobox.vui-combobox-single.vui-selector-field.vui-combobox-medium .vui-combobox-input-autocomplete.removeIECross.vui-combobox-offset:focus+img:hover {
    z-index: 1;
    border-left: 0
}

@media (max-width: 768px) {
    .container-fluid .default-template-container .empty-navigation .treatment-edit form {
        margin: 0
    }
}

.lightbox-panel .wizard-area {
    padding: 0
}

.lightbox-panel .wizard-area .wizard-guide {
    padding: 0 30px
}

.lightbox-panel .wizard-area .wizard-form .fields-area {
    padding: 0 30px
}

.lightbox-panel .wizard-area .wizard-form .fields-area h1 {
    font-size: 24px
}

.lightbox-panel .wizard-area .wizard-form .fields-area>div>.fields-group>table {
    width: 100%
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area {
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 15px
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group {
    padding: 0
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next {
    background-color: #70bf00;
    border: 0;
    position: relative;
    height: 40px;
    margin-left: 0
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus:before,
.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover:before {
    opacity: 0.2;
    transition: transform 0.2s ease-out, opacity 0.05s linear
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:hover,
.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-next:focus {
    background: #70bf00;
    border: 0
}

.lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul li.last .action-cancel {
    margin-top: 0;
    margin-right: 15px
}

.document-remind .lightbox-panel .wizard-area .wizard-form .fields-area>h1 {
    position: relative;
    padding: 8px 20px 8px 35px;
    display: inline-block;
    max-width: 760px;
    margin-bottom: 1rem;
    border-radius: 10px;
    font-size: 16px;
    background-color: rgba(0, 126, 217, 0.1)
}

.document-remind .lightbox-panel .wizard-area .wizard-form .fields-area>h1:before {
    content: "\e903";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #07c;
    top: 2px;
    left: 7px
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-group .cell-left {
    width: auto;
    text-align: right;
    vertical-align: top
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-group .cell-left>label {
    margin-top: 0
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-group .cell-right {
    text-align: left
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .mandatory {
    color: #4d4d4d
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul {
    display: flex;
    justify-content: right
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first {
    float: none;
    order: 2
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first .action-previous {
    margin-right: 15px
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li {
    order: 3
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group>ul>li.first+li+li.last {
    order: 1
}

.workplaceUploadAvatar-modify .lightbox-panel .wizard-area .wizard-form .fields-area+.button-area .buttons-group button {
    height: 40px
}

@media (max-width: 544px) {
    .left-document-main-buttons .popup-menu-handler.handler-workflow-more-actions-menu.popup-menu-handler-single {
        width: 36px;
        padding: 0
    }

    .left-document-main-buttons .popup-menu-handler.handler-workflow-more-actions-menu.popup-menu-handler-single:after {
        left: 5px
    }
}

.vui-screen-wizard.treatment_class-create_treatment .wizard-form .fields-group .celle-right input:not([type="checkbox"]),
.fields-group input:not([type="radio"]) {
    margin: 0
}

.checkboxgroup TABLE,
.radiogroup TABLE {
    display: block
}

.radiogroup.vertical>table>tbody>tr,
.checkboxgroup.vertical>table>tbody>tr {
    display: block
}

.radiogroup.horizontal,
.checkboxgroup.horizontal {
    padding-top: 7px
}

.radiogroup.horizontal>table>tbody>tr,
.checkboxgroup.horizontal>table>tbody>tr {
    display: inline-block
}

.files.dropfiles {
    background-color: rgba(0, 126, 217, 0.15)
}

.screen.vui-screen-resource.resource-edit .cell-right select+input {
    margin-bottom: 5px
}

.screen.empty-navigation .wizard-area {
    background-color: #fff
}

.screen.empty-navigation .wizard-area .informations h2 {
    box-shadow: none
}

.screen.empty-navigation .wizard-area .informations h2+span {
    position: relative;
    display: flex;
    align-items: center
}

.screen.empty-navigation .wizard-area .informations h2+span:before {
    content: "\e903";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #07c;
    font-size: 24px;
    margin-right: 10px
}

.screen.empty-navigation .wizard-area .fields-area>h3 {
    position: relative;
    padding-left: 40px;
    margin-left: 0
}

.screen.empty-navigation .wizard-area .fields-area>h3:before {
    content: "\e903";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #07c;
    font-size: 24px;
    position: absolute;
    top: -2px;
    left: 8px
}

.readonly-field strong {
    font-weight: normal
}

.screen.empty-navigation .wizard-area .wizard-form .fields-area .fields-group {
    padding: 20px 22px 20px;
    margin-top: 20px;
    border-left: 4px solid #e0e0e0
}

.screen.empty-navigation .wizard-area .wizard-form .fields-area .fields-group .mandatory {
    position: relative;
    margin-top: 0
}

.radiogroup.vertical>table>tbody>tr>td.entry-inline,
.checkboxgroup.vertical>table>tbody>tr>td.entry-inline {
    padding: 11px 0
}

.radiogroup.vertical>table>tbody>tr:first-child>td.entry-inline,
.checkboxgroup.vertical>table>tbody>tr:first-child>td.entry-inline {
    padding-top: 0
}

.checkboxgroup.vertical {
    margin-top: 10px
}

@media (max-width: 768px) {
    .lightbox-content .checkboxgroup.vertical {
        margin-top: 0
    }
}

@media (max-width: 1199px) {
    #sys-main-content>.screen.empty-navigation>.treatment-edit {
        padding: 0
    }
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li a:before {
    color: transparent
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li a {
    padding-left: 40px
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li a:after {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4d4d4d;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 24px
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-header a:after {
    content: "\e92e";
    transform: scaleY(-1)
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-history a:after {
    content: "\e958";
    font-size: 29px;
    left: 3px
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-saveandclose a:after {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    text-indent: 2px;
    font-size: 16px;
    padding: 0;
    border-radius: 4px;
    background-color: #4d4d4d;
    top: 10px;
    left: 6px
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-saveandclose a>span:before {
    position: absolute;
    content: "\e934";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;
    top: -1px;
    left: -31px
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.go-to-highlighted-popup-menu a:after {
    content: "\e93d";
    transform: rotate(90deg)
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-abort a:after {
    content: "\e964"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-save a:after {
    content: "\e934"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-close a:after {
    content: "\e925"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-sendinformationmail a:after {
    content: "\e928"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-historization a:after {
    content: "\e0ff"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-print a:after {
    content: "\e935"
}

.popup-menu.handler-workflow-more-actions-menu-menu ul li.action-help a:after {
    content: "\e917"
}

.radiogroup.vertical>table>tbody>tr>td.entry-inline,
.checkboxgroup.vertical>table>tbody>tr>td.entry-inline {
    min-width: 250px
}

.root .treeRoot {
    background-image: none;
    position: relative
}

.root .treeRoot:before {
    content: "\e93a";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #eb003b;
    top: 3px;
    left: 0
}

span.treeVDocProcessApplications {
    background-image: none;
    position: relative
}

span.treeVDocProcessApplications:before {
    content: "\e9e9";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #5c5fff;
    top: 3px;
    left: 0
}

span.treeProcessApplication {
    background-image: none;
    position: relative
}

span.treeProcessApplication:before {
    content: "\e9ea";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #00acaf;
    top: 3px;
    left: 0
}

span.treeProcess {
    background-image: none;
    position: relative
}

span.treeProcess:before {
    content: "\e9e6";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #b473ff;
    top: 2px;
    left: 0
}

span.treeProcessVersion {
    background-image: none;
    position: relative
}

span.treeProcessVersion:before {
    content: "\e9e8";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #d900a3;
    top: 3px;
    left: 0
}

span.treeProcessStep {
    background-image: none;
    position: relative
}

span.treeProcessStep:before {
    content: "\e9e7";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 24px;
    color: #ff7b00;
    top: 3px;
    left: 0
}

.treeNodeCollapsed:before {
    content: "+"
}

.treeNodeExpanded:before {
    content: "-"
}

.fields-group .action-history td.cell-left {
    font-weight: 700
}

.vui-file-upload.readonly-field {
    display: block
}

.readonly-field:not(.vui-file-upload) .readonly-field:not(.textarea-large-readonly) {
    pointer-events: none
}

.cell-right select[multiple="true"] {
    height: auto
}

strong.mandatory label {
    margin-right: 6px;
    margin-top: 8px;
    grid-template-columns: 1auto 6px 12px;
    gap: 0px 0px;
    grid-template-areas: ". asterisk info"
}

.vui-info-handler {
    grid-area: info
}

.mandatory-asterisk {
    grid-area: asterisk;
    font-size: 0;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #eb003b;
    position: relative;
    left: 10px
}

.cell-right ul.autocomplete-multiple-list-readonly {
    margin-top: 8px
}

.period-field-inline.readonly-field {
    margin-top: 6px
}

.period-field-inline.readonly-field .date-field {
    display: inline-flex;
    align-items: center
}

.fields-area .fields-group .action-history td.cell-left {
    padding: 0px 35px 10px 0px
}

.fields-area .fields-group .action-history td.cell-right {
    vertical-align: top;
    padding: 0px 0px 10px 0px
}

.fields-area .fields-group .action-history .readonly-field {
    margin-top: 0px
}

.fields-area .fields-group .action-history input[type="checkbox"]:disabled+.single-checkbox {
    padding-top: 6px
}

.compact .fields-area .fields-group .action-history td.cell-left {
    padding: 0px 35px 5px 0
}

.compact .fields-area .fields-group .action-history td.cell-right {
    vertical-align: top;
    padding: 0px 0px 5px 0px
}

.radiogroup.horizontal.readonly-field {
    position: inherit !important;
    margin-top: 7px;
    padding-top: 0px
}

.checkboxgroup.horizontal.readonly-field {
    position: inherit !important;
    margin-top: 0px
}

.fields-area .fields-group .action-history .checkboxgroup.horizontal {
    padding-top: 0px
}

.application-hp h1 {
    padding-bottom: 20px;
    border-bottom: 5px solid #e0e0e0;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .application-hp h1 {
        font-size: 18px;
        padding-bottom: 5px
    }
}

.application-hp .navigation-area {
    padding-top: 10px
}

.application-hp .list-view .detail {
    margin: 0 7px 10px 0
}

a.action-create+.multiservice-links,
a.action-create+.custom-multiservice-menu {
    margin-top: 30px
}

@media (max-width: 768px) {

    a.action-create+.multiservice-links,
    a.action-create+.custom-multiservice-menu {
        margin-top: 10px
    }
}

@media screen and (max-width: 1365px) {

    .multiservice-links,
    .custom-multiservice-menu {
        margin-top: 15px
    }
}

@media screen and (max-width: 544px) {

    .multiservice-links,
    .custom-multiservice-menu {
        margin-top: 0
    }
}

.multiservice-links a,
.custom-multiservice-menu a {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px;
    color: #4d4d4d;
    display: block;
    position: relative;
    margin-bottom: 2px;
    border: none;
    z-index: 2
}

@media (min-width: 768px) {

    .multiservice-links a,
    .custom-multiservice-menu a {
        font-size: 16px
    }
}

.multiservice-links a:hover,
.custom-multiservice-menu a:hover {
    opacity: 1
}

.multiservice-links a:before,
.custom-multiservice-menu a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    background-color: #e0e0e0;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    opacity: 0;
    z-index: -1
}

.multiservice-links a:hover:before,
.custom-multiservice-menu a:hover:before {
    opacity: 0.5;
    transform: scale(1)
}

.multiservice-links a:after,
.custom-multiservice-menu a:after {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 20px;
    z-index: 5;
    opacity: 0;
    transform: translateX(-5px);
    transition: transform 0.2s ease-out, opacity 0.2s linear
}

.multiservice-links a:hover:after,
.custom-multiservice-menu a:hover:after {
    transform: translateX(0);
    opacity: 0.5
}

.multiservice-links a span,
.custom-multiservice-menu a span {
    position: relative;
    z-index: 2;
    word-wrap: break-word;
    display: block;
    width: 95%
}

.multiservice-links a.active,
.custom-multiservice-menu a.active {
    font-weight: 700
}

.multiservice-links a.active:before,
.custom-multiservice-menu a.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    background-color: #e0e0e0;
    transform: scale(1);
    border-radius: 5px;
    transition: all 0.1s linear;
    opacity: 1;
    z-index: -1
}

.multiservice-links a.active:after,
.custom-multiservice-menu a.active:after {
    opacity: 1;
    transform: translateX(0)
}

.multiservice-links a.active:hover,
.custom-multiservice-menu a.active:hover {
    opacity: 1
}

.multiservice-links.active a,
.custom-multiservice-menu.active a {
    margin: 2px 0;
    border-radius: 5px;
    background-color: #999999;
    color: #fff
}

@media screen and (max-width: 544px) {
    .multiservice-links {
        margin-top: 15px
    }
}

.bottom-link-wrapper-simple {
    text-align: center;
    margin: 10px 0 -15px
}

.quick-search.template {
    display: none
}

.quicksearch-item .users-photo {
    max-width: 70px
}

.quicksearch-item .users-photo img {
    width: 100%
}

.quicksearch-item a {
    padding: 10px;
    display: block;
    transition: all ease-out 0.2s;
    border-bottom: 1px solid #ccc
}

.quicksearch-item a:focus,
.quicksearch-item a:hover {
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    outline: 0;
    box-shadow: none
}

.quicksearch-item a.searched-document .search-result-misc {
    margin: -10px 0 0 60px;
    position: inherit;
    text-align: left;
    padding: 0;
    color: #07c
}

@media (max-width: 1365px) {
    .quicksearch-item a.searched-document .search-result-misc {
        margin-left: 42px
    }
}

.quicksearch-item a.searched-document small {
    font-size: 16px
}

.quicksearch-item .searched-document .search-result-image img {
    width: auto;
    margin-top: 8px
}

.quicksearch-item .searched-document .search-result-data {
    padding-left: 0
}

.quicksearch-item.no-result span {
    display: block;
    text-align: center;
    padding: 185px 10px 10px 10px;
    background: url("../img/noelement.png") no-repeat center top
}

.quicksearch-item .search-result-inner {
    max-height: inherit;
    overflow: inherit
}

.quicksearch-item .search-result-data {
    width: calc(100% - 90px)
}

.quicksearch-item .searched-faq .search-result-data {
    width: 100%
}

.quicksearch-item .search-result-thumbnail-small+.search-result-data {
    width: calc(100% - 60px)
}

.quicksearch-item .searched-customer .search-result-data {
    padding: 0 15px
}

.quicksearch-item .searched-customer .search-result-data h2 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 5px
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data {
    font-size: 18px;
    overflow: inherit;
    max-height: inherit
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data .activity-code-customer,
.quicksearch-item .searched-customer .search-result-data .search-misc-data .activity-name-customer {
    display: none
}

.quicksearch-item .searched-customer .search-result-data .search-misc-data span {
    display: block
}

.quicksearch-item .search-result-thumbnail {
    width: 90px;
    height: auto;
    overflow: hidden
}

.quicksearch-item .search-result-thumbnail-small {
    width: 60px;
    height: auto;
    overflow: hidden
}

.quicksearch-item .search-result-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.quicksearch-item .search-result h2 {
    font-size: 18px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal
}

.quicksearch-item .search-result .search-misc-data {
    margin: 0;
    overflow: hidden;
    max-height: 42px
}

.quicksearch-item .search-result.searched-user .search-misc-data {
    margin: 0 0 0 -6px
}

.quicksearch-item .search-result.searched-news h2 {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
    background: transparent;
    display: block;
    max-height: 46.8px;
    font-size: 18px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0
}

.quicksearch-item .search-result.searched-news .search-misc-data {
    margin: 0;
    overflow: hidden;
    max-height: 42px;
    background: transparent;
    display: block;
    max-height: 46.8px;
    font-size: 18px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quicksearch-item .date-news {
    display: block;
    color: #07c
}

.screen .screen.vui-screen-sheet:not(.workplace-search, .workplace-autoexecutesearch),
.screen .screen.vui-screen-group:not(.workplace-search, .workplace-autoexecutesearch) {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.tab1 {
    height: auto
}

.screen .vui-screen-sheet:not(.workplace-search, .workplace-autoexecutesearch),
.screen .vui-screen-group:not(.workplace-search, .workplace-autoexecutesearch) {
    background-color: #fff;
    padding: 30px
}

.screen .vui-screen-sheet:not(.workplace-search, .workplace-autoexecutesearch) .tab1,
.screen .vui-screen-group:not(.workplace-search, .workplace-autoexecutesearch) .tab1 {
    margin-top: 0;
    height: auto
}

.screen .vui-screen-sheet:not(.workplace-search, .workplace-autoexecutesearch) .tab1-content,
.screen .vui-screen-group:not(.workplace-search, .workplace-autoexecutesearch) .tab1-content {
    background-color: transparent;
    padding: 0
}

.vui-screen-sheet .form-area .tab1>ul,
.vui-screen-group .form-area .tab1>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.vui-screen-sheet .form-area .tab1>ul li span.current,
.vui-screen-group .form-area .tab1>ul li span.current {
    color: #07c;
    padding: 0 10px;
    pointer-events: none;
    font-weight: normal;
    margin: 0 5px 0 0;
    min-height: 40px;
    height: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    position: relative;
    font-size: 18px;
    border-radius: 5px;
    overflow: hidden;
    padding-right: 15px;
    text-align: center;
    transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab1>ul li span.current:before,
.vui-screen-group .form-area .tab1>ul li span.current:before {
    opacity: 1;
    transform: scale(1);
    background-color: rgba(0, 126, 217, 0.15);
    height: calc(100% - 8px);
    top: 4px;
    border-radius: 5px;
    transition: all 0.1s linear;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    left: 0
}

.vui-screen-sheet .form-area .tab1>ul li span.current span,
.vui-screen-group .form-area .tab1>ul li span.current span {
    font-size: 16px;
    position: relative;
    z-index: 2;
    white-space: nowrap
}

.vui-screen-sheet .form-area .tab1>ul li a,
.vui-screen-group .form-area .tab1>ul li a {
    color: #4d4d4d;
    padding: 0 10px;
    font-weight: normal;
    margin: 0 5px 0 0;
    min-height: 40px;
    height: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    position: relative;
    font-size: 18px;
    border-radius: 5px;
    overflow: hidden;
    padding-right: 15px;
    text-align: center;
    transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab1>ul li a:before,
.vui-screen-group .form-area .tab1>ul li a:before {
    height: calc(100% - 8px);
    top: 4px;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    left: 0;
    opacity: 0
}

.vui-screen-sheet .form-area .tab1>ul li a:hover:before,
.vui-screen-group .form-area .tab1>ul li a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.vui-screen-sheet .form-area .tab1>ul li a>span,
.vui-screen-group .form-area .tab1>ul li a>span {
    font-size: 16px
}

.vui-screen-sheet .form-area .tab2>ul,
.vui-screen-group .form-area .tab2>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0
}

.vui-screen-sheet .form-area .tab2>ul li,
.vui-screen-group .form-area .tab2>ul li {
    padding: 0
}

.vui-screen-sheet .form-area .tab2>ul li span.current,
.vui-screen-group .form-area .tab2>ul li span.current {
    color: #4d4d4d;
    padding: 10px 12px;
    pointer-events: none;
    font-weight: 700;
    margin: 0 3px 3px 0;
    display: inline-flex;
    border: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab2>ul li span.current:before,
.vui-screen-group .form-area .tab2>ul li span.current:before {
    opacity: 1;
    transform: scale(1);
    background-color: rgba(0, 0, 0, 0.12);
    height: calc(100% - 8px);
    top: 4px;
    border-radius: 5px;
    transition: all 0.1s linear;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    left: 0
}

.vui-screen-sheet .form-area .tab2>ul li span.current span,
.vui-screen-group .form-area .tab2>ul li span.current span {
    font-size: 14px;
    position: relative;
    z-index: 2;
    white-space: nowrap
}

.vui-screen-sheet .form-area .tab2>ul li a,
.vui-screen-group .form-area .tab2>ul li a {
    color: #4d4d4d;
    padding: 10px 12px;
    font-weight: 700;
    margin: 0 3px 3px 0;
    display: inline-flex;
    border: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    transition: opacity 0.1s linear
}

.vui-screen-sheet .form-area .tab2>ul li a:before,
.vui-screen-group .form-area .tab2>ul li a:before {
    height: calc(100% - 8px);
    top: 4px;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    left: 0;
    opacity: 0
}

.vui-screen-sheet .form-area .tab2>ul li a:hover:before,
.vui-screen-group .form-area .tab2>ul li a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.vui-screen-sheet .form-area .tab2>ul li a>span,
.vui-screen-group .form-area .tab2>ul li a>span {
    font-size: 14px
}

.security-add .vui-collapsible-children .section {
    margin-top: 0;
    margin-bottom: 0
}

.security-add .vui-collapsible-children .section .fields-group {
    margin-top: 0
}

.security-add .vui-collapsible-children .section .fields-group td.cell-left {
    width: 25%
}

.security-add .vui-collapsible-children .section .fields-group td.cell-right {
    width: 400px;
    display: inline-block;
    float: left
}

@media (max-width: 768px) {
    .security-add .vui-collapsible-children .section .fields-group {
        padding-top: 0;
        padding-bottom: 0
    }

    .security-add .vui-collapsible-children .section .fields-group td.cell-left {
        width: inherit
    }

    .security-add .vui-collapsible-children .section .fields-group td.cell-right {
        width: 100%;
        display: initial
    }

    .security-add .vui-collapsible-children .section .fields-group td.cell-right input[type="checkbox"]+label:before,
    .security-add .vui-collapsible-children .section .fields-group td.cell-right input[type="checkbox"]+label:after {
        top: -15px
    }
}

@media (max-width: 768px) {
    .security-add .vui-collapsible-children .section .table-view .table tr {
        display: inherit
    }

    .security-add .vui-collapsible-children .section .table-view .table tr label {
        width: auto
    }
}

@media (max-width: 544px) {
    .security-add .vui-collapsible-children .section .table-view .table tr {
        display: block
    }
}

@media (max-width: 544px) {

    .security-add .vui-collapsible-children .section .table-view input[type="radio"]+label:before,
    .security-add .vui-collapsible-children .section .table-view input[type="radio"]+label:after {
        top: -20px
    }
}

.search-main .horizontal-top-tabs .informations p:before {
    content: "\e903"
}

.search {
    display: block;
    margin: 0
}

.search-wrapper {
    position: relative;
    height: 40px
}

.search-wrapper>i,
.search-wrapper button {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.search-wrapper>i {
    left: 0
}

.search-wrapper button {
    right: 0
}

.search-wrapper button i {
    line-height: inherit
}

.search button {
    margin: inherit
}

.search-wrapper button:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    left: 5px;
    top: 5px
}

.search-wrapper button:hover:before,
.search-wrapper button:focus:before {
    background-color: #ccc
}

input.search-input {
    display: block;
    width: 100%;
    height: 100%;
    margin: 5px 0 20px;
    padding: 0 40px;
    line-height: 36px
}

.title-zone-if-shortcut-bar {
    padding-left: 15px
}

.title-zone .button,
.title-zone .button+h1 {
    vertical-align: middle
}

.title-zone .button {
    margin-right: 10px
}

.title-zone .button,
.title-zone .button i {
    padding: 0
}

.title-zone .button+h1 {
    display: inline-block;
    width: calc(100% - 80px);
    margin-right: 10px
}

.h2-wrapper-actions {
    float: right;
    margin: 0 15px 15px
}

.h2-wrapper-actions .pager {
    display: inline-block
}

.h2-wrapper-actions .pager,
.h2-wrapper-actions button {
    vertical-align: middle
}

.h2-wrapper-actions button {
    margin-left: 10px
}

.h2-wrapper-actions .pager-item {
    font-size: 18px;
    margin-left: 2px
}

.pager-item span {
    line-height: 38px
}

.search-main .group {
    padding: 0
}

.search-main .container-fluid {
    padding-top: 2px
}

.search-main a {
    color: #4d4d4d
}

.search-main .horizontal-top-tabs {
    position: relative;
    width: 370px;
    margin-right: 30px
}

.search-main .horizontal-top-tabs .informations {
    margin: 0 0 10px 0;
    padding: 0;
    background: none
}

.search-main .horizontal-top-tabs .informations p {
    position: relative;
    font-weight: 500
}

.search-main .horizontal-top-tabs .informations p:before {
    display: none
}

.search-main .horizontal-top-tabs h4 {
    margin: 0 0 20px 0;
    font-size: 18px
}

.search-main .horizontal-top-tabs table {
    width: 100%
}

.search-main .horizontal-top-tabs input,
.search-main .horizontal-top-tabs textarea,
.search-main .horizontal-top-tabs select {
    background-color: transparent
}

.search-main .horizontal-top-tabs .tab1-content {
    padding: 0;
    background: none
}

.search-main .horizontal-top-tabs .tab1-content>div {
    margin-bottom: 30px;
    padding: 30px
}

.search-main .horizontal-top-tabs .cell-left {
    text-align: left
}

.search-main .horizontal-top-tabs .label.contents.cell-left {
    margin-bottom: 15px
}

.search-main .horizontal-top-tabs .label.cell-left,
.search-main .horizontal-top-tabs .field.cell-right {
    display: block
}

.search-main .horizontal-top-tabs .label.cell-left label {
    padding: 0;
    font-weight: bold;
    justify-content: flex-start
}

.search-main .horizontal-top-tabs .field.cell-right tr {
    display: block;
    margin: 5px 0 0
}

.search-main .horizontal-top-tabs .field.cell-right .innertree tr {
    display: table-row;
    margin: 0
}

.search-main .horizontal-top-tabs .field.cell-right tr .checkboxgroup tr {
    margin: 0
}

.search-main .horizontal-top-tabs .field.cell-right td {
    display: block;
    margin-bottom: 10px
}

.search-main .horizontal-top-tabs .field.cell-right .innertree td {
    display: table-cell;
    margin-bottom: 0
}

.search-main .horizontal-top-tabs .field.search-wrapper tr {
    margin: 0
}

.search-main .horizontal-top-tabs .field.cell-right input[type="text"] {
    width: 100%;
    line-height: 38px;
    padding: 0 10px
}

.search-main .horizontal-top-tabs .field.cell-right input.vui-combobox-input-autocomplete {
    padding-left: 35px
}

.search-main .horizontal-top-tabs .field.cell-right .vui-delete {
    top: 5px
}

.search-main .horizontal-top-tabs .field.search-wrapper.cell-right input[type="text"] {
    padding: 0 15px 0 40px
}

.search-main .horizontal-top-tabs .field.cell-right .date-field input[type="text"] {
    width: calc(100% - 89px);
    margin-right: 3px
}

.search-main .horizontal-top-tabs .field.cell-right select {
    width: 100%;
    height: 40px;
    padding: 0 0 0 6px
}

.search-main .horizontal-top-tabs .search-wrapper {
    margin-bottom: 3px
}

.search-main .horizontal-top-tabs .search-facets-categories {
    margin: 0 0 15px 0;
    padding: 0
}

.search-main .horizontal-top-tabs .search-facets-categories input[type="radio"] {
    width: 20px;
    height: 20px
}

.search-main .horizontal-top-tabs .search-facets-categories input[type="radio"]:checked+label {
    font-weight: 700
}

.search-main .horizontal-top-tabs .search-facets-categories .search-name {
    font-size: 20px;
    line-height: 21px;
    position: relative;
    display: block;
    width: calc(100% - 35px);
    padding-left: 10px;
    cursor: pointer
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup tr {
    display: block;
    margin-bottom: 15px
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup td {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.search-main .horizontal-top-tabs .search-facets-categories .radiogroup td:last-child {
    width: calc(100% - 20px)
}

.search-main .horizontal-top-tabs .search-facets-categories .search-result {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #666;
    text-align: center;
    color: #fff;
    z-index: 10;
    transition: border-color 0.2s linear
}

.search-main .horizontal-top-tabs .axvdocsearch-button-container {
    margin: 10px 0 0 0;
    display: flex;
    justify-content: space-between
}

@media (min-width: 980px) and (max-width: 1365px) {
    .search-main .horizontal-top-tabs .axvdocsearch-button-container {
        flex-direction: column-reverse
    }
}

.search-main .horizontal-top-tabs .axvdocsearch-button {
    height: 40px
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button {
    padding-right: 0;
    line-height: 38px
}

@media (min-width: 980px) and (max-width: 1365px) {
    .search-main .horizontal-top-tabs .axvdocsearch-button.form-main-button .button1.action-search {
        display: block;
        width: 100%;
        padding-left: 10px
    }
}

.search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action {
    line-height: 38px;
    padding: 0
}

@media (min-width: 980px) and (max-width: 1365px) {
    .search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action {
        margin-top: 10px !important
    }

    .search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action .button1.action-reset {
        display: block;
        width: 100%;
        padding-left: 10px
    }
}

.search-main .horizontal-top-tabs .axvdocsearch-button i.icon_24_close {
    display: none
}

.search-main .horizontal-top-tabs .axvdocsearch-button i.icon_24_close,
.search-main .horizontal-top-tabs .axvdocsearch-button i.icon_24_arrow-full-right {
    padding-right: 0
}

.search-main .horizontal-top-tabs .vui-combobox-selected-items,
.search-main .horizontal-top-tabs .buttons-group.vui-combobox-actions ul {
    white-space: normal
}

.search-main .horizontal-top-tabs .buttons-group.vui-combobox-actions ul button.action-deleteall {
    margin-top: 5px;
    margin-left: 0
}

.search-main .horizontal-top-tabs,
.search-main .view-area {
    float: left;
    height: 100%;
    margin-top: 0;
    overflow-x: hidden
}

.search-main .horizontal-top-tabs:after,
.search-main .view-area:after {
    clear: both;
    content: "";
    display: table
}

.search-main .navigation-area {
    display: none
}

.search-main .view-area {
    width: calc(100% - 400px);
    padding: 15px 30px 30px 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    font-size: 0;
    margin-bottom: 30px;
    margin-right: 0
}

.search-main .view-area>* {
    font-size: 18px
}

.search-main .view-area .slider-container.clone {
    margin-top: 15px
}

@media screen and (max-width: 1365px) {
    .search-main .view-area .slider-container.clone {
        margin-top: 0
    }
}

.search-main .view-header:after {
    content: "";
    display: table;
    clear: both
}

.search-main .view-header .pager {
    float: right
}

.search-main .searched-user {
    display: inline-block;
    min-height: 245px;
    margin: 15px 20px 0 0;
    padding: 25px 20px 15px;
    vertical-align: top;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    width: calc(33.333333% - 15px)
}

.search-main .searched-user .search-result-image,
.search-main .searched-user .search-result-data {
    display: block;
    margin: 0 auto;
    padding: 0
}

.search-main .searched-user .search-result-image {
    width: 65px;
    height: 65px;
    margin: 0 auto 15px
}

.search-main .searched-user .search-result-data {
    width: 100%;
    text-align: center
}

.search-main .searched-user .search-misc-data {
    margin: 0 0 10px 0;
    font-size: 14px
}

.search-main .searched-user .colleague-search-mail {
    top: inherit;
    bottom: inherit;
    right: inherit;
    left: 50%;
    margin-left: -25px
}

.search-main .searched-user .search-result-inner,
.search-main .searched-user .search-result-data {
    position: initial
}

.search-main .searched-user .search-result:focus:before,
.search-main .searched-user .search-result:hover:before {
    opacity: 0.3
}

.search-main .searched-news {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border: none;
    border-top: 1px solid #ccc;
    text-overflow: inherit;
    white-space: inherit;
    line-height: 1.2;
    display: block
}

.search-main .searched-news:before {
    display: none
}

.search-main .searched-news:first-child {
    margin-top: 0;
    border-top: 0
}

.search-main .searched-news .search-result-inner {
    position: relative;
    max-height: inherit;
    overflow: inherit;
    font-size: 0
}

.search-main .searched-news .search-result-image {
    width: 30%;
    height: inherit;
    margin-right: 15px;
    overflow: initial;
    margin-bottom: 10px
}

@media screen and (max-width: 639px) {
    .search-main .searched-news .search-result-image {
        width: 100%
    }
}

.search-main .searched-news .search-result-image img {
    transition: transform 0.1s ease-out, opacity 0.1s linear
}

.search-main .searched-news .search-result-inner:focus .search-result-image img,
.search-main .searched-news .search-result-inner:hover .search-result-image img {
    transform: translate(3px, 3px);
    opacity: 0.7
}

.search-main .searched-news .search-result-data {
    position: relative;
    width: calc(70% - 15px);
    padding: 0
}

@media screen and (max-width: 639px) {
    .search-main .searched-news .search-result-data {
        width: 100%
    }
}

.search-main .searched-news h2 {
    max-height: 48px;
    margin: 0 0 0.5em;
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit;
    line-height: 1.2
}

.search-main .searched-news .search-misc-data {
    margin: 0;
    font-size: 16px;
    height: 77px
}

.search-main .searched-news .date-news {
    font-weight: 700;
    color: #007bc2
}

.search-main .searched-news .date-news::after {
    content: " - "
}

.search-main .searched-news .search-result:focus:before,
.search-main .searched-news .search-result:hover:before {
    opacity: 0.3
}

.search-main .search-result:before {
    transition: opacity 0.2s linear, transform 0.2s ease-out;
    background-color: #ccc
}

.search-main .search-result.searched-customer .search-result-inner {
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.search-main .search-result.searched-customer .search-result-image {
    max-width: 120px
}

.search-main .search-result.searched-customer .search-result-data {
    width: calc(100% - 120px)
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data {
    margin: 0
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-name-customer:before {
    content: "- "
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-code-customer,
.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-name-customer {
    color: gray
}

.search-main .search-result.searched-customer .search-result-data .search-misc-data .activity-code-customer:before {
    content: "";
    display: block
}

.search-main .search-result.searched-customer:last-child .search-result-inner {
    border: 0
}

.search-main.all-news>.empty-navigation {
    padding-right: 0
}

.search-main.all-news .view-area .view-header {
    margin-top: 10px
}

.pager-current.button-square {
    font-weight: normal;
    pointer-events: none;
    border-radius: 0;
    width: auto;
    min-width: 25px;
    border-bottom: 2px solid #ccc
}

.pager-current span {
    line-height: 40px;
    height: 38px;
    overflow: hidden
}

.pager-first:after {
    content: '';
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 3;
    left: 14px;
    top: 13px
}

.pager-last:after {
    content: '';
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 3;
    right: 14px;
    top: 14px
}

.search-left-col,
.search-main-col {
    overflow-x: hidden
}

.search-facets .search-wrapper {
    margin-bottom: 20px
}

.search-facets h4 {
    margin-bottom: 20px
}

.search-facets-categories label {
    padding-right: 37px;
    font-size: 18px
}

.search-facets-categories .notif-counter {
    font-size: 16px;
    line-height: 27px;
    top: -3px;
    width: 33px;
    height: 33px;
    text-align: center
}

.search-facets-categories li {
    margin-bottom: 15px
}

.search-facets-categories li:last-of-type {
    margin-bottom: 0
}

.search-facet-inactive {
    opacity: 0.5;
    pointer-events: none
}

.refine-search input {
    margin-bottom: 15px
}

.search-result {
    position: relative
}

.search-result-inner {
    position: relative;
    display: block
}

.search-results-main .search-result:last-of-type .search-result-inner {
    border: none
}

.search-result-inner>* {
    position: relative
}

.search-result-inner:focus,
.search-result-inner:hover {
    opacity: 1;
    outline: 0;
    box-shadow: none
}

.search-result-inner:focus:before,
.search-result-inner:hover:before {
    opacity: 0.3;
    transition: opacity 0.1s linear, transform 0.1s ease-out
}

.search-result-inner:active:before {
    opacity: 0;
    transition: opacity 0.1s linear, transform 0.1s ease-out
}

.search-result h3 {
    margin: 0 0 5px
}

.search-result p {
    font-size: 18px;
    margin: 0
}

.search-misc-data>i {
    vertical-align: middle;
    padding-bottom: 2px
}

.search-result-image,
.search-result-data {
    display: inline-block;
    vertical-align: top
}

.search-result-thumbnail-small {
    width: 60px;
    height: 60px
}

.search-result-thumbnail-big {
    width: 90px;
    height: auto
}

.search-result-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.default-avatar {
    padding: 6px;
    background-color: #b3b3b3
}

.default-avatar img {
    width: 48px;
    opacity: 0.5
}

.search-result-data,
.client-view-internal-contacts .search-result .search-result-data {
    width: calc(100% - 60px);
    padding: 0 40px 0 15px;
    position: relative
}

.search-result-thumbnail-big+.search-result-data {
    width: calc(100% - 90px)
}

.search-result-misc {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: right;
    padding: 25px 15px 0 0;
    pointer-events: none;
    z-index: 10
}

.search-result-misc>* {
    display: inline-block;
    vertical-align: top
}

.search-result-misc .search-result-misc-actions {
    padding-left: 50px
}

.search-result h3 {
    margin-bottom: 0;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 544px) and (max-width: 979px) {
    .search-result .search-result-data h3 {
        width: calc(100% - 85px)
    }
}

.search-result .search-result-misc {
    width: 425px
}

.search-result .search-result-misc-data {
    font-size: 16px;
    text-align: left
}

.search-result-misc a,
.search-result-misc button {
    pointer-events: auto
}

.refine-search-products,
.search-results-products-wrapper {
    display: none;
    opacity: 0
}

.search-results-products {
    margin: 10px -10px 0
}

.search-results-products .catalog-item {
    padding: 10px
}

@media screen and (min-width: 1600px) {
    .search-main .searched-news {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 35px);
        margin: 20px 20px 0 0
    }

    .search-main .searched-news:first-of-type,
    .search-main .searched-news:nth-of-type(2) {
        padding-top: 0;
        border: none
    }
}

@media screen and (max-width: 1599px) {

    .search-results-wrapper .h2-wrapper h2,
    .search-results-wrapper .h2-wrapper-actions {
        float: none
    }

    .search-results-wrapper .h2-wrapper-actions {
        margin-left: 0
    }

    .search-results-wrapper .h2-wrapper-actions>button {
        float: right
    }

    .search-result-misc .button {
        padding: 0
    }

    .search-result-misc .button span {
        display: none
    }
}

@media screen and (max-width: 1365px) {
    .search-main.if-shortcut-bar {
        padding-left: 0;
        padding-right: 0
    }

    .search-main .container-fluid {
        padding-top: 0
    }

    .search-main .horizontal-top-tabs,
    .search-main .view-area {
        margin-top: -15px
    }

    .search-main .horizontal-top-tabs {
        width: 270px;
        margin-right: 15px
    }

    .search-main .horizontal-top-tabs .tab1-content>div {
        margin-bottom: 15px;
        padding: 20px
    }
}

@media screen and (max-width: 1365px) and (max-width: 1199px) {
    .search-main .horizontal-top-tabs .tab1-content>div {
        margin-left: 15px
    }
}

@media screen and (max-width: 1365px) {

    .search-main input[type="radio"]+label::before,
    .search-main input[type="radio"]+label::after {
        margin-top: 0
    }

    .search-main .horizontal-top-tabs .axvdocsearch-button-container {
        margin: 5px -5px 0
    }

    .search-main .horizontal-top-tabs .axvdocsearch-button-container .button {
        font-size: 15px
    }

    .search-main .horizontal-top-tabs .axvdocsearch-button.form-secondary-action {
        margin-top: 0
    }

    .search-main .horizontal-top-tabs .search-facets-categories .search-name {
        font-size: 16px;
        line-height: 18px
    }

    .search-main input[type="radio"]+label {
        font-size: 16px;
        line-height: 20px
    }

    .search-main .view-area {
        width: calc(100% - 270px);
        margin-right: -15px;
        margin-top: -15px;
        padding: 20px
    }
}

@media screen and (max-width: 1365px) and (max-width: 1199px) {
    .search-main .view-area {
        width: calc(100% - 270px);
        margin-top: 15px
    }
}

@media screen and (max-width: 1365px) {
    .search-main .searched-user .colleague-search-mail {
        margin-left: -20px
    }

    .h2-wrapper-actions {
        margin-right: 10px
    }

    .search-results-inner {
        padding: 15px 10px
    }

    .search-result-misc {
        padding-right: 10px
    }

    .search-result-misc>* {
        padding-left: 20px
    }

    .search-main .searched-news .search-misc-data {
        font-size: 14px
    }
}

@media (max-width: 1024px) {
    .search-main .view-area {
        width: calc(100% - 270px);
        margin-right: 0
    }
}

@media screen and (min-width: 1280px) {
    .search-main .searched-user:nth-child(3n+2) {
        margin-right: 0
    }
}

@media (max-width: 979px) {
    .default-template-container>div:first-child.search-main.all-news {
        padding: 0
    }
}

@media screen and (max-width: 1279px) {
    .search-main .searched-user {
        width: calc(50% - 10px);
        margin: 15px 20px 0 0;
        padding: 25px 20px 15px
    }

    .search-main .searched-user:nth-child(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 979px) {

    .search-main .horizontal-top-tabs,
    .search-main .view-area {
        width: 100%
    }

    .search-main .horizontal-top-tabs {
        margin-right: 0;
        margin-top: 1px
    }

    .search-main .horizontal-top-tabs .tab1-content>div {
        margin-bottom: 0
    }

    .search-main .horizontal-top-tabs .tab1-content>div:nth-child(2) {
        padding-top: 0
    }

    .search-main .view-area {
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 979px) and (max-width: 544px) {
    .search-main .view-area {
        margin-top: 0
    }
}

@media screen and (max-width: 979px) {
    .search-main .col {
        padding-right: 0;
        padding-left: 0
    }

    .title-zone .button i {
        margin: 0;
        height: 50px;
        line-height: 50px
    }
}

@media screen and (max-width: 639px) {
    .title-zone-if-shortcut-bar {
        padding-left: 0
    }

    .search-main .horizontal-top-tabs .informations {
        margin: 0
    }

    .search-main input[type="radio"]+label {
        padding-left: 27px
    }

    .search-main .horizontal-top-tabs .field.cell-right input[type="text"] {
        line-height: 38px
    }

    .search-main .horizontal-top-tabs .field.cell-right select {
        height: 40px
    }

    .search-main .axvdocsearch-button-container {
        margin: 5px 0 0 0
    }

    .search-main .searched-user {
        width: 100%
    }

    .search-main .searched-user:nth-child(3n+2) {
        margin-right: inherit
    }

    .search-main .searched-user:nth-child(2n+2) {
        margin-right: inherit
    }

    .search-main .search-result-inner {
        padding: 10px 0
    }

    .search-main .search-result-thumbnail-small {
        width: 50px;
        height: 50px
    }

    .search-main .search-result-thumbnail-small {
        width: 30px;
        height: 30px
    }

    .search-main .search-result-data {
        width: calc(100% - 60px)
    }

    .search-main .search-result-data,
    .search-main .search-result-data {
        padding: 0 25px 0 10px
    }

    .search-main .search-result h2 {
        margin: 0 0 7px;
        font-size: 16px
    }

    .search-main .colleague-search-mail {
        right: -20px;
        top: -10px;
        padding: 0
    }

    .search-main .search-result-misc {
        width: 100%;
        padding: 14px 0 0 0
    }

    .search-main .search-result-misc-data {
        display: none
    }

    .search-main .search-result-misc .button {
        line-height: 35px
    }

    .search-main .search-result-misc .button i {
        font-size: 20px;
        line-height: 35px;
        height: 35px;
        padding: 0 9px
    }
}

@media screen and (max-width: 979px) {
    .title-zone .button i {
        font-size: 24px;
        line-height: 40px;
        height: 40px;
        width: 40px
    }

    .search-main .horizontal-top-tabs .tab1-content>div {
        margin-left: 0
    }

    .search-main .group {
        margin-right: 15px
    }
}

@media screen and (max-width: 979px) and (max-width: 979px) {
    .search-main .group {
        width: 100%
    }
}

@media screen and (max-width: 979px) {
    .search-main .horizontal-top-tabs {
        margin-left: 0
    }
}

@media screen and (max-width: 544px) {
    .search-main .group {
        margin-right: 0
    }
}

.search-result-inner {
    position: relative;
    font-size: 0
}

.workplace-autoexecutesearch {
    margin: 0
}

.workplace-autoexecutesearch:after {
    clear: both;
    content: "";
    display: table
}

@media (max-width: 979px) {
    .workplace-autoexecutesearch {
        margin-left: 0
    }
}

.search-result h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4d4d4d
}

.news-panel .search-result h2 {
    font-size: 18px;
    line-height: 1.2
}

.search-result p {
    font-size: 18px
}

.search-result .search-misc-data,
.search-result strong {
    margin: 0 0 0 0;
    font-size: 16px
}

.search-misc-data>* {
    margin-right: 3px
}

.search-misc-data small {
    font-size: 0.89em
}

.search-misc-data i {
    vertical-align: middle
}

.search-result-image,
.search-result-data {
    display: inline-block;
    vertical-align: top
}

.search-result-thumbnail-small {
    width: 60px;
    height: 60px;
    overflow: hidden
}

.search-result-thumbnail-big {
    width: 90px;
    height: auto
}

.search-result-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.default-avatar {
    padding: 6px;
    background-color: #b3b3b3
}

.default-avatar img {
    width: 48px;
    opacity: 0.5
}

.shortcut-panel-search-result-data {
    position: relative;
    width: calc(100% - 64px);
    padding: 0 40px 0 15px
}

.shortcut-panel-search-result-thumbnail-big+.shortcut-panel-search-result-data {
    width: calc(100% - 90px)
}

.colleague-search-mail {
    position: absolute;
    right: 0;
    top: 0
}

.colleague-search-mail .icon_24_mail {
    position: relative;
    transition: transform 0.1s ease-out 0.1s
}

.colleague-search-mail .icon_24_mail.color-orange {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    opacity: 0;
    transform: scaleY(-1);
    transition: opacity 0.1s linear, transform 0.1s ease-out
}

.colleague-search-mail:before {
    background-color: #fff
}

.colleague-search-mail:focus .icon_24_mail,
.colleague-search-mail:hover .icon_24_mail {
    transform: scaleY(0);
    opacity: 0;
    transition: transform 0.1s ease-out
}

.colleague-search-mail:focus .icon_24_mail.color-orange,
.colleague-search-mail:hover .icon_24_mail.color-orange {
    transform: scaleY(1);
    opacity: 1;
    transition: opacity 0.1s linear 0.1s, transform 0.1s ease-out 0.1s
}

.searched-document {
    border-bottom: 1px solid #ccc;
    padding: 15px
}

.search-main .workplace-search .group .view-area .informations p {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    border-bottom: 5px solid #e0e0e0;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em
}

.search-main .view-header {
    padding-top: 0
}

.search-main .view-header .view-options {
    margin-top: 0
}

.workplace-search table.table tr td:nth-child(6) {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .workplace-search table.table tr td:nth-child(6) {
        display: block
    }
}

.workplace-search table.table tr td:nth-child(6) img {
    margin-right: 10px;
    min-width: 40px
}

@media screen and (max-width: 1365px) {
    .default-template-container>div.search-main.all-news {
        padding-right: 15px
    }
}

.screen.empty-navigation {
    width: 100%
}

.screen.empty-navigation .workplace-search {
    margin-top: 30px
}

@media screen and (max-width: 1199px) {
    .screen.empty-navigation .workplace-search {
        margin-top: 0
    }
}

@media screen and (max-width: 1199px) {
    .workplace-search .horizontal-top-tabs {
        margin-left: -15px;
        margin-top: 15px
    }
}

@media screen and (max-width: 1199px) and (max-width: 979px) {
    .workplace-search .horizontal-top-tabs {
        margin-left: 0
    }
}

@media screen and (max-width: 1199px) and (max-width: 544px) {
    .workplace-search .horizontal-top-tabs {
        margin-top: 0
    }
}

.workplace-search a.search-result-inner.color-base,
.workplace-search a.search-result.color-base {
    position: relative
}

.workplace-search a.search-result-inner.color-base:before,
.workplace-search a.search-result.color-base:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.2s linear, transform 0.2s ease-out;
    background-color: #ccc
}

.workplace-search a.search-result-inner.color-base:hover:before,
.workplace-search a.search-result.color-base:hover:before {
    opacity: 0.3;
    transition: opacity 0.1s linear, transform 0.1s ease-out
}

.search-main.if-shortcut-bar .container-fluid,
.search-main.if-shortcut-bar .row {
    margin: 0;
    padding: 0
}

.default-template-container .search-attributs .checkboxgroup .checkbox:before {
    left: 1px
}

.default-template-container .search-attributs .checkboxgroup .checkbox:after {
    left: 2px
}

.screen.vui-screen-selector.selector-select {
    position: relative
}

.vui-selector .vui-selector-menu {
    display: block;
    height: auto !important;
    width: 100%;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0 15px
}

.vui-selector-menu li a span,
.vui-selector-menu li a span.current span,
.vui-selector-menu .current,
.vui-selector-menu .first .current {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    background-color: transparent;
    background-image: none
}

.vui-selector-menu .current {
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px;
    color: #07c;
    line-height: 22px
}

.vui-selector-menu .current:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 126, 217, 0.15);
    opacity: 1;
    transform: scale(1);
    height: calc(100% - 8px);
    top: 4px
}

.vui-selector-menu li a:link,
.vui-selector-menu li a:visited {
    background-image: none;
    margin: 5px 5px 5px 0;
    border: none;
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px
}

.vui-selector-menu li a:link:before,
.vui-selector-menu li a:visited:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    height: calc(100% - 8px);
    top: 4px
}

.vui-selector-menu li a:link:hover:before,
.vui-selector-menu li a:visited:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.vui-selecting {
    background: #fff
}

.vui-selector-menu .current,
.vui-selector-menu li a:hover,
.vui-selector-menu li a:active {
    border-bottom: 0
}

.vui-selector-menu li a {
    padding: 8px 10px
}

.vui-selector-menu .current {
    position: relative;
    padding: 9px 10px 9px;
    margin: 0 5px 5px 0
}

.vui-selector-menu li {
    display: inline-block
}

.vui-basket-visible .vui-selecting {
    display: block;
    width: 100%;
    border: 0;
    background-image: none;
    padding-top: 10px
}

.vui-basket-hidden .vui-selecting {
    display: block;
    width: 50%;
    border: 0;
    background-image: none;
    padding-top: 10px
}

.vui-selector.vui-basket-hidden.vui-single-selector {
    width: 100%
}

.vui-selector.vui-basket-hidden.vui-single-selector .vui-selecting.vui-selector-filter-view.vui-selector-browsable-view {
    width: 100%
}

.vui-selector .list-view .detail .path {
    font-size: 14px
}

.vui-selector .list-view .detail-selected {
    border: 0
}

.vui-selector .list-view {
    margin-left: 0;
    padding-left: 15px
}

.vui-selector .list-view.basket-content {
    margin-top: 6px
}

.vui-selecting .view-area {
    border: 0;
    margin-left: 0;
    border-top: 0;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1), 1px -1px 0 rgba(0, 0, 0, 0.1);
    margin-top: 12px;
    position: relative
}

.vui-basket-visible .vui-selector-basket {
    display: block;
    width: 100%;
    border: 0;
    padding: 0 5px 5px;
    background: #f5f5f5
}

.vui-selector-basket #basket.view-area {
    border-top: 0;
    box-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
    margin-top: 12px
}

.vui-selector .search-filter,
.vui-selector .browser-actions,
.vui-selector .location h2 {
    display: inline-block;
    vertical-align: middle
}

.vui-selector .search-filter {
    margin-right: 10px
}

.vui-selector .browser-actions {
    margin-left: 0
}

.vui-selector .search-filter input {
    padding: 6px 4px 6px 32px
}

.vui-selector-filter-view .search-filter input,
.vui-selector-basket .search-filter input {
    background-image: url("../img/filter.png")
}

.vui-selector-basket .location,
.vui-selector-basket .search-filter,
.vui-selector-basket .browser-actions {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.vui-selector .location {
    padding: 0
}

.vui-basket-visible .vui-selector-basket {
    display: none
}

.vui-basket-hidden .vui-selector-basket {
    display: block;
    right: 0
}

.vui-basket-hidden .vui-selecting .location {
    margin-left: 20px
}

.vui-selector .vui-context-feedback {
    background-color: rgba(0, 0, 0, 0.6);
    border: 0;
    color: #fff
}

.vui-selector-basket {
    border: 0;
    background: #fff;
    background: transparent
}

.vui-selecting .popup-menu-handler,
.vui-selector-basket .popup-menu-handler {
    box-shadow: none
}

.vui-selector .list-view .detail H4 {
    font-size: 18px
}

.list-view .detail P,
.list-view .detail .property {
    font-size: 14px
}

.vui-selector .list-view .detail .date,
.vui-selector .list-view .detail .author,
.vui-selector .list-view .detail .path,
.vui-selector .list-view .detail .properties {
    color: #666
}

.vui-selector .search-filter INPUT.medium-field {
    width: 250px
}

.vui-selector .view-has-actions {
    padding-top: 0
}

.vui-selector .view-header {
    display: inline-flex;
    padding: 0;
    vertical-align: middle
}

.vui-selector .view-has-actions .view-actions {
    position: initial;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    line-height: 36px;
    height: 40px
}

.popup-menu-handler IMG {
    height: inherit;
    line-height: inherit
}

.handler-actions>span {
    vertical-align: inherit
}

.handler-actions span,
.handler-actions:hover span,
.handler-actions:hover .button-imgr {
    background-image: none
}

.handler-actions:hover .button-imgr {
    background-color: #e6e6e6
}

.handler-actions.popup-menu-handler-dropdown-only {
    width: 40px;
    line-height: 32px
}

.vui-file-upload .files td {
    padding-left: 0
}

.popup-menu-handler,
.popup-menu-handler IMG,
.popup-menu-handler SPAN {
    height: 100%
}

.popup-menu-handler.handler-actions,
.popup-menu-handler.handler-actions IMG,
.popup-menu-handler.handler-actions SPAN {
    height: 22px
}

.handler-actions {
    position: relative;
    border-radius: 5px;
    background-image: none;
    width: 75px
}

@media (max-width: 768px) {
    .handler-actions {
        margin-right: 15px
    }
}

@media (max-width: 544px) {
    .handler-actions {
        margin: 5px 0 0 -10px
    }
}

.handler-actions .button-imgr {
    position: absolute;
    top: 1px;
    background-image: none;
    border: 0;
    left: 32px;
    width: 23px
}

.handler-actions:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    vertical-align: middle;
    display: inline-block
}

.handler-actions:after {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #4d4d4d;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 5px 0;
    border-radius: 5px;
    position: absolute;
    top: 2px;
    left: 5px
}

@media (max-width: 544px) {
    .list-view .detail .popup-menu-handler {
        margin-left: -5px
    }
}

.handler-actions:after {
    left: 32px;
    top: 0;
    margin: 0
}

.handler-selectall input {
    margin-bottom: 0
}

.popup-menu-handler.handler-actions>span {
    padding: 0 5px 0 0
}

.vui-basket-hidden .selected-items,
.vui-basket-visible .selected-items {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s;
    width: 40px;
    top: 5px;
    right: 5px;
    position: absolute;
    margin: 0
}

.vui-basket-hidden .selected-items:hover,
.vui-basket-visible .selected-items:hover {
    background-color: #fff !important;
    background-image: none
}

.vui-selector .location h2 {
    font-size: 16px;
    margin: 0
}

.vui-selector-basket .location {
    margin-left: 25px
}

#vui-multiple-selector-root.vui-selector.vui-basket-visible {
    display: flex;
    flex-wrap: wrap
}

#vui-multiple-selector-root.vui-selector.vui-basket-visible .vui-selecting.vui-selector-filter-view {
    width: 100%
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selecting.vui-selector-filter-view {
    width: 50%
}

#vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selector-basket {
    width: 50%;
    background: #fff;
    padding-top: 10px
}

.vui-selector .view-header .view-options .popup-menu-handler {
    margin-left: 10px
}

@media (max-width: 1460px) {
    .lightbox-content {
        width: 80% !important;
        left: 10% !important
    }

    .lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .location {
        display: none
    }

    .vui-selector.vui-basket-hidden .search-filter {
        width: 100%;
        margin: 0;
        padding: 0 10px
    }

    .vui-selector.vui-basket-hidden .search-filter>span {
        display: none
    }

    .vui-selector.vui-basket-hidden .search-filter INPUT.medium-field {
        width: 100%
    }

    .vui-selector.vui-basket-hidden .view-header {
        margin: 10px 0 0 10px
    }
}

@media (max-width: 905px) {
    .lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-basket .search-filter {
        display: block;
        padding-left: 10px
    }
}

@media (min-width: 769px) and (max-width: 862px) {
    #vui-multiple-selector-root.vui-basket-hidden .view-has-actions .view-actions {
        display: block
    }
}

@media (max-width: 768px) {
    .lightbox-content {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important
    }

    #vui-multiple-selector-root.vui-selector .vui-selector-filter-view~.button-area {
        margin-top: 0;
        height: auto
    }

    .vui-selector .vui-selector-filter-view~.button-area {
        margin-top: -8px
    }

    .vui-selector .search-filter {
        height: 40px
    }

    .vui-selector.vui-basket-hidden .vui-selector-basket .browser-actions {
        margin-left: 0;
        margin-right: 10px
    }

    .vui-selector-menu li a {
        padding: 10px 10px 9px 10px
    }

    .vui-selector-menu .current {
        padding: 10px
    }

    .vui-selector-menu li a span,
    .vui-selector-menu li a span.current span,
    .vui-selector-menu .current,
    .vui-selector-menu .first .current {
        font-size: 12px
    }

    .vui-selecting .view-actions {
        padding-left: 0
    }

    .vui-selecting .browser-actions {
        margin-left: 0
    }

    .vui-selector.vui-basket-visible {
        height: inherit
    }

    .lightbox-panel {
        height: 100%
    }

    .screen.vui-screen-selector.selector-container,
    .screen.vui-screen-selector.selector-container form,
    .vui-selector.vui-basket-hidden {
        height: inherit
    }

    .vui-selector-basket {
        top: 43px
    }

    .vui-selector .search-filter INPUT.medium-field {
        width: 100%
    }
}

@media (max-width: 767px) {
    .vui-selector-basket {
        top: 41px
    }

    .vui-selector-basket {
        top: 43px
    }

    .vui-selector.vui-basket-hidden .view-header .popup-menu-handler.handler-deselection {
        margin-right: 0
    }

    .view-header .popup-menu-handler.handler-sorter:before,
    .view-header .view-options .popup-menu-handler.handler-displaymode:before {
        top: 3px
    }
}

@media (max-width: 605px) {
    .vui-selector-basket {
        display: none !important
    }

    #vui-multiple-selector-root.vui-selector.vui-basket-hidden .vui-selecting.vui-selector-filter-view {
        width: 100%
    }

    .vui-selecting .browser-actions {
        line-height: 36px;
        margin-right: 10px
    }

    .lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-unbrowsable-view .browser-actions,
    .lightbox-content #vui-multiple-selector-root.vui-basket-hidden .vui-selector-browsable-view .browser-actions {
        margin-top: 0;
        margin-left: 0;
        padding-left: 0
    }

    .vui-basket-hidden .selected-items,
    .vui-basket-visible .selected-items {
        cursor: default;
        pointer-events: none
    }

    .vui-basket-hidden .selected-items:hover,
    .vui-basket-visible .selected-items:hover {
        background-color: #f2f2f2
    }

    .vui-selector-filter-view~.button-area .button2 span {
        line-height: 40px
    }
}

@media (max-width: 493px) {
    .vui-selector .view-has-actions {
        margin: 10px 0 0 10px
    }

    .vui-selector .search-filter {
        display: block
    }

    .vui-selector.vui-basket-hidden .browser-actions {
        margin-left: 15px
    }

    .vui-selector .vui-information[style="display:none;"]+.vui-selector-menu,
    #vui-multiple-selector-root.vui-selector .vui-information[style="display:none;"]+.vui-selector-menu {
        margin-top: 0
    }

    .vui-selector .vui-information~.button-area .buttons-group ul .first,
    #vui-multiple-selector-root.vui-selector .vui-information~.button-area .buttons-group ul .first {
        margin-top: -7px
    }

    .vui-selector .vui-information[style="display:none;"]~.button-area .buttons-group ul .first,
    #vui-multiple-selector-root.vui-selector .vui-information[style="display:none;"]~.button-area .buttons-group ul .first {
        margin-top: 0
    }
}

.vui-selector-basket .search-filter {
    margin-left: 0
}

.vui-selector .view-header .view-options,
.vui-selector .view-header .pager {
    display: inline-block
}

.vui-selector .view-header .view-options .popup-menu-handler,
.vui-selector .view-header .view-options .handler-filter,
.vui-selector .view-header .view-options .action-refresh,
.vui-selector .view-header .popup-menu-handler.handler-sorter,
.vui-selector .view-header .popup-menu-handler.handler-row {
    display: inline-block
}

.vui-selector .view-header .pager .itemsperpage,
.vui-selector .view-header .pager .items,
.vui-selector .view-header .pager .browser {
    font-size: 16px
}

.lightbox-panel .lightbox-header {
    height: auto;
    min-height: 50px
}

.handler-sorter-screen .list-sort .sorting-order {
    margin-left: 10px
}

.vui-selector .vui-selector-basket .list-view .detail-hover {
    background-image: none;
    position: relative
}

.vui-selector .vui-selector-basket .list-view .detail-hover:after {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #eb003b;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 7px;
    left: 6px
}

.vui-selector .list-view .detail,
.vui-selector .list-view .detail-hover {
    position: relative;
    border: 0
}

.vui-selector .list-view .detail-hover {
    background: #f0f0f0
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable {
    background-image: none;
    position: relative
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable:before {
    content: "";
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    left: 8px;
    top: 8px
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected {
    background-image: none;
    position: relative;
    border: 0 !important
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected:before {
    content: "";
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    left: 8px;
    top: 8px
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable.detail-selected:after {
    content: "\e934";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 22px;
    height: 22px;
    font-size: 20px;
    color: #fff;
    background-color: #70bf00;
    text-align: center;
    line-height: 22px
}

#vui-multiple-selector-root.vui-selector .list-view .detail-selectable:hover:before {
    border: 1px solid #70bf00;
    outline: 3px solid #70bf00;
    outline-offset: revert;
    transition: all 0.1s linear
}

.vui-single-selector.vui-selector .list-view .detail-selectable {
    background-image: none;
    position: relative
}

.vui-single-selector.vui-selector .list-view .detail-selectable:before {
    content: "";
    height: 22px;
    width: 22px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    border-radius: 50%;
    left: 8px;
    top: 8px
}

.vui-single-selector.vui-selector .list-view .detail-selectable:hover:before {
    border: 3px solid #07c;
    transition: all 0.1s linear
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected {
    background-image: none;
    position: relative;
    border: 0 !important
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid #07c;
    box-shadow: 0 0 rgba(204, 204, 204, 0);
    transition: all 0.2s linear
}

.vui-single-selector.vui-selector .list-view .detail-selectable.detail-selected:after {
    content: '';
    position: absolute;
    left: 13px;
    top: 13px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(1);
    transition: transform 0.4s ease-out;
    background-color: #07c;
    color: #fff
}

@media (max-width: 768px) {
    .streamline {
        padding: 0 15px
    }

    .treatment-edit h1 {
        padding: 5px 15px 8px;
        font-size: 1.5em;
        line-height: 20px;
        margin: 0
    }

    .vui-selecting .view-header .pager .items {
        margin: 0;
        text-align: center
    }

    .vui-selector .view-has-actions {
        padding-left: 0
    }

    .vui-selector .view-has-actions .view-actions {
        line-height: 38px
    }

    .topbar .process-reference {
        float: inherit;
        margin: 0 0 10px 52px;
        font-size: 14px
    }

    .topbar .process-header.panel-tabs .plugin-process-app-icon {
        left: -5px
    }

    .topbar .process-header.panel-tabs h1 {
        padding: 15px 15px 0 50px
    }

    .vui-selector-menu ul {
        white-space: nowrap;
        overflow-x: auto
    }
}

.view-header .pager .browser strong,
.view-header .pager .browser a {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    width: 40px;
    color: #4d4d4d !important
}

.view-header .pager .browser strong.page,
.view-header .pager .browser a.page {
    line-height: 38px
}

.view-header .pager .browser strong {
    min-width: 40px;
    border-radius: 5px;
    line-height: 40px;
    pointer-events: none;
    background-color: #ccc
}

.view-header .pager .browser a.first-page,
.view-header .pager .browser a.previous-page,
.view-header .pager .browser a.next-page,
.view-header .pager .browser a.last-page {
    font-size: 0
}

.view-header .pager .browser a.first-page:after,
.view-header .pager .browser a.previous-page:after,
.view-header .pager .browser a.next-page:after,
.view-header .pager .browser a.last-page:after {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    z-index: +25
}

.view-header .pager .browser a.first-page:after {
    content: "\e910";
    transform: rotate(180deg)
}

.view-header .pager .browser a.first-page:before {
    content: '';
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 7;
    opacity: 1;
    transform: scale(1);
    left: 14px;
    top: 13px
}

@media (max-width: 544px) {
    .view-header .pager .browser a.first-page:before {
        left: 12px;
        top: 12px
    }
}

.view-header .pager .browser a.previous-page:after {
    content: "\e910";
    transform: rotate(180deg)
}

.view-header .pager .browser a.next-page:after {
    content: "\e910"
}

.view-header .pager .browser a.last-page:after {
    content: "\e910"
}

.view-header .pager .browser a.last-page:before {
    content: '';
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 7;
    opacity: 1;
    transform: scale(1);
    right: 14px;
    left: inherit;
    top: 13px;
    height: 12px
}

@media (max-width: 544px) {
    .view-header .pager .browser a.last-page:before {
        right: 11px;
        top: 13px
    }
}

.handler-sorter-screen .fields-area,
.handler-sorter-screen .button-area {
    padding: 0 10px
}

.handler-sorter-screen .document-top-buttons {
    display: none
}

.handler-sorter-screen .list-sort .sorting-item select {
    height: 35px;
    font-size: 16px
}

.handler-sorter-screen .list-sort .sorting-order label {
    vertical-align: inherit
}

.list-view .detail .title A H4,
.links-view .detail A H4,
.thumbnails-view .detail A H4 {
    vertical-align: middle
}

.fileUpload-view .list-view .detail .title {
    vertical-align: middle
}

.fileUpload-view .list-view .detail .title A {
    display: flex;
    align-items: center;
    border: 0
}

.fileUpload-view .list-view .detail .title A H4 {
    margin: 0 0 0 10px
}

.fileUpload-view .list-view .detail .title .description {
    margin: 2px 0 0 5px;
    padding: 0
}

.list-view .detail .title H4 IMG {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

@media (max-width: 544px) {
    .list-view .detail .title A H4 {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 320px) {
    .list-view .detail .title A H4 {
        width: auto
    }
}

.vui-combobox-selected-items span .vui-combobox-item,
.vui-combobox-selected-items>span {
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 500;
    font-size: 16px;
    color: #07c;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    padding-right: 32px;
    padding-left: 10px;
    margin: 3px 5px 4px 0;
    height: 30px;
    transition: all 0.2s linear
}

.vui-combobox-selected-items span .vui-combobox-item:before,
.vui-combobox-selected-items>span:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(0, 126, 217, 0.15);
    opacity: 1;
    transform: scale(1);
    height: calc(100% - 8px);
    top: 4px;
    border-radius: 15px;
    height: 100%;
    top: 0;
    transform-origin: left center
}

.vui-combobox-selected-items span .vui-combobox-item:hover:before,
.vui-combobox-selected-items>span:hover:before {
    opacity: 0;
    transform: scaleX(0.5);
    transition: all 0.05s linear
}

.vui-combobox-selected-items span .vui-combobox-item:after,
.vui-combobox-selected-items>span:after {
    font-size: 24px;
    line-height: 23px;
    content: '\e925';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 24px;
    height: 24px;
    margin: 3px;
    top: 0;
    right: 0;
    opacity: 1;
    transition: all ease-out 0.25s;
    color: #07c;
    text-align: center;
    border-radius: 50%;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vui-combobox-selected-items span .vui-combobox-item:hover:after,
.vui-combobox-selected-items>span:hover:after {
    background-color: #07c;
    color: #fff
}

.vui-combobox-selected-items .vui-delete {
    position: absolute;
    left: 0;
    z-index: +1;
    float: right;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-image: none;
    transition: all 0.2s linear
}

.vui-combobox-selected-items .vui-delete:hover {
    background-image: none
}

.vui-combobox-selected-items .vui-delete:hover+.vui-combobox-selected-items .vui-combobox-item:after {
    color: #fff
}

.vui-combobox-selected-items span.vui-combobox-selected-item-plus {
    padding-left: 0
}

.vui-combobox-selected-items span.vui-combobox-selected-item-plus:before,
.vui-combobox-selected-items span.vui-combobox-selected-item-plus:after {
    display: none
}

.vui-combobox-selected-items>span.vui-combobox-plus,
.vui-combobox-selected-items>span.vui-combobox-minus {
    padding: 0;
    margin: 0
}

.vui-combobox-selected-items>span.vui-combobox-plus:before,
.vui-combobox-selected-items>span.vui-combobox-plus:after,
.vui-combobox-selected-items>span.vui-combobox-minus:before,
.vui-combobox-selected-items>span.vui-combobox-minus:after {
    display: none
}

.vui-combobox-selected-items.vui-selector-selected-items>span:not(.vui-combobox-plus) {
    display: inline;
    height: inherit;
    line-height: inherit;
    padding-right: inherit;
    padding-left: inherit;
    margin: inherit;
    position: inherit
}

.vui-combobox-single.vui-selector-field input,
.vui-combobox.vui-combobox-single input {
    color: #007bc2;
    font-size: 16px;
    padding-left: 40px;
    position: relative;
    z-index: +25
}

@media screen and (max-width: 320px) {

    .vui-combobox-single.vui-selector-field input,
    .vui-combobox.vui-combobox-single input {
        margin: 0
    }
}

.vui-combobox-single.vui-selector-field .vui-delete,
.vui-combobox.vui-combobox-single .vui-delete {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 4px;
    left: 4px;
    margin: 0;
    background: transparent url(../img/vui-delete.png) no-repeat center center;
    transition: all ease-out 0.1s;
    z-index: +40
}

.vui-combobox-single.vui-selector-field .vui-delete:hover,
.vui-combobox.vui-combobox-single .vui-delete:hover {
    background: transparent url(../img/vui-delete-hover.png) no-repeat center center
}

li.action-showall {
    font-size: 16px;
    color: #666
}

.buttons-group LI {
    display: inline-block;
    vertical-align: middle
}

.vui-combobox-plus {
    color: #fff;
    display: inline-block
}

.vui-selector-view .list-view .horizontal tr:nth-child(odd) {
    background: #f7f7f7
}

.vui-selector-view .list-view .horizontal tr tr {
    background: none !important
}

.vui-selector .list-view .detail .vui-selector-browsable-column h4 {
    padding-right: 15px;
    text-decoration: none
}

.vui-selector .list-view .detail .vui-selector-browsable-column h4:after {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all ease-out 0.2s;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    position: absolute
}

.vui-selector .list-view .detail .vui-selector-browsable-column:hover h4:after {
    transform: rotate(90deg)
}

.vui-selector .list-view .detail .vui-selector-browsable-column-hover H4 {
    background: none
}

.fields-area .vui-section-expanded h2 span {
    cursor: default
}

.shortcut-bar {
    position: fixed;
    z-index: 100;
    padding-top: 75px;
    height: 120%;
    width: 60px;
    transition: width ease-out 0.25s;
    background-color: #4d4d4d;
    text-align: left
}

.shortcut-bar.shortcut-bar-expanded {
    transition: width ease-out 0.075s
}

.shortcut-bar.shortcut-bar-empty {
    display: none
}

.shortcut-bar.shortcut-bar-empty~#default-container .form-area.fixed-buttons>.document-top-buttons {
    width: 100%;
    left: 0
}

.desktop .shortcut-bar {
    width: auto
}

.shortcut-bar ul {
    background: #4d4d4d
}

.desktop .shortcut-bar ul {
    background: #404040
}

.shortcut-bar ul ul {
    background: inherit;
    height: inherit
}

.shortcut-bar .search-zone {
    display: none
}

.shortcut-bar .shortcutbar-action {
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: left;
    border-radius: 0;
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    color: #fff
}

.shortcut-bar .shortcutbar-action i {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    z-index: 3;
    position: relative
}

.shortcut-bar .shortcutbar-action i.icon_32.icon_24_faq:before {
    content: "\e9d2";
    font-size: 24px
}

.shortcut-bar .shortcutbar-action span {
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
    padding: 0 15px 0 5px;
    display: inline-block;
    opacity: 0;
    width: 180px;
    transform: scaleX(0);
    transition: all ease-out 0.3s;
    transform-origin: left center
}

.shortcut-bar a.shortcutbar-action {
    border: none
}

.shortcut-bar a.shortcutbar-action:link,
.shortcut-bar a.shortcutbar-action:visited {
    color: #fff
}

.shortcut-bar.shortcut-bar-expanded {
    width: 240px
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action span {
    opacity: 1;
    transform: scaleX(1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action {
    transition: all 0.1s linear
}

.shortcut-bar.shortcut-bar-expanded .shortcutbar-action:hover {
    background-color: #666
}

.shortcut-bar.shortcut-bar-expanded li.active .shortcut-panel {
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.shortcut-bar.shortcut-bar-expanded li.active .shortcutbar-action {
    background-color: gray
}

.shortcut-panel {
    position: fixed;
    top: 75px;
    left: 240px;
    height: calc(100% - 75px);
    width: 480px;
    opacity: 0;
    transform: translateX(-30px);
    z-index: -1;
    visibility: hidden;
    transition: all ease-out 0.2s
}

.shortcut-bar-middle-office .shortcut-panel {
    left: 300px;
    width: calc(100% - 300px)
}

@media (max-width: 767px) {
    .shortcut-panel {
        height: calc(100% - 55px)
    }
}

.shortcut-panel .shortcut-panel-top {
    padding: 0 20px;
    position: relative
}

.shortcut-panel .shortcut-panel-top h1 {
    font-size: 30px;
    line-height: 59px;
    height: 60px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 271px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .shortcut-panel .shortcut-panel-top h1 {
        font-size: 20px;
        line-height: 40px;
        height: 40px
    }
}

.shortcut-panel .shortcut-panel-top .custom-link {
    margin-left: 5px;
    vertical-align: middle;
    height: 40px;
    position: relative;
    display: inline-block;
    border: 0;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 16px;
    color: #07c
}

.shortcut-panel .shortcut-panel-top .custom-link:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 126, 217, 0.15);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear
}

.shortcut-panel .shortcut-panel-top .custom-link:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.shortcut-panel .shortcut-panel-top .custom-link span:before {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    padding: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

@media (max-width: 544px) {
    .shortcut-panel .shortcut-panel-top .custom-link {
        font-size: 14px
    }

    .shortcut-panel .shortcut-panel-top .custom-link:before {
        height: calc(100% - 8px);
        top: 4px
    }
}

.shortcut-panel .shortcut-panel-top .button span {
    position: inherit
}

.shortcut-panel .shortcut-panel-top button i {
    height: auto;
    line-height: inherit
}

.shortcut-panel .shortcut-panel-top .form {
    height: 60px
}

@media (max-width: 767px) {
    .shortcut-panel .shortcut-panel-top .form {
        height: 50px
    }
}

.shortcut-panel .shortcut-panel-top .shortcut-panel-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding-right: 0;
    width: 40px
}

.shortcut-panel .shortcut-panel-scroll {
    background-color: #e0e0e0;
    overflow-y: auto;
    height: calc(100% - 110px)
}

@media (max-width: 979px) {
    .shortcut-panel .shortcut-panel-scroll {
        height: calc(100% - 100px)
    }
}

@media (max-width: 767px) {
    .shortcut-panel .shortcut-panel-scroll {
        height: calc(100% - 90px)
    }
}

.shortcut-panel li.category h3 {
    font-size: 18px;
    font-weight: bold;
    color: #4d4d4d;
    padding: 0 10px
}

.shortcut-panel li.category a {
    padding: 10px;
    border: none;
    position: relative;
    display: block;
    color: #4d4d4d
}

.shortcut-panel li.category a i {
    margin-right: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 8px 12px;
    line-height: 32px;
    vertical-align: middle
}

.shortcut-panel li.category a i:after {
    content: '';
    display: block;
    border-radius: 5px;
    position: absolute;
    transform-origin: center center;
    background-color: #fff;
    opacity: 0.7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    transition: all 0.25s linear;
    width: 48px;
    height: 48px;
    z-index: -1;
    top: 0;
    left: 0
}

.shortcut-panel li.category a:hover i:after {
    transform: scale(1.1);
    transition: all 0.1s linear;
    opacity: 1
}

.shortcut-panel li.category a:hover {
    background: #f0f0f0
}

.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container,
.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.full-page-no-margin-container {
    margin-left: 60px
}

.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~#default-container .process-hp,
.shortcut-bar.shortcut-bar-desktop:not(.shortcut-bar-empty)~.full-page-no-margin-container .process-hp {
    padding: 105px 30px 0 30px
}

@media (max-width: 1365px) {
    .shortcut-bar {
        padding-top: 65px
    }

    .shortcut-panel {
        top: 65px
    }
}

@media (max-width: 979px) {
    .shortcut-bar {
        padding-top: 55px
    }

    .shortcut-panel {
        top: 55px
    }
}

.shortcut-bar.shortcut-bar-mobile {
    left: -100%
}

.shortcut-bar.shortcut-bar-mobile.shortcut-bar-expanded {
    left: 0
}

@media (max-width: 767px) {
    .shortcut-bar.shortcut-bar-mobile {
        padding-top: 55px;
        width: calc(100% - 50px);
        transition: all ease-out 0.1s
    }

    .shortcut-bar.shortcut-bar-mobile.shortcut-bar-expanded {
        width: calc(100% - 50px)
    }

    .shortcut-bar.shortcut-bar-mobile li.active .shortcut-panel {
        left: 0;
        width: 100%;
        z-index: 201
    }

    .shortcut-bar.shortcut-bar-mobile .shortcut-panel {
        top: 55px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .shortcut-bar.shortcut-bar-mobile {
        padding-top: 65px
    }

    .shortcut-bar.shortcut-bar-mobile .shortcut-panel {
        top: 65px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .shortcut-bar.shortcut-bar-mobile .shortcut-panel {
        top: 55px
    }

    .shortcut-bar.shortcut-bar-mobile {
        padding-top: 55px
    }

    .multiservice-links a.active {
        font-size: 16px
    }
}

.shortcutbar-action .counter {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: none;
    position: absolute;
    top: 8px;
    left: 30px;
    transition: all 0.3s ease;
    background-color: #d1003b;
    color: #fff;
    text-align: center;
    width: 27px;
    height: 27px;
    border: 3px solid #4d4d4d;
    border-radius: 50%;
    z-index: 10
}

.shortcutbar-action:hover .counter {
    border: 3px solid #666
}

@keyframes fadein {
    0% {
        opacity: 0;
        margin-left: -150px
    }

    100% {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
        margin-left: 0
    }

    100% {
        opacity: 0;
        margin-left: -150px
    }
}

.shortcut-bar .icon_24_documents {
    font-size: 24px
}

.shortcut-bar-mobile+div+script+.container-fluid .form-area.fixed-buttons>.document-top-buttons {
    left: 0;
    width: 100%
}

.slider-container .responsive-slider-slides span.title {
    font-size: 52px;
    font-weight: 400;
    letter-spacing: -0.015em;
    position: absolute;
    bottom: 90px;
    right: 50px;
    color: white;
    width: 60%;
    text-align: right;
    text-shadow: 2px 2px 5px #000
}

.responsive-slider .arrow-left,
.responsive-slider .arrow-right {
    display: block;
    position: absolute;
    width: 90px;
    height: 100%;
    top: 0 !important;
    cursor: pointer;
    background: transparent;
    overflow: hidden;
    border-radius: 0;
    padding: 0 15px;
    opacity: 0;
    transition: opacity 0.1s linear
}

.responsive-slider .arrow-left .arrow-inner,
.responsive-slider .arrow-right .arrow-inner {
    position: absolute;
    top: calc(50% - 25px);
    z-index: +1
}

.responsive-slider .arrow-left:hover,
.responsive-slider .arrow-right:hover {
    background: transparent
}

.responsive-slider .arrow-left:before,
.responsive-slider .arrow-right:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    left: 20px;
    top: calc(50% - 25px);
    transition: transform 0.1s ease-out
}

.responsive-slider .arrow-left:hover:before,
.responsive-slider .arrow-right:hover:before {
    transform: scale(1.2)
}

.responsive-slider .arrow-left {
    left: 0
}

.responsive-slider .arrow-left .arrow-inner {
    margin: 15px 0 0 25px
}

.responsive-slider .arrow-right {
    right: 0
}

.responsive-slider .arrow-right .arrow-inner {
    margin: 16px 0 0 15px
}

.responsive-slider:hover .arrow-left,
.responsive-slider:hover .arrow-right {
    opacity: 1
}

.responsive-slider-slides a:before {
    transition: all 0.1s linear;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    z-index: +1
}

.responsive-slider-slides a:hover:before {
    background: rgba(255, 255, 255, 0.2)
}

.system-page {
    margin-top: 50px
}

@media (max-width: 544px) {
    .system-page {
        margin-top: 15px
    }
}

.system-page h1 {
    font-weight: 700
}

@media (max-width: 544px) {
    .system-page h1 {
        font-size: 2em
    }
}

.system-page .nothing-here {
    background: url("../img/noelement.png") no-repeat center center;
    height: 183px;
    width: 206px;
    display: block;
    margin: 0 auto
}

.system-page .max-session div p {
    text-align: left
}

.system-page.openid-error-page .openid-error {
    background: url("../img/open-id-error-big.svg") no-repeat center center;
    height: 134px;
    width: 125px;
    display: block;
    margin: 1em auto 1em auto
}

.system-page.openid-error-page p {
    margin-bottom: 1em
}

.system-page.openid-error-page .error-details {
    display: inline-block;
    text-align: left;
    max-width: 75%
}

.system-page.openid-error-page .error-details ul li {
    margin-bottom: 1em
}

.system-page.openid-error-page span.instruction-message {
    display: inline-block;
    margin-bottom: 1em
}

.system-page.openid-error-page .detail-content {
    font-weight: bold
}

.system-page .authenticationForm-unlock .fields-area .cell-left {
    text-align: right
}

.system-page .authenticationForm-unlock .fields-area .cell-left:last-of-type {
    vertical-align: middle
}

@media screen and (max-width: 919px) {
    .system-page .authenticationForm-unlock .fields-area .cell-left {
        text-align: left
    }
}

.system-page .authenticationForm-unlock .fields-area .cell-right {
    text-align: left
}

.system-page .authenticationForm-unlock .fields-area .cell-right input {
    width: 202px
}

.system-page .authenticationForm-unlock .fields-area .captcha img {
    border: 1px solid #d4d4d4;
    margin-bottom: 15px;
    margin-right: 8px
}

.system-page .authenticationForm-unlock .fields-area .captcha .action-regenerate {
    vertical-align: baseline;
    padding-left: 23px;
    padding-top: 7px
}

.system-page .authenticationForm-unlock .fields-area .captcha .action-regenerate:after {
    content: "\e932";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: 3px;
    font-size: 24px;
    color: #4d4d4d
}

.system-page .authenticationForm-unlock .fields-area .captcha .action-regenerate span {
    font-size: 0
}

.system-page .authenticationForm-unlock .action-unlock:before {
    content: "";
    font-size: 24px;
    line-height: 24px;
    color: #70bf00;
    display: inline-block;
    vertical-align: middle;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -3px 5px 0 -2px
}

.system-page .authenticationForm-unlock .button-area.document-bottom-buttons {
    padding-bottom: 0
}

.system-page .authenticationForm-unlock .button-area.document-bottom-buttons .buttons-group {
    padding-bottom: 0
}

@media screen {
    .table-view table {
        margin: 0;
        min-width: auto;
        color: #fff
    }

    .table-view table th {
        display: none
    }

    .table-view table td {
        display: block;
        width: auto
    }

    .table-view table td:first-child {
        padding-top: .5em
    }
}

@media screen and (max-width: 768px) {
    .table-view table td:first-child {
        padding-top: 0
    }
}

@media screen {
    .table-view table td:last-child {
        padding-bottom: .5em
    }

    .table-view table td:before {
        content: attr(data-vdp-th) "";
        font-weight: bold;
        width: 100%;
        display: block
    }
}

@media screen and (min-width: 767px) {
    .table-view table td:before {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .table-view table td:before {
        width: auto;
        display: inline-flex;
        margin-right: 10px
    }
}

@media screen {

    .table-view table th,
    .table-view table td {
        margin: 0
    }
}

@media screen and (min-width: 768px) {

    .table-view table th,
    .table-view table td {
        display: table-cell;
        padding: .25em .5em
    }
}

@media screen {

    .table-view table th,
    .table-view table td:before {
        color: #4d4d4d
    }
}

@media screen and (max-width: 768px) {

    .table td.cell1,
    .table td.cell2 {
        padding: 0
    }
}

@media (max-width: 1199px) {

    .thematic-page-container>div:last-child.application-hp,
    .default-template-container>div:last-child.application-hp {
        padding-right: 15px
    }

    .thematic-page-container>div:last-child.application-hp>div:first-child,
    .default-template-container>div:last-child.application-hp>div:first-child {
        padding-right: 0
    }
}

@media (max-width: 767px) {

    .thematic-page-container>div:last-child.application-hp>div:last-child,
    .default-template-container>div:last-child.application-hp>div:last-child {
        padding-left: 0
    }
}

@media (max-width: 544px) {

    .thematic-page-container>div:last-child.application-hp,
    .default-template-container>div:last-child.application-hp {
        padding: 0
    }
}

.thematic-page-container>div>div:not(.user-panel-left, .user-panel-right, .col),
.default-template-container>div>div:not(.user-panel-left, .user-panel-right, .col) {
    margin-right: 0;
    width: 100%
}

.default-template-container>.topbar {
    margin: -30px -15px 0 -30px
}

@media screen and (max-width: 1199px) {
    .default-template-container>.topbar {
        margin: -15px 0 0 -15px
    }
}

@media screen and (max-width: 544px) {
    .default-template-container>.topbar {
        margin: 0
    }
}

.default-template-container .client-view>div:first-child:not(.title-zone-if-shortcut-bar) {
    padding-left: 0
}

@media (max-width: 544px) {
    .default-template-container .client-view>div:first-child:not(.title-zone-if-shortcut-bar) {
        padding-right: 0
    }
}

.default-template-container .client-view>div:last-child {
    padding-right: 30px
}

@media (max-width: 1199px) {
    .default-template-container .client-view>div:last-child:not(.application-hp) {
        padding: 15px;
        padding-left: 0
    }
}

@media (max-width: 544px) {
    .default-template-container .client-view>div:last-child:not(.application-hp) {
        padding-right: 0
    }
}

@media (max-width: 544px) {
    .default-template-container .client-view>div:last-child {
        padding: 0
    }
}

.default-template-container .client-view>div:first-child.col-sm-3 {
    padding-right: 0;
    margin-right: 0
}

@media (max-width: 1365px) {
    .default-template-container .client-view>div:first-child.col-sm-3 {
        margin-bottom: 0
    }
}

.default-template-container .client-view>div:last-child.col-sm-9 {
    padding-right: 0;
    padding-left: 30px
}

@media (max-width: 1365px) {
    .default-template-container .client-view>div:last-child.col-sm-9 {
        padding-top: 0;
        padding-left: 15px
    }
}

.panel-title-footer {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    width: 100%
}

.thematic-page-container .panel-title-footer,
.thematic-page-container .screen:not(.fileUpload-view),
.default-template-container .panel-title-footer,
.default-template-container .screen:not(.fileUpload-view) {
    margin-bottom: 30px
}

.thematic-page-container .panel-title-footer:last-child,
.thematic-page-container .panel-title-footer+.panel-title-footer:last-child,
.thematic-page-container .screen:not(.fileUpload-view):last-child,
.thematic-page-container .screen:not(.fileUpload-view)+.panel-title-footer:last-child,
.default-template-container .panel-title-footer:last-child,
.default-template-container .panel-title-footer+.panel-title-footer:last-child,
.default-template-container .screen:not(.fileUpload-view):last-child,
.default-template-container .screen:not(.fileUpload-view)+.panel-title-footer:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1365px) {

    .thematic-page-container .panel-title-footer,
    .thematic-page-container .screen:not(.fileUpload-view),
    .default-template-container .panel-title-footer,
    .default-template-container .screen:not(.fileUpload-view) {
        margin-bottom: 15px
    }
}

.thematic-page-container .panel-title-footer>.screen,
.thematic-page-container .screen:not(.fileUpload-view)>.screen,
.default-template-container .panel-title-footer>.screen,
.default-template-container .screen:not(.fileUpload-view)>.screen {
    margin-bottom: 0
}

.panel-title-footer>h2 {
    line-height: 1.2;
    margin: -0.4em 0 0.5em 0;
    padding-bottom: 0.5em;
    border-bottom: 5px solid #e6e6e6;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.015em
}

.panel-title-footer .panel-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    position: relative
}

.panel-title-footer .panel-footer {
    padding: 15px 0 0;
    border-top: 5px solid #e0e0e0;
    text-align: center;
    clear: both
}

.panel-title-footer .panel-footer a {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: #07c;
    display: inline-block;
    padding: 0 10px;
    border: none;
    background: transparent;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    transition: opacity 0.1s linear
}

.panel-title-footer .panel-footer a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    transition: 0.1s linear;
    background-color: rgba(0, 126, 217, 0.15);
    transform: scale(0.8);
    border-radius: 5px
}

.panel-title-footer .panel-footer a:hover:before,
.panel-title-footer .panel-footer a:focus:before {
    opacity: 1;
    transform: scale(1)
}

.panel-title-footer .paragraph-two-columns {
    column-count: 2
}

@media (max-width: 768px) {
    .panel-title-footer .paragraph-two-columns {
        column-count: 1
    }
}

.thematic-page-container .tiles.row,
.default-template-container .tiles.row {
    margin: 0 0 22px -8px !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%
}

@media (max-width: 1199px) {

    .thematic-page-container .tiles.row,
    .default-template-container .tiles.row {
        padding-left: 15px
    }
}

.thematic-page-container .col-lg-12 .tile,
.default-template-container .col-lg-12 .tile,
.thematic-page-container .col-lg-12 .single-tile,
.default-template-container .col-lg-12 .single-tile,
#default-container>.row .col-lg-12>.single-tile,
#default-container>.row .col-lg-12>.tile {
    width: 10%
}

@media screen and (max-width: 1599px) {

    .thematic-page-container .col-lg-12 .tile,
    .default-template-container .col-lg-12 .tile,
    .thematic-page-container .col-lg-12 .single-tile,
    .default-template-container .col-lg-12 .single-tile,
    #default-container>.row .col-lg-12>.single-tile,
    #default-container>.row .col-lg-12>.tile {
        width: 12.5%
    }
}

.thematic-page-container .col-lg-11 .tile,
.default-template-container .col-lg-11 .tile,
.thematic-page-container .col-lg-11 .single-tile,
.default-template-container .col-lg-11 .single-tile,
#default-container>.row .col-lg-11>.single-tile,
#default-container>.row .col-lg-11>.tile {
    width: 10%
}

.thematic-page-container .col-lg-10 .tile,
.default-template-container .col-lg-10 .tile,
.thematic-page-container .col-lg-10 .single-tile,
.default-template-container .col-lg-10 .single-tile,
#default-container>.row .col-lg-10>.single-tile,
#default-container>.row .col-lg-10>.tile {
    width: 11%
}

.thematic-page-container .col-lg-8 .tile,
.default-template-container .col-lg-8 .tile,
.thematic-page-container .col-lg-8 .single-tile,
.default-template-container .col-lg-8 .single-tile,
#default-container>.row .col-lg-8>.single-tile,
#default-container>.row .col-lg-8>.tile {
    width: 14.2857142857%
}

.thematic-page-container .col-lg-9 .tile,
.default-template-container .col-lg-9 .tile,
.thematic-page-container .col-lg-9 .single-tile,
.default-template-container .col-lg-9 .single-tile,
#default-container>.row .col-lg-9>.single-tile,
#default-container>.row .col-lg-9>.tile {
    width: 12.5%
}

.thematic-page-container .col-lg-7 .tile,
.default-template-container .col-lg-7 .tile,
.thematic-page-container .col-lg-7 .single-tile,
.default-template-container .col-lg-7 .single-tile,
#default-container>.row .col-lg-7>.single-tile,
#default-container>.row .col-lg-7>.tile {
    width: 18%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-7 .tile,
    .default-template-container .col-lg-7 .tile,
    .thematic-page-container .col-lg-7 .single-tile,
    .default-template-container .col-lg-7 .single-tile,
    #default-container>.row .col-lg-7>.single-tile,
    #default-container>.row .col-lg-7>.tile {
        width: 20% !important
    }
}

.thematic-page-container .col-lg-6 .tile,
.default-template-container .col-lg-6 .tile,
.thematic-page-container .col-lg-6 .single-tile,
.default-template-container .col-lg-6 .single-tile,
#default-container>.row .col-lg-6>.single-tile,
#default-container>.row .col-lg-6>.tile {
    width: 20%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-6 .tile,
    .default-template-container .col-lg-6 .tile,
    .thematic-page-container .col-lg-6 .single-tile,
    .default-template-container .col-lg-6 .single-tile,
    #default-container>.row .col-lg-6>.single-tile,
    #default-container>.row .col-lg-6>.tile {
        width: 25% !important
    }
}

.thematic-page-container .col-lg-5 .tile,
.default-template-container .col-lg-5 .tile,
.thematic-page-container .col-lg-5 .single-tile,
.default-template-container .col-lg-5 .single-tile,
#default-container>.row .col-lg-5>.single-tile,
#default-container>.row .col-lg-5>.tile {
    width: 20%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-5 .tile,
    .default-template-container .col-lg-5 .tile,
    .thematic-page-container .col-lg-5 .single-tile,
    .default-template-container .col-lg-5 .single-tile,
    #default-container>.row .col-lg-5>.single-tile,
    #default-container>.row .col-lg-5>.tile {
        width: 33.333334% !important
    }
}

.thematic-page-container .col-lg-4 .tile,
.default-template-container .col-lg-4 .tile,
.thematic-page-container .col-lg-4 .single-tile,
.default-template-container .col-lg-4 .single-tile,
#default-container>.row .col-lg-4>.single-tile,
#default-container>.row .col-lg-4>.tile {
    width: 25%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-4 .tile,
    .default-template-container .col-lg-4 .tile,
    .thematic-page-container .col-lg-4 .single-tile,
    .default-template-container .col-lg-4 .single-tile,
    #default-container>.row .col-lg-4>.single-tile,
    #default-container>.row .col-lg-4>.tile {
        width: 33.333334% !important
    }
}

.thematic-page-container .col-lg-3 .tile,
.default-template-container .col-lg-3 .tile,
.thematic-page-container .col-lg-3 .single-tile,
.default-template-container .col-lg-3 .single-tile,
#default-container>.row .col-lg-3>.single-tile,
#default-container>.row .col-lg-3>.tile {
    width: 33.333334%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-3 .tile,
    .default-template-container .col-lg-3 .tile,
    .thematic-page-container .col-lg-3 .single-tile,
    .default-template-container .col-lg-3 .single-tile,
    #default-container>.row .col-lg-3>.single-tile,
    #default-container>.row .col-lg-3>.tile {
        width: 50% !important
    }
}

.thematic-page-container .col-lg-2 .tile,
.default-template-container .col-lg-2 .tile,
.thematic-page-container .col-lg-2 .single-tile,
.default-template-container .col-lg-2 .single-tile,
#default-container>.row .col-lg-2>.single-tile,
#default-container>.row .col-lg-2>.tile {
    width: 50%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-2 .tile,
    .default-template-container .col-lg-2 .tile,
    .thematic-page-container .col-lg-2 .single-tile,
    .default-template-container .col-lg-2 .single-tile,
    #default-container>.row .col-lg-2>.single-tile,
    #default-container>.row .col-lg-2>.tile {
        width: 100% !important
    }
}

.thematic-page-container .col-lg-1 .tile,
.default-template-container .col-lg-1 .tile,
.thematic-page-container .col-lg-1 .single-tile,
.default-template-container .col-lg-1 .single-tile,
#default-container>.row .col-lg-1>.single-tile,
#default-container>.row .col-lg-1>.tile {
    width: 100%
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {

    .thematic-page-container .col-lg-1 .tile,
    .default-template-container .col-lg-1 .tile,
    .thematic-page-container .col-lg-1 .single-tile,
    .default-template-container .col-lg-1 .single-tile,
    #default-container>.row .col-lg-1>.single-tile,
    #default-container>.row .col-lg-1>.tile {
        width: 100% !important
    }
}

.thematic-page-container .single-tile a.tile,
.default-template-container .single-tile a.tile,
#default-container>.row .single-tile a.tile {
    width: 100% !important
}

.thematic-page-container .col .tile,
.default-template-container .col .tile,
.thematic-page-container .col .single-tile,
.default-template-container .col .single-tile,
#default-container>.row .col .single-tile,
#default-container>.row .col .tile {
    height: inherit;
    display: inline-block
}

@media screen and (max-width: 1599px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 16.6666666667%
    }
}

@media screen and (max-width: 1365px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 20%
    }
}

@media screen and (max-width: 1199px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 16.6666666667%
    }
}

@media screen and (max-width: 979px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 20%
    }
}

@media screen and (max-width: 860px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 25%
    }
}

@media screen and (max-width: 639px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 33.333334%
    }
}

@media screen and (max-width: 430px) {

    .thematic-page-container .col .tile,
    .default-template-container .col .tile,
    .thematic-page-container .col .single-tile,
    .default-template-container .col .single-tile,
    #default-container>.row .col .single-tile,
    #default-container>.row .col .tile {
        width: 50%
    }
}

.thematic-page-container .col .tile:after,
.default-template-container .col .tile:after,
.thematic-page-container .col .single-tile:after,
.default-template-container .col .single-tile:after,
#default-container>.row .col .single-tile:after,
#default-container>.row .col .tile:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.thematic-page-container .col .tile>span,
.thematic-page-container .col .tile>i,
.default-template-container .col .tile>span,
.default-template-container .col .tile>i,
.thematic-page-container .col .single-tile>span,
.thematic-page-container .col .single-tile>i,
.default-template-container .col .single-tile>span,
.default-template-container .col .single-tile>i,
#default-container>.row .col .single-tile>span,
#default-container>.row .col .single-tile>i,
#default-container>.row .col .tile>span,
#default-container>.row .col .tile>i {
    position: absolute
}

.thematic-page-container .col .tile>span,
.default-template-container .col .tile>span,
.thematic-page-container .col .single-tile>span,
.default-template-container .col .single-tile>span,
#default-container>.row .col .single-tile>span,
#default-container>.row .col .tile>span {
    height: 40px;
    width: calc(100% - 20px);
    left: 0
}

.thematic-page-container .col .tile>span>span,
.default-template-container .col .tile>span>span,
.thematic-page-container .col .single-tile>span>span,
.default-template-container .col .single-tile>span>span,
#default-container>.row .col .single-tile>span>span,
#default-container>.row .col .tile>span>span {
    width: 100%;
    position: relative;
    padding: 0 10px
}

.thematic-page-container .col .tile>i,
.default-template-container .col .tile>i,
.thematic-page-container .col .single-tile>i,
.default-template-container .col .single-tile>i,
#default-container>.row .col .single-tile>i,
#default-container>.row .col .tile>i {
    top: 45%;
    left: 0;
    width: 100%
}

@media screen and (max-width: 550px) {

    .thematic-page-container .col .tile>i,
    .default-template-container .col .tile>i,
    .thematic-page-container .col .single-tile>i,
    .default-template-container .col .single-tile>i,
    #default-container>.row .col .single-tile>i,
    #default-container>.row .col .tile>i {
        font-size: 250%
    }
}

@media screen and (max-width: 430px) {

    .thematic-page-container .col .tile>i,
    .default-template-container .col .tile>i,
    .thematic-page-container .col .single-tile>i,
    .default-template-container .col .single-tile>i,
    #default-container>.row .col .single-tile>i,
    #default-container>.row .col .tile>i {
        font-size: 64px
    }
}

@media screen and (max-width: 350px) {

    .thematic-page-container .col .tile>i,
    .default-template-container .col .tile>i,
    .thematic-page-container .col .single-tile>i,
    .default-template-container .col .single-tile>i,
    #default-container>.row .col .single-tile>i,
    #default-container>.row .col .tile>i {
        font-size: 200%
    }
}

@media screen and (max-width: 320px) {

    .thematic-page-container .col .tile>i,
    .default-template-container .col .tile>i,
    .thematic-page-container .col .single-tile>i,
    .default-template-container .col .single-tile>i,
    #default-container>.row .col .single-tile>i,
    #default-container>.row .col .tile>i {
        top: 43%
    }
}

.thematic-page-container .col .single-tile:after,
.default-template-container .col .single-tile:after,
#default-container>.row .col .single-tile:after {
    content: none
}

.thematic-page-container .h2-wrapper,
.default-template-container .h2-wrapper {
    border: 0
}

.thematic-page-container .h2-wrapper h2,
.default-template-container .h2-wrapper h2 {
    line-height: 1.2;
    margin: -0.4em 0 0.5em 0;
    font-weight: 400;
    letter-spacing: -0.015em;
    display: none
}

.thematic-page-container .bottom-link-wrapper,
.default-template-container .bottom-link-wrapper {
    display: none
}

.thematic-page-container .homepage-with-news .slider-container,
.default-template-container .homepage-with-news .slider-container {
    margin-bottom: 30px
}

.thematic-page-container .col-lg-11 .panel-content article,
.thematic-page-container .col-lg-10 .panel-content article,
.default-template-container .col-lg-11 .panel-content article,
.default-template-container .col-lg-10 .panel-content article {
    width: 33.333334%;
    float: left
}

@media screen and (max-width: 1200px) {

    .thematic-page-container .col-lg-11 .panel-content article,
    .thematic-page-container .col-lg-10 .panel-content article,
    .default-template-container .col-lg-11 .panel-content article,
    .default-template-container .col-lg-10 .panel-content article {
        width: 50%
    }
}

@media screen and (max-width: 900px) {

    .thematic-page-container .col-lg-11 .panel-content article,
    .thematic-page-container .col-lg-10 .panel-content article,
    .default-template-container .col-lg-11 .panel-content article,
    .default-template-container .col-lg-10 .panel-content article {
        width: 100%;
        clear: both
    }
}

.thematic-page-container .col-lg-9 .panel-content article,
.thematic-page-container .col-lg-8 .panel-content article,
.default-template-container .col-lg-9 .panel-content article,
.default-template-container .col-lg-8 .panel-content article {
    width: 50%;
    float: left
}

@media screen and (max-width: 900px) {

    .thematic-page-container .col-lg-9 .panel-content article,
    .thematic-page-container .col-lg-8 .panel-content article,
    .default-template-container .col-lg-9 .panel-content article,
    .default-template-container .col-lg-8 .panel-content article {
        width: 100%;
        clear: both
    }
}

.thematic-page-container .thumbnail-view .detail,
.default-template-container .thumbnail-view .detail {
    border: 0
}

.sys-application-portal-filecenter-folders .links-view .detail a {
    text-decoration: none;
    transition: opacity 0.07s linear;
    border-bottom: dotted 1px #07c !important;
    margin-left: 30px
}

.sys-application-portal-filecenter-folders .links-view .detail a:hover,
.sys-application-portal-filecenter-folders .links-view .detail a:focus {
    border-bottom: solid 1px #07c !important
}

.sys-application-portal-filecenter-folders .links-view .detail a:active {
    opacity: 1
}

.sys-application-portal-filecenter-folders .links-view .detail a h4 {
    font-weight: inherit;
    text-decoration: none
}

.sys-application-portal-filecenter-folders .links-view .detail a h4 img {
    margin-left: -30px
}

.thematic-page-container .screen.empty-navigation.sys-views-process,
.thematic-page-container .screen.empty-navigation.sys-application-portal-filecenter-folders,
.default-template-container .screen.empty-navigation.sys-views-process,
.default-template-container .screen.empty-navigation.sys-application-portal-filecenter-folders {
    width: 100%
}

.thematic-page-container .screen.empty-navigation.sys-views-process~a,
.thematic-page-container .screen.empty-navigation.sys-application-portal-filecenter-folders~a,
.default-template-container .screen.empty-navigation.sys-views-process~a,
.default-template-container .screen.empty-navigation.sys-application-portal-filecenter-folders~a {
    margin-left: 20px;
    position: relative
}

.thematic-page-container .screen.empty-navigation.sys-views-process~a:before,
.thematic-page-container .screen.empty-navigation.sys-application-portal-filecenter-folders~a:before,
.default-template-container .screen.empty-navigation.sys-views-process~a:before,
.default-template-container .screen.empty-navigation.sys-application-portal-filecenter-folders~a:before {
    content: "\e910";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: -1px;
    left: -20px;
    position: absolute;
    font-size: 20px;
    color: #4d4d4d
}

.thematic-page-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a,
.default-template-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a {
    padding-left: 30px
}

.thematic-page-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a:after,
.default-template-container .sys-application-portal-filecenter-folders .navigation-area .list-view .detail a:after {
    content: "\e94a";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #faa700;
    position: absolute;
    left: 4px;
    z-index: +1
}

.thematic-page-container .navigation-area>div>div>table,
.default-template-container .navigation-area>div>div>table {
    display: inline-flex
}

.thematic-page-container .navigation-area>div>div>table>tbody>tr,
.default-template-container .navigation-area>div>div>table>tbody>tr {
    display: inline
}

.thematic-page-container .navigation-area>div>div>table>tbody>tr>td,
.default-template-container .navigation-area>div>div>table>tbody>tr>td {
    width: auto;
    display: inline-block
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-zone a,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-zone a {
    border: 0 !important;
    overflow-wrap: break-word;
    word-break: break-all
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-zone a:hover,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-zone a:hover {
    border-bottom: 1px dotted #07c
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view tr,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view tr {
    display: inline
}

.thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
.default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
    display: inline-flex;
    justify-content: center
}

@media screen and (max-width: 768px) {

    .thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
    .default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
        width: 33.333333334%
    }
}

@media screen and (max-width: 580px) {

    .thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
    .default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
        width: 50%
    }
}

@media screen and (max-width: 440px) {

    .thematic-page-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td,
    .default-template-container .sys-application-portal-filecenter-folders .view-area .thumbnail-view td {
        width: 100%
    }
}

.thematic-page-container .thumbnail-view .detail,
.default-template-container .thumbnail-view .detail {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone,
.default-template-container .thumbnail-view .detail .thumbnail-zone {
    width: auto
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone .thumbnail,
.default-template-container .thumbnail-view .detail .thumbnail-zone .thumbnail {
    font-size: 0
}

.thematic-page-container .thumbnail-view .detail .thumbnail-zone,
.default-template-container .thumbnail-view .detail .thumbnail-zone {
    display: flex;
    align-items: center
}

.thematic-page-container .streamline .streamline-entry:before,
.default-template-container .streamline .streamline-entry:before {
    content: none
}

.thematic-page-container .streamline,
.default-template-container .streamline {
    display: flex;
    align-items: center
}

.thematic-page-container .navigation-area .streamline .action-root,
.default-template-container .navigation-area .streamline .action-root {
    background-image: none;
    top: -5px
}

.thematic-page-container .streamline .streamline-entry a,
.default-template-container .streamline .streamline-entry a {
    position: relative;
    z-index: +1;
    padding: 3px 5px;
    display: inline
}

.thematic-page-container .streamline .streamline-entry a:before,
.default-template-container .streamline .streamline-entry a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.3);
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    background-color: #d4d4d4;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    z-index: -1
}

.thematic-page-container .streamline .streamline-entry a:hover:before,
.thematic-page-container .streamline .streamline-entry a:focus:before,
.default-template-container .streamline .streamline-entry a:hover:before,
.default-template-container .streamline .streamline-entry a:focus:before {
    opacity: 0.5;
    transform: scale(1);
    transition: all 0.05s linear
}

.thematic-page-container .streamline:before,
.default-template-container .streamline:before {
    line-height: inherit;
    display: inline;
    vertical-align: inherit;
    margin: 0 10px 0 0
}

.thematic-page-container .panel-content>a {
    text-decoration: none;
    transition: opacity 0.07s linear;
    border-bottom: dotted 1px #07c;
    align-self: baseline;
    margin-bottom: 1.11em
}

.thematic-page-container .panel-content>a:hover,
.thematic-page-container .panel-content>a:focus {
    border-bottom: solid 1px #07c
}

.thematic-page-container .panel-content>a:active {
    opacity: 1
}

.thematic-page-container .panel-content>a:first-child {
    margin: 1.11em 0
}

.thematic-page-container .panel-content>a:last-child {
    margin-bottom: 0
}

.thematic-page-container .block-btn,
.default-template-container .block-btn {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center
}

.block-btn>a {
    min-width: 48%;
    width: auto
}

.thematic-page-container .block-contact h4,
.default-template-container .block-contact h4 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.3
}

.thematic-page-container .block-contact h4+p,
.default-template-container .block-contact h4+p {
    font-size: 16px
}

.thematic-page-container .block-contact a,
.default-template-container .block-contact a {
    font-size: 16px
}

.thematic-page-container .block-contact h6,
.default-template-container .block-contact h6 {
    font-size: 16px;
    font-weight: normal;
    line-height: 21px
}

.thematic-page-container .block-contact .tel-numbers h6,
.default-template-container .block-contact .tel-numbers h6 {
    display: inline-block;
    position: relative;
    padding-left: 20px
}

.thematic-page-container .block-contact .tel-numbers h6:nth-child(2),
.default-template-container .block-contact .tel-numbers h6:nth-child(2) {
    margin-left: 10px
}

.thematic-page-container .block-contact .tel-numbers h6.fix:before,
.default-template-container .block-contact .tel-numbers h6.fix:before {
    content: "\e92c";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -5px;
    color: #4d4d4d;
    font-size: 24px
}

.thematic-page-container .block-contact .tel-numbers h6.portable:before,
.default-template-container .block-contact .tel-numbers h6.portable:before {
    content: "\e92b";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -5px;
    color: #4d4d4d;
    font-size: 24px
}

.thematic-page-container .block-contact+.block-contact,
.default-template-container .block-contact+.block-contact {
    border-top: 1px solid #b3b3b3
}

#cboxLoadedContent {
    margin-bottom: 0 !important
}

#cboxLoadedContent img {
    height: 100%
}

.thematic-page-container .fields-group>table,
.default-template-container .fields-group>table {
    width: 100%
}

.home-tiles {
    margin: -8px -10px 22px
}

@media (max-width: 640px) {
    .home-tiles {
        margin: inherit
    }
}

@media (max-width: 544px) {
    .home-tiles {
        margin: -8px 5px 22px
    }
}

.tile {
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    display: block;
    width: 14.28%;
    height: 150px;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    border: none
}

.tile:hover {
    opacity: 1;
    border: none
}

.tile>span {
    display: block;
    margin: 10px;
    position: relative;
    z-index: 2
}

.tile>span:before {
    content: '';
    width: 0;
    height: 38px
}

.tile>span:before,
.tile span span {
    display: inline-block;
    vertical-align: middle;
    max-height: 40px;
    overflow: hidden
}

.tile:not(.more):hover>span:after,
.tile:not(.more):focus>span:after {
    background-color: #fff;
    box-shadow: -3px -3px 10px 10px #fff
}

.tile span span {
    width: 100%;
    vertical-align: middle;
    word-wrap: break-word
}

.tile.more>span {
    margin: 30px 10px 0
}

.tile>i {
    display: block;
    height: 64px;
    line-height: 64px;
    position: relative;
    z-index: 3
}

.tile.more i {
    height: 40px;
    line-height: 40px
}

.tile:focus {
    outline: none;
    border: none
}

.tile:before {
    content: '';
    display: block;
    border-radius: 5px;
    position: absolute;
    transform-origin: center center;
    z-index: 1;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    transition: all 0.25s linear;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 0 2px
}

.tile:hover:before,
.tile:focus:before {
    transform: scale(1.06);
    transition: all 0.1s linear;
    opacity: 1
}

.tile.more:before {
    opacity: 0.5;
    border-color: #fff
}

.tile.more:hover:before,
.tile.more:focus:before {
    opacity: 0.8
}

.tile:active:before {
    transform: scale(1.02)
}

.tile .notif-counter {
    border-color: #e6e6e6;
    position: absolute;
    top: -2px;
    right: 0;
    width: 26px;
    height: 26px;
    line-height: 20px
}

.tile.selected-tile:before {
    content: '';
    background-color: #f2f2f2
}

button.tile-help {
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 46px;
    line-height: 46px;
    width: 46px;
    padding: 0;
    text-align: center;
    opacity: 0.4;
    transition: all 0.15s linear;
    z-index: 20;
    pointer-events: all
}

button.tile-help i {
    padding: 0
}

.tile:hover button.tile-help,
.tile:focus button.tile-help {
    opacity: 0.4
}

.tile button.tile-help:hover,
.tile button.tile-help:focus {
    opacity: 0.8
}

.tile:active button.tile-help {
    opacity: 0.4
}

.tile-help:before {
    display: none
}

.section-applications>div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.section-applications .tile {
    width: 20%
}

@media screen and (max-width: 1679px) {
    .section-applications .tile {
        width: 23%
    }
}

@media screen and (max-width: 1365px) {
    .section-applications .tile {
        width: 30%
    }
}

@media screen and (max-width: 1279px) {

    .section-applications .home-tile,
    .section-applications .tile {
        width: 35%
    }
}

@media screen and (max-width: 979px) {
    .section-applications .tile {
        width: 25%
    }
}

@media screen and (max-width: 767px) {

    .section-applications .home-tile,
    .section-applications .tile {
        width: 33.33%
    }
}

@media screen and (max-width: 639px) {
    .section-applications .tile {
        width: 50%
    }
}

.apps-menu .tile {
    font-size: 14px;
    line-height: 20px;
    width: 125px;
    height: 125px;
    padding: 5px
}

.apps-menu .category {
    transition: all .3s ease;
    overflow: hidden
}

.apps-menu .tile:before {
    width: calc(100% - 10px);
    height: calc(100% - 10px)
}

.apps-menu .tile:hover:before,
.apps-menu .tile:focus:before {
    transform: scale(1.055)
}

.apps-menu .tile .notif-counter {
    border-color: #e0e0e0
}

.apps-menu .tile>i {
    font-size: 48px;
    line-height: 48px;
    height: 48px
}

.apps-menu .tile>span {
    margin: 8px 5px 5px
}

.apps-menu .tile .notif-counter {
    font-size: 13px;
    line-height: 18px;
    width: 26px;
    height: 26px
}

.col-xs-12>.home-tiles .tile {
    width: 10%
}

@media screen and (min-width: 1700px) {

    .all-apps .tile,
    .col-xs-12>.home-tiles .tile {
        width: 10%
    }
}

@media screen and (max-width: 1599px) {
    .tile {
        width: 20%
    }

    .all-apps .tile {
        width: 13%
    }

    .col-xs-12>.home-tiles .tile {
        width: 12%
    }
}

@media screen and (max-width: 1365px) {

    .tile,
    .all-apps .tile {
        width: 16.66%
    }
}

@media screen and (max-width: 1279px) {

    .tile,
    .all-apps .tile,
    .col-xs-12>.home-tiles .tile {
        width: 16.66%
    }
}

@media screen and (max-width: 979px) {

    .tile,
    .all-apps .tile,
    .col-xs-12>.home-tiles .tile {
        width: 25%
    }
}

@media screen and (max-width: 767px) {

    .tile,
    .all-apps .tile,
    .col-xs-12>.home-tiles .tile {
        width: 33.33%
    }

    .homepage-with-news .home-tiles {
        margin-top: 15px
    }
}

@media screen and (max-width: 544px) {

    .tile,
    .all-apps .tile,
    .col-xs-12>.home-tiles .tile {
        width: 50%
    }
}

.middle-office-links .tile {
    width: 160px !important
}

.middle-office-links .tile:before {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.col-lg-8 .tile {
    width: 14.2857142857%;
    height: inherit
}

@media screen and (max-width: 1599px) {
    .col-lg-8 .tile {
        width: 16.6666666667%
    }
}

@media screen and (max-width: 1365px) {
    .col-lg-8 .tile {
        width: 20%
    }
}

@media screen and (max-width: 1199px) {
    .col-lg-8 .tile {
        width: 16.6666666667%
    }
}

@media screen and (max-width: 979px) {
    .col-lg-8 .tile {
        width: 20%
    }
}

@media screen and (max-width: 860px) {
    .col-lg-8 .tile {
        width: 25%
    }
}

@media screen and (max-width: 639px) {
    .col-lg-8 .tile {
        width: 33.333334%
    }
}

@media screen and (max-width: 430px) {
    .col-lg-8 .tile {
        width: 50%
    }
}

.col-lg-8 .tile:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.col-lg-8 .tile>span,
.col-lg-8 .tile>i {
    position: absolute
}

.col-lg-8 .tile>span {
    height: 40px;
    width: calc(100% - 16px);
    left: 0
}

.col-lg-8 .tile>span>span {
    width: 100%;
    position: relative;
    padding: 0 10px
}

.col-lg-8 .tile>i {
    top: 45%;
    left: 0;
    width: 100%
}

@media screen and (max-width: 550px) {
    .col-lg-8 .tile>i {
        font-size: 250%
    }
}

@media screen and (max-width: 430px) {
    .col-lg-8 .tile>i {
        font-size: 64px
    }
}

@media screen and (max-width: 350px) {
    .col-lg-8 .tile>i {
        font-size: 200%
    }
}

@media screen and (max-width: 320px) {
    .col-lg-8 .tile>i {
        top: 43%
    }
}

.all-apps .panel.category>h3 {
    font-weight: 700;
    margin-left: 10px
}

.all-apps .panel.category .category-tiles {
    margin-right: 30px
}

@media screen and (max-width: 1199px) {
    .all-apps .panel.category .category-tiles {
        margin-right: 15px
    }
}

@media screen and (max-width: 544px) {
    .all-apps .panel.category .category-tiles {
        margin-right: 0
    }
}

.all-apps .tile {
    width: 150px;
    height: inherit
}

.all-apps .tile:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.all-apps .tile>span,
.all-apps .tile>i {
    position: absolute
}

.all-apps .tile>span {
    height: 40px;
    width: calc(100% - 20px);
    left: 0
}

.all-apps .tile>span>span {
    width: 100%;
    position: relative;
    padding: 0 10px
}

.all-apps .tile>i {
    top: 45%;
    left: 0;
    width: 100%
}

.tile-group.self-clear.category-applications,
.category-tiles.self-clear {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.all-apps {
    margin: 22px
}

.custom-tiles-header {
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 10px
}

.custom-tiles-button-delete {
    position: absolute;
    background-color: #f2f2f2;
    border: 3px solid #e6e6e6;
    top: -2px;
    right: 0;
    width: 26px;
    height: 26px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    z-index: 20;
    display: none
}

.custom-tiles-button-delete>i {
    line-height: 21px;
    padding: 0;
    font-size: 21px
}

.custom-tiles-link {
    font-weight: 500;
    color: #0077cc;
    text-decoration: none;
    border-bottom: 1px dotted #0077cc
}

.custom-tiles-link:hover {
    cursor: pointer;
    color: #0077cc;
    text-decoration: none;
    border-bottom: 1px solid #0077cc
}

.custom-tiles-checked {
    position: absolute;
    background-color: #70bf00;
    border: 3px solid #e0e0e0;
    top: -3px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    z-index: 20;
    border-radius: 5px
}

.custom-tiles-checked>i {
    line-height: 19px;
    padding: 0;
    font-size: 17px;
    color: #fff
}

.custom-tiles-unchecked {
    position: absolute;
    background-color: #fff;
    border: 3px solid #e0e0e0;
    top: -3px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    z-index: 20
}

.custom-tiles-lightbox {
    position: fixed;
    top: 75px;
    left: 15%;
    right: 15%;
    z-index: 150;
    padding: 15px 0px 90px 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transform-origin: center top;
    transition: all ease-out 0.25s;
    height: 100% !important;
    float: none !important;
    max-height: 100% !important;
    color: #4d4d4d;
    align-content: center
}

.custom-tiles-lightbox:after {
    content: "";
    display: table;
    clear: both
}

.custom-tiles-lightbox.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px)
}

@media (max-width: 1365px) {
    .custom-tiles-lightbox {
        top: 65px
    }
}

@media (max-width: 639px) {
    .custom-tiles-lightbox {
        left: 2%;
        right: 2%
    }
}

.custom-tiles-lightbox-title {
    position: relative;
    padding: 13px 18px;
    overflow: auto;
    background-color: #4d4d4d;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 0 0;
    height: 50px;
    width: 100%;
    color: #fff
}

.custom-tiles-lightbox-search {
    position: relative;
    margin: 0;
    padding: 15px;
    z-index: 10;
    height: 100px;
    width: 100%;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3)
}

.custom-tiles-lightbox-search:after {
    content: "";
    display: table;
    clear: both
}

.custom-tiles-lightbox-list {
    position: relative;
    padding: 20px 20px 0;
    overflow: auto;
    background: #e0e0e0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    max-height: calc(100% - 400px);
    min-height: 190px;
    min-width: 100%;
    height: 100%
}

@media (max-width: 345px) {
    .custom-tiles-lightbox-list {
        padding: 0
    }
}

.custom-tiles-lightbox-buttons {
    position: relative;
    padding: 15px 20px;
    overflow: auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    height: 80px;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.custom-tiles-lightbox-button-cancel {
    margin: 5px
}

.custom-tiles-lightbox-list .tile {
    font-size: 14px;
    line-height: 20px;
    width: 130px !important;
    height: 130px !important;
    padding: 5px;
    margin: 3px
}

.custom-tiles-lightbox-list .tile>i {
    font-size: 48px;
    line-height: 55px;
    height: 48px
}

.custom-tiles-lightbox-list .tile:hover {
    cursor: pointer
}

.custom-tiles-lightbox-list .tile:before {
    width: calc(100% - 8px);
    height: calc(100% - 8px)
}

.custom-tiles-content .ui-loader-background {
    top: 30px;
    position: relative;
    background-color: #e6e6e6
}

.custom-tiles-header-button-loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid gray;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 50px;
    animation: spin 2s linear infinite
}

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

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

.tile-title {
    display: inline-block;
    word-break: break-word
}

.innertree table>tbody>tr>td>table>tbody>tr>td {
    width: auto !important
}

.innertree tr {
    display: table-row;
    margin: 0
}

.innertree td {
    display: table-cell;
    margin-bottom: 0;
    padding: 2px 0 1px 0 !important;
    white-space: normal
}

.innertree td.root {
    font-weight: bold !important;
    padding-left: 11px !important
}

.innertree td.item {
    width: 100% !important;
    padding-left: 10px !important
}

.innertree table {
    margin: 2px 0
}

.innertree input[type="checkbox"]+label,
.innertree input[type="checkbox"]+.single-checkbox {
    min-height: 22px;
    margin: 0;
    padding: 0 0 0 32px
}

.innertree .treeNodeL {
    width: 22px !important
}

.innertree table table .treeNodeL {
    width: 0 !important
}

.innertree table table {
    margin-left: 10px
}

.innertree table table .treeNodeT:after,
.innertree table table .treeNodeL:after {
    display: none
}

.innertree .treeNodeI {
    background-image: none;
    position: relative
}

.innertree .treeNodeT,
.innertree .treeNodeL {
    position: relative;
    background-image: none;
    padding-left: 22px !important
}

.innertree .treeNodeL:after {
    height: 13px
}

.innertree>table:last-child>tbody>tr>.treeNodeL:after {
    left: 10px;
    top: 2px;
    height: 11px
}

.innertree table table .treeNodeT:before,
.innertree table table .treeNodeL:before {
    left: 15px
}

.innertree .treeNodeCollapsed,
.innertree .treeNodeExpanded {
    background-image: none
}

.innertree .treeNodeCollapsed:before,
.innertree .treeNodeExpanded:before {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #e6e6e6;
    transition: background-color 0.1s linear
}

.innertree .treeNodeCollapsed:hover:before,
.innertree .treeNodeExpanded:hover:before {
    background-color: #eeeeee
}

.innertree .treeNodeCollapsed:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e91b";
    font-size: 14px
}

.innertree .treeNodeExpanded {
    position: relative
}

.innertree .treeNodeExpanded:before {
    content: "";
    font-size: 14px
}

.innertree .treeNodeExpanded:after {
    content: "";
    width: 8px;
    height: 2px;
    background: #4d4d4d;
    position: absolute;
    top: 12px;
    left: 7px
}

.innertree label span {
    line-height: 22px;
    padding: 4px 11px !important;
    margin-right: 10px
}

.tree .root label {
    font: bold 14px "Source Sans Pro", helvetica, sans-serif !important
}

.tree .item label {
    font: normal 14px "Source Sans Pro", helvetica, sans-serif
}

.innertree .treeNodeI {
    background: url(../img/treenode-vert.png) repeat-y center center
}

.innertree .treeNodeT {
    background-image: url(../img/treenode-T.png);
    background-position: 11px -48px
}

.innertree .treeNodeL {
    background-image: url(../img/treenode-L.png);
    background-position: 11px 0px
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url("../fonts/source-sans-pro/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Regular.otf.woff") format("woff")
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url("../fonts/source-sans-pro/SourceSansPro-Bold.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Bold.otf.woff") format("woff")
}

@font-face {
    font-family: 'Source Sans Pro';
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: url("../fonts/source-sans-pro/SourceSansPro-Black.ttf.woff2") format("woff2"), url("../fonts/source-sans-pro/SourceSansPro-Black.otf.woff") format("woff")
}

h1 {
    font-size: 2.22em;
    font-weight: 400;
    letter-spacing: -0.015em;
    margin-bottom: 0.5em
}

@media screen and (max-width: 1279px) {
    h1 {
        font-size: 2em
    }
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 20px;
    font-weight: normal
}

h4 {
    font-size: 1.1em
}

h5 {
    font-size: .9em;
    font-weight: normal
}

h6 {
    font-size: 0.7em
}

@media screen and (max-width: 1365px) {
    h1 {
        font-size: 1.889em
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 18px
    }

    small {
        font-size: 14px !important
    }
}

@media screen and (max-width: 639px) {
    small {
        font-size: 12px !important
    }
}

.username {
    display: inline-block;
    margin-right: 10px;
    line-height: 50px;
    font-weight: bold
}

.username span {
    line-height: 28px;
    padding: 10px
}

.user-profil {
    padding: 30px 20px;
    max-width: 360px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .user-profil {
        max-width: 900px
    }
}

@media (max-width: 767px) {
    .user-profil {
        padding: 20px
    }
}

.user-profil .title-zone-if-shortcut-bar {
    padding-left: 15px
}

@media (min-width: 768px) {
    .user-profil>* {
        float: left;
        width: 35%
    }
}

.user-profil .user-panel-left {
    margin-bottom: 20px;
    position: relative
}

@media (max-width: 767px) {
    .user-profil .user-panel-left {
        width: 100%
    }
}

.user-profil .user-panel-left img.profile-avatar {
    width: 100%
}

.user-profil .user-panel-left .dropdown-actions-wrapper {
    position: inherit
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button {
    border: 0;
    position: absolute;
    top: -5px;
    right: -5px;
    transition: background-color ease-out 0.1s;
    background-color: #e6e6e6 !important;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    padding: 0 10px;
    height: 40px !important;
    line-height: 38px;
    background-color: #f2f2f2 !important;
    background-image: none;
    border: 1px solid #cecece !important;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d4d;
    transition: all linear 0.1s
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button:hover {
    background-color: #fff !important;
    background-image: none
}

@media screen and (max-width: 544px) {
    .user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button {
        top: 5px;
        right: 5px
    }
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button:after {
    position: absolute;
    display: block;
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92a";
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0;
    line-height: 27px;
    font-size: 32px;
    color: #07c
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button:hover {
    background-color: #fff
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button>span {
    position: relative;
    display: block;
    font-size: 0
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions {
    top: 50px;
    background-color: #fff;
    height: auto;
    padding: 15px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3)
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions:before {
    top: -8px;
    right: 20px;
    left: auto;
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #FFFFFF;
    transform: translateX(-8px) rotate(45deg);
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
    z-index: 0
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button {
    padding: 10px;
    border: 0 !important;
    background-color: transparent !important
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button:before {
    background-color: rgba(0, 0, 0, 0.12);
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button:after {
    content: none
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button:focus,
.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions button:hover {
    background: transparent;
    border: 0
}

.user-profil .user-panel-left .dropdown-actions-wrapper .dropdown-actions-button+.dropdown-actions span {
    display: block
}

.user-profil .user-panel-left .upload-avatar-button:hover {
    opacity: 1
}

.user-profil .user-panel-left .upload-avatar-button:after {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #fff;
    transition: transform 0.4s ease-out, opacity 0.1s linear
}

.user-profil .user-panel-left .upload-avatar-button:hover:after {
    opacity: 0.8
}

@media (min-width: 768px) {
    .user-profil .user-panel-right {
        width: 65%;
        padding-left: 50px
    }
}

@media (max-width: 767px) {
    .user-profil .user-panel-right {
        width: 100%
    }
}

.user-profil .user-panel-right .button-area.document-top-buttons {
    padding: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section {
    border: 0;
    margin: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2 {
    display: none
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group {
    margin: 0;
    padding: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-left {
    text-align: left;
    min-width: 250px
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-left label {
    font-size: 18px;
    font-weight: bold
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right:empty:before {
    content: " -"
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right a.postaction {
    display: block;
    text-decoration: underline dotted;
    border-bottom: 0;
    text-decoration-skip-ink: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 270px
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section h2+.fields-group td.cell-right a.postaction:hover {
    text-decoration: underline
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section {
    margin-left: 0;
    border: 0
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2 {
    position: relative;
    background-color: transparent;
    z-index: +1;
    padding-left: 0
}

@media screen and (min-width: 979px) {
    .user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 8px;
        top: 44%;
        right: -50%;
        background-color: #e0e0e0;
        z-index: -1
    }
}

@media screen and (max-width: 430px) {
    .user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2 {
        padding: 10px
    }
}

.user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2>span {
    font-size: 24px;
    background-color: #fff;
    padding-right: 25px
}

@media screen and (max-width: 430px) {
    .user-profil .user-panel-right .button-area.document-top-buttons~.fields-area .vui-sections-group.vui-collapsible-children>.buttons-group+.vui-section~.vui-section h2>span {
        font-size: 20px
    }
}

.user-profil .user-panel-right .fields-group tr {
    height: 54px
}

.user-profil .user-panel-right .action-close {
    display: none
}

.user-profil .user-panel-right-list {
    padding: 0;
    list-style: none
}

.user-profil .user-panel-right-list li {
    padding: 0 0 20px 0
}

.user-profil .user-panel-right-list li div {
    display: table
}

.user-profil .user-panel-right-list li div label,
.user-profil .user-panel-right-list li div span {
    display: table-cell
}

.user-profil .panel {
    margin-top: 25px;
    padding: 15px 0
}

.user-profil .panel .user-panel-right i {
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    width: 48px;
    background: #00acaf;
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
    color: #fff
}

.user-profil .user-panel-right-list label {
    font-weight: 700;
    width: 150px;
    display: inline-block
}

.user-profil .user-panel-right-list span {
    width: calc(100% - 150px)
}

.user-profil .user-panel-right-list label,
.user-profil .user-panel-right-list span {
    margin-left: 10px
}

.userProfile-edit .action-close {
    display: none
}

@media screen and (max-width: 544px) {
    .userProfile-edit .fields-area+.button-area {
        padding-left: 5px
    }
}

.userProfile-edit .fields-area+.button-area.document-bottom-buttons li.last {
    width: 100%;
    text-align: left
}

.userProfile-edit .fields-area+.button-area.document-bottom-buttons .action-saveandclose {
    margin-left: 250px
}

@media screen and (max-width: 919px) {
    .userProfile-edit .fields-area+.button-area.document-bottom-buttons .action-saveandclose {
        margin-left: 0
    }
}

.user-profil .user-panel-right .buttons-group ul {
    text-align: left
}

.user-profil .user-panel-right .buttons-group ul .last button {
    margin: 0
}

.user-profil:before {
    content: "";
    background: white;
    position: absolute;
    width: 100%;
    height: calc(100% + 30px);
    top: 0;
    left: 0;
    z-index: -1
}

.user-preference {
    padding: 15px 20px;
    max-width: 360px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .user-preference {
        max-width: 900px
    }
}

@media (max-width: 767px) {
    .user-preference {
        padding: 20px
    }
}

.user-preference .section h2 {
    background: none
}

.not-implemented {
    position: relative;
    -ms-filter: blur(8px);
    filter: blur(8px);
    user-select: none;
    cursor: not-allowed;
    pointer-events: none
}

.hidden {
    display: none
}

.table-view li.text-list {
    display: inline-block
}

.table-view li.text-list:first-child::before {
    content: ""
}

.table-view li.text-list::before {
    content: "\00a0/\00a0"
}

.default-template-container .screen.empty-navigation .screen.vui-screen-view.processView-view .table-view.responsive-table .cell1.has-title,
.default-template-container .screen.empty-navigation .screen.vui-screen-view.processView-view .table-view.responsive-table .cell2.has-title {
    max-width: 300px;
    word-break: initial
}

@media (max-width: 768px) {

    .default-template-container .screen.empty-navigation .screen.vui-screen-view.processView-view .table-view.responsive-table .cell1.has-title,
    .default-template-container .screen.empty-navigation .screen.vui-screen-view.processView-view .table-view.responsive-table .cell2.has-title {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .default-template-container .screen.empty-navigation .screen.vui-screen-view.processView-view .table-view.responsive-table .popup-menu-handler {
        margin: 10px 0 5px -10px
    }
}

.webexplorer {
    height: 100%;
    background: white
}

.webexplorer .container-fluid {
    padding-left: inherit;
    padding-right: inherit
}

.webexplorer_container .screen.empty-navigation {
    margin-bottom: 0
}

.viewer-header .viewerLink,
.viewer-header .button1 {
    background: transparent !important;
    border: 0 !important;
    height: 36px !important
}

.viewer-header .action-download:after {
    top: 0 !important;
    left: 9px !important;
    font-size: 18px !important;
    position: absolute !important
}

.viewer-header .action-closeButton:after {
    position: absolute !important;
    top: 0 !important
}

.viewer-header .prevButton:after,
.viewer-header .nextButton:after,
.viewer-header .maximize:after {
    position: absolute !important;
    top: 5px !important
}

.viewer-header .maximize:after {
    left: 6px
}

.viewer-messages .action-download:before {
    display: none
}

.welcome {
    background-color: #1c5959;
    color: #fff;
    padding: 1.667em 30px 3.889em;
    background-size: cover
}

.welcome-inner {
    letter-spacing: -0.25em
}

.welcome-inner>* {
    letter-spacing: normal
}

.welcome-inner .col-xs-12 {
    padding: 0
}

.welcome-inner {
    margin: 0 auto;
    max-width: 1620px
}

.main-inner {
    margin: 0 auto;
    max-width: 1620px
}

.welcome-search,
.home-button-big-wrapper {
    display: inline-block;
    vertical-align: bottom
}

.welcome-search label {
    display: block;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 700;
    color: #fff
}

.welcome-search .search-wrapper {
    width: 580px;
    height: 60px;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center
}

.welcome-search .search-wrapper button i {
    line-height: 50px
}

.welcome-search input.search-input {
    border: none;
    outline: none;
    line-height: 60px;
    font-size: 18px;
    padding: 0 15px;
    display: block;
    height: 100%;
    flex: 2;
    -webkit-flex: 2;
    margin: 0;
    z-index: 2;
    border-radius: 5px 0 0 5px
}

.welcome-search .search-wrapper button:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.welcome-search .search-wrapper>i {
    display: none
}

.welcome-search .search-wrapper button {
    border-radius: 0 5px 5px 0;
    padding: 0;
    width: 60px;
    background-color: #e6e6e6;
    color: #4d4d4d;
    font-size: 24px;
    height: 60px;
    cursor: pointer;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border: none;
    border-left: 1px solid #ccc;
    position: relative;
    font-weight: 700;
    text-align: center;
    transition: all 0.1s linear
}

.welcome-search .search-wrapper button i:before {
    content: "\e91c"
}

.welcome-search .search-wrapper button:hover {
    background-color: #fff
}

.home-button-big-wrapper {
    padding-left: 160px
}

.home-col {
    float: left
}

.home-left-col {
    width: calc(100% - 440px);
    margin-right: 30px
}

.home-right-col {
    width: 410px
}

.h2-wrapper {
    border-bottom: 5px solid #e0e0e0;
    margin-bottom: 15px
}

.h2-wrapper h2 {
    margin: 0 0 12px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.015em;
    color: #000
}

.h2-wrapper a {
    font-size: .889em;
    font-weight: 700;
    display: block;
    float: right;
    margin-top: 0.55em
}

.activity>div {
    float: left;
    padding: 30px;
    width: 100%
}

.activity ul {
    list-style: none
}

.activity ul li>* {
    display: inline-block;
    vertical-align: middle
}

.activity ul i {
    margin-right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px
}

.bottom-link-wrapper {
    padding: 13px 0 0;
    border-top: 5px solid #e0e0e0;
    text-align: center;
    clear: both
}

.bottom-link-wrapper a {
    font-weight: 700;
    color: #07c
}

@media screen and (max-width: 1199px) {
    #main-content-column {
        width: 100%
    }
}

@media screen and (max-width: 1365px) {
    #main-content-column {
        width: 100%
    }

    #main-content-column {
        padding-right: 0
    }

    .welcome-search {
        width: 60%
    }

    .welcome-search .search-wrapper {
        width: 100%;
        height: 50px
    }

    .welcome-search .search-wrapper button {
        height: 50px
    }

    .welcome-search .search-wrapper button i {
        line-height: 44px
    }

    .home-button-big-wrapper {
        padding-left: 30px;
        text-align: center;
        width: calc(40% - 5px)
    }

    .welcome-inner,
    .main-inner,
    .home-col {
        width: auto;
        max-width: none;
        margin-right: auto;
        margin-left: auto
    }

    .welcome-inner>button {
        margin-left: 60px
    }

    .home-col {
        float: none
    }

    .home-right-col {
        width: auto;
        margin-top: 30px
    }
}

@media screen and (max-width: 1279px) {
    .welcome-search .search-wrapper>i {
        left: 5px
    }

    .welcome-search .search-wrapper button {
        right: 5px
    }

    .home-button-big-wrapper button {
        text-align: center
    }
}

@media screen and (max-width: 979px) {

    .welcome-search,
    .home-button-big-wrapper {
        width: calc(50% - 3px)
    }

    .activity>div {
        float: none;
        width: auto
    }
}

@media screen and (max-width: 767px) {
    .if-shortcut-bar {
        padding-left: 15px
    }

    .welcome {
        padding-bottom: 40px
    }

    .welcome h1 {
        margin: 0 0 20px 0
    }

    .welcome-inner .search-zone>* {
        display: block;
        width: 100%
    }

    .home-button-big-wrapper {
        padding: 40px 0 0
    }
}

@media screen and (max-width: 639px) {

    .welcome,
    .main {
        padding-left: 15px;
        padding-right: 15px
    }

    .activity,
    .news-feed {
        box-shadow: none
    }

    .activity .panel {
        margin: 0;
        padding: 30px 10px
    }

    .news-feed {
        padding: 0
    }

    .news-feed .panel {
        padding: 20px 10px 15px
    }

    .h2-wrapper {
        margin: 10px 0 0
    }

    .news-feed .h2-wrapper {
        margin-bottom: 15px
    }

    .h2-wrapper h2 {
        margin-bottom: 10px
    }

    .h2-wrapper a {
        display: none
    }

    .news-feed article {
        padding: 0 15px 0 0
    }

    .main-inner {
        margin-left: -15px;
        margin-right: -15px
    }
}

.button-area.document-bottom-buttons .buttons-group ul li.last button span {
    width: 100%;
    padding: 0;
    display: inline
}

.welcome.small {
    padding: 25px 30px
}

.welcome.small h1 {
    font-size: 22px;
    line-height: 26px;
    margin: 0;
    padding: 5px 0
}

.welcome.small .welcome-search>label {
    display: none
}

.welcome.small .welcome-search>div.screen {
    margin-left: 40px
}

.welcome.small .welcome-search .search-wrapper {
    height: 40px
}

.welcome.small .welcome-search .search-wrapper button {
    height: 40px
}

.welcome.small .welcome-search .search-wrapper button i {
    line-height: 40px
}

.welcome.small .welcome-search .search-wrapper>i,
.welcome.small .welcome-search .search-wrapper button {
    top: 0
}

.welcome.small #welcome-col {
    display: flex;
    justify-content: center
}

.homepage-with-news .slider-container {
    margin-bottom: 20px
}

@media screen and (max-width: 979px) {
    .welcome.small #welcome-col {
        display: block
    }

    .welcome.small .welcome-search>div.screen {
        margin-left: 0
    }

    .welcome-search {
        width: 100%
    }
}

.wizard-area .picture {
    display: none
}

.crop img {
    max-width: none
}

.wizard-form h3 {
    margin: 15px 30px
}

.axvdocsearch-search .xtended-search-section-menuSection .fields-group td {
    vertical-align: middle
}

.axvdocsearch-search .group td .date-field input {
    width: calc(100% - 100px)
}

.axvdocsearch-search .group td .date-field button:focus {
    border: 0
}

.axvdocsearch-search .group .horizontal-top-tabs .button-area li.last button {
    margin-left: 15px
}

.axvdocsearch-search .cell-right td td {
    padding: 0
}

.axvdocsearch-search .cell-right td td select[multiple="true"] {
    min-width: 125px
}

.axvdocsearch-search .cell-right td td select[multiple="true"]:empty {
    min-width: 125px
}

td.cell-right .action-buttonIn,
td.cell-right .action-buttonOut {
    position: relative;
    padding: 5px 20px;
    margin: 0 20px 0 26px;
    line-height: 20px
}

td.cell-right .action-buttonIn:before,
td.cell-right .action-buttonOut:before {
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #4d4d4d;
    font-size: 24px;
    top: 5px;
    left: 8px
}

td.cell-right .action-buttonIn:active:before,
td.cell-right .action-buttonOut:active:before {
    opacity: 1
}

td.cell-right .action-buttonIn>span,
td.cell-right .action-buttonOut>span {
    font-size: 0
}

td.cell-right .action-buttonIn {
    margin-bottom: 8px
}

td.cell-right .action-buttonIn:before {
    content: "\e93d"
}

td.cell-right .action-buttonOut:before {
    content: "\e93f"
}

.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td select,
.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td input {
    min-width: 125px;
    margin: 0 5px
}

@media screen and (max-width: 768px) {

    .axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td select,
    .axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td input {
        max-width: 250px
    }
}

.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td select.ui-autocomplete-input,
.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td input.ui-autocomplete-input {
    max-width: calc(100% - 50px)
}

.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td select.vui-combobox-input-autocomplete,
.axvdocsearch-search .fields-group .cell-right>table>tbody>tr>td input.vui-combobox-input-autocomplete {
    max-width: calc(100% - 37px);
    min-width: inherit
}

.axvdocsearch-search td.cell-right>table>tbody>tr>td {
    padding-top: 0;
    padding-bottom: 0
}

.axvdocsearch-search td.cell-right>table>tbody>tr>td:not(.cell-right),
.axvdocsearch-search td.cell-right>table>tbody>tr>td:not(.cell-left) {
    padding: 0
}

.axvdocsearch-search .informations.info1 p {
    position: relative;
    padding-left: 35px
}

.axvdocsearch-search .informations.info1 p:before {
    position: absolute;
    top: -3px;
    left: 0
}

.panel-title-footer .axvdocsearch-search .informations.info1 p:before {
    top: 3px
}

.table-border .action-Rechercher-Document,
.axvdocsearch-search .action-Rechercher-Document {
    background: #f2f2f2;
    border: 1px solid #ccc;
    transition: all ease-out 0.25s;
    color: #666
}

.table-border .action-Rechercher-Document:hover,
.axvdocsearch-search .action-Rechercher-Document:hover {
    background-color: #fff
}

.lightbox-content .buttons-group .button1.action-reset,
.axvdocsearch-search .buttons-group .button1.action-reset {
    background: #f2f2f2;
    border: 1px solid #ccc;
    transition: all ease-out 0.25s
}

.lightbox-content .buttons-group .button1.action-reset:hover,
.axvdocsearch-search .buttons-group .button1.action-reset:hover {
    background-color: #fff
}

.lightbox-content .buttons-group .button1.action-reset span,
.axvdocsearch-search .buttons-group .button1.action-reset span {
    color: #666;
    font-weight: bold
}

.axvdocsearch-search .buttons-group .button1.action-search {
    background-color: #70bf00;
    border: 0
}

.axvdocsearch-search .buttons-group .button1.action-search:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.2s linear, transform 0.2s ease-out;
    background-color: #ccc
}

.axvdocsearch-search .buttons-group .button1.action-search:hover:before {
    opacity: 0.3;
    transition: opacity 0.1s linear, transform 0.1s ease-out
}

.axvdocsearch-search .buttons-group .button1.action-search span {
    color: #fff
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr {
    display: flex
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr td {
    min-width: 33%;
    width: 33%
}

.axvdocsearch-search .cell-right>table>tbody>tr>td>table>tbody>tr>td[width="97%"]:last-child {
    display: none
}

.axvdocsearch-search {
    background-color: #fff
}

.axvdocsearch-search .group {
    padding: 30px
}

@media (max-width: 768px) {
    .axvdocsearch-search .group {
        padding: 15px
    }

    .panel-title-footer .axvdocsearch-search .group {
        padding: 0
    }
}

.axvdocsearch-search .tab1-content {
    background-color: transparent
}

.axvdocsearch-search .tab1-content .ui-autocomplete-input+a {
    position: relative;
    border: 0;
    margin-left: 10px;
    height: 38px;
    width: 38px;
    display: inline-block;
    top: -1px;
    text-align: center;
    vertical-align: initial
}

@media screen and (max-width: 544px) {
    .axvdocsearch-search .tab1-content .ui-autocomplete-input+a {
        margin-left: 0
    }
}

.axvdocsearch-search .tab1-content .ui-autocomplete-input+a:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear;
    background-color: rgba(209, 0, 59, 0.15)
}

.axvdocsearch-search .tab1-content .ui-autocomplete-input+a:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear
}

.axvdocsearch-search .tab1-content .ui-autocomplete-input+a:after {
    content: "\e925";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #eb003b;
    font-size: 24px;
    vertical-align: middle;
    line-height: 38px
}

.axvdocsearch-search .tab1-content .ui-autocomplete-input+a img {
    display: none
}

@media (max-width: 768px) {

    .axvdocsearch-search .tab1-content,
    .axvdocsearch-search .fields-group {
        padding: 0
    }
}

.xtended-search-section-menuSection .fields-group>table>tbody>tr>td.cell-right>table>tbody>tr>td:first-child {
    position: relative
}

.xtended-search-section-menuSection .fields-group>table>tbody>tr>td.cell-right>table>tbody>tr>td:first-child:before {
    content: "\e91d";
    font-family: 'icomoon', 'icomoon-ultimate', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    color: #faa700;
    font-size: 30px;
    top: 0;
    left: 0
}

.xtended-search-section-menuSection .fields-group>table>tbody>tr>td.cell-right>table>tbody>tr>td:first-child img {
    display: none
}

.xtended-search-section-menuSection .fields-group>table>tbody>tr>td.cell-right>table>tbody>tr>td:nth-child(4),
.xtended-search-section-menuSection .fields-group>table>tbody>tr>td.cell-right>table>tbody>tr>td:nth-child(6) {
    display: none
}

.xtended-search-section-menuSection .action-removeFavorites {
    background: #f2f2f2;
    border: 1px solid #ccc;
    transition: all ease-out 0.25s
}

.xtended-search-section-menuSection .action-removeFavorites span {
    font-size: 16px;
    font-weight: bold;
    color: #666
}

@media screen and (max-width: 320px) {
    .xtended-search-section-menuSection .action-removeFavorites span {
        font-size: 14px
    }
}

.xtended-search-section-menuSection .action-removeFavorites:focus,
.xtended-search-section-menuSection .action-removeFavorites:hover {
    background: #fff;
    border: 1px solid #cacaca
}

.xtended-search-section-menuSection button {
    height: 38px
}

.AddFavorite-add {
    background-color: #fff;
    padding: 30px
}

.search-main .search-attributs span table>tbody>tr>td>table>tbody>tr>td {
    width: 100%;
    text-align: left
}

.search-attributs .vui-combobox-selected-items span.vui-combobox-selected-item-plus {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 0;
    max-width: 310px;
    height: auto
}

.search-attributs .vui-combobox-selected-items span.vui-combobox-selected-item-plus~.vui-combobox-minus>span .vui-combobox-selected-item-minus {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 0;
    max-width: 310px;
    height: auto
}

.workplace-autoexecutesearch .navigation-area {
    padding-top: 0;
    border: 0
}

@media screen and (max-width: 768px) {
    .workplace-autoexecutesearch .navigation-area {
        display: block !important
    }
}

img+.creator-fullname {
    margin-left: 10px
}

.axvdocsearch-search .horizontal-top-tabs .cell-left label {
    justify-content: flex-start
}

.login-box-inner {
    text-align: center ! important;
}

.action-sendinformationmail {
    display: none !important;
}

.footer{
    display: none !important;
}