@font-face {
    font-family: 'xyzmo';
    src: url('../../Content/fonts/xyzmo.eot?ustvpm');
    src: url('../../Content/fonts/xyzmo.eot?ustvpm#iefix') format('embedded-opentype'),url('../../Content/fonts/xyzmo.ttf?ustvpm') format('truetype'),url('../../Content/fonts/xyzmo.woff?ustvpm') format('woff'),url('../../Content/fonts/xyzmo.svg?ustvpm#xyzmo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: xyzmo;
    src: url('../../Content/fonts/xyzmo.ttf?v=24.19.0.272') format('truetype'),url('../../Content/fonts/xyzmo.woff?v=24.19.0.272');
}

.btn {
    white-space: normal;
}

    .btn span.arrow {
        vertical-align: middle;
    }

a:has(.arrow) {
    display: inline-flex;
    align-items: center;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("") !important
}

.btn-xyzmo-action, .btn-xyzmo-action:active {
    background-color: #33b8b1;
    border: 1pt solid #33b8b1;
    color: #111820;
    border-radius: 15pt;
    font-family: Arial,sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: 1.7em;
    font-weight: 600;
}

    .btn-xyzmo-action:hover, .btn-xyzmo-action:active:hover, .btn-xyzmo-action:focus, .btn-xyzmo-action:active:focus {
        background-color: #80d3ce;
        border: 1pt solid #80d3ce;
        color: #111820;
    }

    .btn-xyzmo-action[disabled] {
        background-color: #cdcdd2;
        border: 1pt solid #cdcdd2;
        color: #555667;
    }

.btn-xyzmo-primary, .btn-xyzmo-primary:active, .btn-xyzmo-primary:focus {
    background-color: #35364a;
    border: 1pt solid #35364a;
    color: #fff;
    border-radius: 4pt;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
}

    .btn-xyzmo-primary[disabled] {
        background-color: #cdcdd2;
        border: 1pt solid #cdcdd2;
        color: #555667;
    }

        .btn-xyzmo-primary[disabled]:hover {
            background-color: #cdcdd2;
            border: 1pt solid #cdcdd2;
            color: #555667;
        }

    .btn-xyzmo-primary:hover {
        background-color: #555667;
        border: 1pt solid #555667;
        color: #fff;
    }

.btn-xyzmo-secondary, .btn-xyzmo-secondary:active, .btn-xyzmo-secondary:focus {
    background-color: #35364a;
    border: 1pt solid #35364a;
    color: #fff;
    border-radius: 4pt;
    font-family: Arial,sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: center;
}

    .btn-xyzmo-secondary[disabled] {
        background-color: #cdcdd2;
        border: 1pt solid #cdcdd2;
        color: #555667;
    }

    .btn-xyzmo-secondary:hover {
        background-color: #555667;
        border: 1pt solid #555667;
        color: #fff;
    }

.btn-xyzmo-tertiary, .btn-xyzmo-tertiary:active, .btn-xyzmo-tertiary:focus {
    background-color: #fff;
    border: 1pt solid #35364a;
    color: #35364a;
    border-radius: 4pt;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
}

    .btn-xyzmo-tertiary[disabled] {
        background-color: #fff;
        border: 1pt solid #94949f;
        color: #94949f;
    }

        .btn-xyzmo-tertiary[disabled]:hover {
            background-color: #fff;
        }

    .btn-xyzmo-tertiary:hover {
        background-color: rgba(53,54,74,.2);
        color: #35364a;
    }

.btn-xyzmo-tertiary-negative, .btn-xyzmo-tertiary-negative:active, .btn-xyzmo-tertiary-negative:focus {
    background-color: #fff;
    border: 1pt solid #b50600;
    color: #b50600;
    border-radius: 4pt;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
}

    .btn-xyzmo-tertiary-negative[disabled] {
        background-color: #fff;
        border: 1pt solid #94949f;
        color: #94949f;
    }

        .btn-xyzmo-tertiary-negative[disabled]:hover {
            background-color: #fff;
            color: #94949f;
        }

    .btn-xyzmo-tertiary-negative:hover {
        background-color: rgba(240,205,204,.5);
        color: #b50600;
    }

.btn-xyzmo-negative, .btn-xyzmo-negative:active, .btn-xyzmo-negative:focus {
    background-color: #b50600 !important;
    border: 1pt solid #b50600 !important;
    color: #fff;
    border-radius: 4pt;
    font-family: Arial,sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    text-align: center;
}

    .btn-xyzmo-negative:hover {
        background-color: #910500 !important;
        border: 1pt solid #910500 !important;
        color: #fff;
    }

    .btn-xyzmo-negative[disabled] {
        background-color: #cdcdd2;
        border: 1pt solid #cdcdd2;
        color: #555667;
    }

        .btn-xyzmo-negative[disabled]:hover {
            background-color: #cdcdd2;
            border: 1pt solid #cdcdd2;
            color: #555667;
        }

input[type="button"], input[type="submit"] {
    text-transform: uppercase;
}

.btn-width {
    width: 100%;
}

.btn-height {
    height: 40px;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #555667;
}

.tooltip_validation.tooltip {
    z-index: 500;
}

    .tooltip_validation.tooltip .tooltip-inner-validation.tooltip-inner, .tooltip_validation.tooltip .tooltip-inner-validation {
        background-color: #b50600;
    }

    .tooltip_validation.tooltip.top .tooltip-arrow, .tooltip_validation.tooltip.top-left .tooltip-arrow, .tooltip_validation.tooltip.top-right .tooltip-arrow {
        border-top-color: #b50600;
    }

    .tooltip_validation.tooltip.left .tooltip-arrow, .tooltip_validation.tooltip.left-left .tooltip-arrow, .tooltip_validation.tooltip.left-right .tooltip-arrow {
        border-left-color: #b50600;
    }

.tooltip_warning.tooltip {
    z-index: 500;
}

    .tooltip_warning.tooltip .tooltip-inner-validation.tooltip-inner, .tooltip_warning.tooltip .tooltip-inner-validation {
        background-color: #c65015;
    }

    .tooltip_warning.tooltip.top .tooltip-arrow, .tooltip_warning.tooltip.top-left .tooltip-arrow, .tooltip_warning.tooltip.top-right .tooltip-arrow {
        border-top-color: #c65015;
    }

    .tooltip_warning.tooltip.left .tooltip-arrow, .tooltip_warning.tooltip.left-left .tooltip-arrow, .tooltip_warning.tooltip.left-right .tooltip-arrow {
        border-left-color: #c65015;
    }

.tooltip_info.tooltip {
    z-index: 500;
}

    .tooltip_info.tooltip .tooltip-inner {
        background-color: #fff;
        color: #111820;
        border: 1px solid #111820;
    }

    .tooltip_info.tooltip.top .tooltip-arrow, .tooltip_info.tooltip.top-left .tooltip-arrow, .tooltip_info.tooltip.top-right .tooltip-arrow {
        border-top-color: #111820;
    }

    .tooltip_info.tooltip.left .tooltip-arrow, .tooltip_info.tooltip.left-left .tooltip-arrow, .tooltip_info.tooltip.left-right .tooltip-arrow {
        border-left-color: #111820;
    }

.has-error .form-control {
    border-color: #b50600;
}

.tooltip:not(.tooltip_validation,.tooltip_info,.tooltip_warning) {
    background-color: #111820;
}

    .tooltip:not(.tooltip_validation,.tooltip_info,.tooltip_warning) .tooltip-inner:not(.tooltip-inner-validation) {
        border-top-color: #111820 !important;
    }

    .tooltip:not(.tooltip_validation,.tooltip_info,.tooltip_warning).top .tooltip-arrow, .tooltip:not(.tooltip_validation,.tooltip_info,.tooltip_warning).top-left .tooltip-arrow, .tooltip:not(.tooltip_validation,.tooltip_info,.tooltip_warning).top-right .tooltip-arrow {
        border-top-color: #111820;
    }

.btn:not(.mainPageLargeBtn), .btn-primary:not(.mainPageLargeBtn) {
    border-radius: 5px;
}

.input-group-btn .btn, .input-group .btn, .input-group-btn .input-group-addon, .input-group .input-group-addon {
    border-radius: 0;
}

.form-control {
    border-radius: 0;
}

select.form-control + .chosen-container .chosen-results li.group-result {
    float: right;
}

select.form-control + .chosen-container .chosen-results li:hover:not(.group-result), select.form-control + .chosen-container .chosen-results li.active-result:hover, select.form-control + .chosen-container .chosen-results li.highlighted {
    color: #111820;
    text-decoration: none;
    background-color: rgba(53,54,74,.2);
    background-image: none;
}

.page-header {
    border-bottom: none;
}

tr.grid-row-selected td {
    background-color: transparent;
}

.grid-mvc table {
    border: solid 1px #ebebed;
}

.grid-mvc .grid-row, .grid-mvc .grid-cell {
    border-color: #ebebed;
}

    .grid-mvc .grid-row img, .grid-mvc .grid-cell img {
        border: 1px solid #ebebed;
    }

.grid-mvc thead {
    background-color: #ebebed;
    color: #111820;
    font-weight: normal;
}

    .grid-mvc thead a {
        color: #35364a;
        font-weight: normal;
    }

        .grid-mvc thead a:hover {
            color: #111820;
        }

    .grid-mvc thead span {
        font-weight: normal;
    }

.grid-mvc table.grid-table tr.grid-row-selected a {
    color: #111820;
}

.grid-mvc .grid-header-title, .grid-mvc .grid-header {
    font-size: 14px;
    background-color: #ebebed;
}

.control-label-left, .control-label {
    text-align: left !important;
}

.half {
    width: 50%;
}

.panel-primary > .panel-heading, .panel > .panel-heading, .panel-body, .panel-primary {
    background-color: #f7f7f8 !important;
    border-color: #cdcdd2;
}

.panel-collapse {
    background-color: transparent !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #b50600;
    border-width: 5px 6px 5px 0;
}

small, .small {
    font-size: 125%;
}

.xyzmo-icon {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

.activity-indicator.center-vh-transform.indicator-xxs {
    border: .1rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-xxs-white {
    border: .1rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-xs {
    border: .2rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-xs-white {
    border: .2rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-small {
    border: .3rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-small-white {
    border: .3rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-big {
    border: .6rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 8rem;
    height: 8rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.center-vh-transform.indicator-big-white {
    border: .6rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless-with-transform linear infinite;
    position: relative;
    display: inline-block;
    width: 8rem;
    height: 8rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-xxs:not(.center-vh-transform) {
    border: .2rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-xxs-white:not(.center-vh-transform) {
    border: .2rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-xs:not(.center-vh-transform) {
    border: .2rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-xs-white:not(.center-vh-transform) {
    border: .2rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-small:not(.center-vh-transform) {
    border: .3rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-small-white:not(.center-vh-transform) {
    border: .3rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-big:not(.center-vh-transform) {
    border: .6rem solid #35364a;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 8rem;
    height: 8rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.activity-indicator.indicator-big-white:not(.center-vh-transform) {
    border: .6rem solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: 1.5s activity-indicator-endless linear infinite;
    position: relative;
    display: inline-block;
    width: 8rem;
    height: 8rem;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.xyzmo-color-with-hover {
    color: #35364a;
}

    .xyzmo-color-with-hover:hover {
        color: #555667;
    }

@keyframes activity-indicator-endless {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes activity-indicator-endless-with-transform {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.xyzmo-icon-toggle_expanded {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-toggle_expanded .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-toggle_expanded:before {
        content: "";
    }

.xyzmo-icon-toggle_collapsed {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-toggle_collapsed .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-toggle_collapsed:before {
        content: "";
    }

.xyzmo-nav-burger-menu {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-nav-burger-menu .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-nav-burger-menu:before {
        content: "";
    }

.xyzmo-icon-expand {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-expand .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-expand:before {
        font-size: 14px;
        content: "";
    }

.xyzmo-icon-collapse {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-collapse .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-collapse:before {
        font-size: 14px;
        content: "";
    }

.xyzmo-icon-person-settings {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-person-settings .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-person-settings::before {
        content: "";
    }

.xyzmo-icon-doc-invisible {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-doc-invisible .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-doc-invisible::before {
        content: "";
    }

.xyzmo-icon-refresh {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-refresh .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-refresh:before {
        content: "";
    }

.xyzmo-icon-sign {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-sign .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-sign:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-attach {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-attach .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-attach:before {
        content: "";
    }

.xyzmo-icon-readArea {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-readArea .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-readArea:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-initials {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-initials .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-initials::before {
        content: "";
    }

.xyzmo-icon-mail {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-mail .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-mail::before {
        content: "";
    }

.xyzmo-icon-calender {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-calender .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-calender::before {
        content: "";
    }

.xyzmo-icon-calendar {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-calendar .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-calendar:hover {
        color: #555667;
    }

    .xyzmo-icon-calendar:hover {
        color: #555667;
    }

    .xyzmo-icon-calendar:before {
        content: "";
    }

.xyzmo-icon-firstname {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-firstname .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-firstname:before {
        content: "";
    }

.xyzmo-icon-lastname {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-lastname .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-lastname:before {
        content: "";
    }

.xyzmo-icon-fullname {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-fullname .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-fullname:before {
        content: "";
    }

.xyzmo-icon-envelope_bulk {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_bulk .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_bulk:before {
        content: "";
        color: #94949f;
    }

.xyzmo-icon-upload {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-upload .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-upload:before {
        content: "";
    }

.xyzmo-icon-download {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-download .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-download:before {
        content: "";
    }

.xyzmo-icon-predefinedTypewriterAnnotation {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-predefinedTypewriterAnnotation .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-predefinedTypewriterAnnotation:before {
        content: "";
    }

.xyzmo-icon-textbox {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-textbox .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-textbox:before {
        content: "";
    }

.xyzmo-icon-checkbox {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-checkbox .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-checkbox .path1:before {
        content: "";
    }

    .xyzmo-icon-checkbox .path2:before {
        content: "";
        margin-left: -1em;
    }

.xyzmo-icon-listbox {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-listbox .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-listbox:before {
        content: "";
    }

.xyzmo-icon-combobox {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-combobox .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-combobox:before {
        content: "";
    }

.xyzmo-icon-radiobutton {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-radiobutton .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-radiobutton .path1:before {
        content: "";
    }

    .xyzmo-icon-radiobutton .path2:before {
        content: "";
        margin-left: -1em;
    }

.xyzmo-icon-radiobutton-outlined {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-radiobutton-outlined .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-radiobutton-outlined:before {
        content: "";
    }

.xyzmo-icon-switch-checked {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-switch-checked .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-switch-checked:before {
        content: "";
    }

.xyzmo-icon-switch-unchecked {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-switch-unchecked .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-switch-unchecked:before {
        content: "";
        margin-left: -.05rem;
    }

.xyzmo-icon-clipboard {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-clipboard .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-clipboard:before {
        content: "";
    }

.xyzmo-icon-box_send {
    font-size: 92px;
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-box_send .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-box_send:hover {
        cursor: pointer;
    }

    .xyzmo-icon-box_send .path1:before {
        content: "";
        color: #ebebed;
    }

    .xyzmo-icon-box_send .path2:before {
        content: "";
        color: #00423f;
        margin-left: -.90527344em;
    }

    .xyzmo-icon-box_send .path3:before {
        content: "";
        color: #00a69d;
        margin-left: -.90527344em;
    }

.xyzmo-icon-box_template {
    font-size: 92px;
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-box_template .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-box_template:hover {
        cursor: pointer;
    }

    .xyzmo-icon-box_template .path1:before {
        content: "";
        color: #ebebed;
    }

    .xyzmo-icon-box_template .path2:before {
        content: "";
        color: #00423f;
        margin-left: -1em;
    }

    .xyzmo-icon-box_template .path3:before {
        content: "";
        color: #00a69d;
        margin-left: -1em;
    }

.xyzmo-icon-box_sign {
    font-size: 92px;
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-box_sign .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-box_sign:hover {
        cursor: pointer;
    }

    .xyzmo-icon-box_sign .path1:before {
        content: "";
        color: #ebebed;
    }

    .xyzmo-icon-box_sign .path2:before {
        content: "";
        color: #00a69d;
        margin-left: -1.0234375em;
    }

    .xyzmo-icon-box_sign .path3:before {
        content: "";
        color: #00423f;
        margin-left: -1.0234375em;
    }

.xyzmo-icon-box_draft {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    font-size: 92px;
}

    .xyzmo-icon-box_draft .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-box_draft:hover {
        cursor: pointer;
    }

    .xyzmo-icon-box_draft .path1:before {
        content: "";
        color: #ebebed;
    }

    .xyzmo-icon-box_draft .path2:before {
        content: "";
        color: #00423f;
        margin-left: -.78320312em;
    }

    .xyzmo-icon-box_draft .path3:before {
        content: "";
        color: #00a69d;
        margin-left: -.78320312em;
    }

.xyzmo-icon-template-empty {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-template-empty .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-template-empty:before {
        content: "";
    }

.xyzmo-icon-nav_documents {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-nav_documents .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-nav_documents:before {
        content: "";
    }

.xyzmo-icon-document-list-empty:before {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    font-size: 55px;
}

    .xyzmo-icon-document-list-empty:before .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-document-list-empty:before:before {
        content: "";
    }

.xyzmo-icon-copy {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-copy .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-copy:before {
        content: "";
    }

.xyzmo-icon-paste {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-paste .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-paste:before {
        content: "";
    }

.xyzmo-icon-align-left {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-align-left .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-align-left:before {
        content: "";
    }

.xyzmo-icon-align-center {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-align-center .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-align-center:before {
        content: "";
    }

.xyzmo-icon-align-right {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-align-right .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-align-right:before {
        content: "";
    }

.xyzmo-icon-search {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-search .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-search:before {
        content: "";
        color: #35364a;
    }

.xyzmo-icon-drag {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-drag .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-drag:before {
        content: "";
    }

.xyzmo-icon-remove {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-remove .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-remove:before {
        content: "";
    }

.xyzmo-icon-certificate {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-certificate .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-certificate:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-certificate-not-valid {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-certificate-not-valid .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-certificate-not-valid .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-certificate-not-valid .path2:before {
        content: "";
        margin-left: -1em;
        color: #b50600;
    }

.xyzmo-icon-authentication-not-valid {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-authentication-not-valid .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-authentication-not-valid .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-authentication-not-valid .path2:before {
        content: "";
        margin-left: -1em;
        color: #b50600;
    }

.xyzmo-icon-add-option-round {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-add-option-round .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-add-option-round:hover:before {
        color: #555667;
    }

    .xyzmo-icon-add-option-round:before {
        color: #35364a;
        content: "";
    }

.xyzmo-icon-add {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-add .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-add:before {
        content: "";
    }

.xyzmo-icon-minus {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-minus .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-minus:before {
        content: "";
    }

.xyzmo-icon-sand-glass {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-sand-glass .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-sand-glass:before {
        content: "";
    }

.xyzmo-icon-reset-zoom {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-reset-zoom .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-reset-zoom:before {
        content: "";
    }

.xyzmo-icon-danger {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-danger .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-danger:before {
        content: "";
    }

.xyzmo-icon-acknowledge {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-acknowledge .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-acknowledge:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-readPage {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-readPage .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-readPage:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-cc {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-cc .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-cc:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-add-team-member {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-add-team-member .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-add-team-member:before {
        content: "";
    }

.xyzmo-icon-status-completed {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #056e4b;
}

    .xyzmo-icon-status-completed .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-completed:before {
        content: "";
    }

.xyzmo-icon-status-canceled {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #c65015;
}

    .xyzmo-icon-status-canceled .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-canceled:before {
        content: "";
    }

.xyzmo-icon-status-rejected {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #b50600;
}

    .xyzmo-icon-status-rejected .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-rejected:before {
        content: "";
    }

.xyzmo-icon-status-expired {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #b50600;
}

    .xyzmo-icon-status-expired .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-expired:before {
        content: "";
    }

.xyzmo-icon-status-active {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-status-active .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-active:before {
        content: "";
    }

.xyzmo-icon-status-draft {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-status-draft .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-draft:before {
        content: "";
    }

.xyzmo-icon-delegate {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    float: left;
}

    .xyzmo-icon-delegate .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-delegate:before {
        content: "";
    }

.xyzmo-icon-detail-status-finished {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-detail-status-finished .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-detail-status-finished .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-detail-status-finished .path2:before {
        content: "";
        color: #056e4b;
        margin-left: -1em;
    }

.xyzmo-icon-detail-status-not-finished {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-detail-status-not-finished .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-detail-status-not-finished .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-detail-status-not-finished .path2:before {
        content: "";
        color: #94949f;
        margin-left: -1em;
    }

.xyzmo-icon-status-acknowledge {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-status-acknowledge .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-acknowledge .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-status-acknowledge .path2:before {
        content: "";
        color: #056e4b;
        margin-left: -.99707031em;
    }

.xyzmo-icon-status-no-acknowledge {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-status-no-acknowledge .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-status-no-acknowledge .path1:before {
        content: "";
        color: #35364a;
    }

    .xyzmo-icon-status-no-acknowledge .path2:before {
        content: "";
        color: #94949f;
        margin-left: -.99707031em;
    }

.xyzmo-icon-bug {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-bug .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-bug:before {
        content: "";
    }

.xyzmo-icon-plugin {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-plugin .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-plugin:before {
        content: "";
    }

.xyzmo-icon-settings {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-settings .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings:before {
        content: "";
    }

.xyzmo-icon-camera {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-camera .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-camera:before {
        content: "";
    }

.xyzmo-icon-save {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-save .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-save:before {
        content: "";
    }

.xyzmo-icon-address-book {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-address-book .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-address-book:before {
        content: "";
    }

.xyzmo-icon-home {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-home .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-home:before {
        content: "";
    }

.xyzmo-icon-new-doc {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-new-doc .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-new-doc:before {
        content: "";
    }

.xyzmo-icon-logoff {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-logoff .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-logoff:before {
        content: "";
    }

.xyzmo-icon-buy {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-buy .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-buy:before {
        content: "";
    }

.xyzmo-icon-team {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-team .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-team:before {
        content: "";
    }

.xyzmo-icon-favorit {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-favorit .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-favorit:before {
        content: "";
    }

.xyzmo-icon-favorit-filled {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-favorit-filled .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-favorit-filled:before {
        content: "";
    }

.xyzmo-icon-delete {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-delete .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-delete:before {
        content: "";
    }

.xyzmo-icon-envelope-message {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope-message .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope-message:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-lock {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-lock .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-lock:before {
        content: "";
    }

.xyzmo-icon-zoom-in {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-zoom-in .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-zoom-in:before {
        content: "";
    }

.xyzmo-icon-zoom-out {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-zoom-out .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-zoom-out:before {
        content: "";
    }

.xyzmo-icon-signer {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-signer .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-signer:before {
        content: "";
    }

.xyzmo-icon-user {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-user .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-user:before {
        content: "";
    }

.xyzmo-icon-file {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-file .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-file:hover {
        color: #555667;
    }

    .xyzmo-icon-file:hover {
        color: #555667;
    }

    .xyzmo-icon-file:before {
        content: "";
    }

.xyzmo-icon-replace-doc {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-replace-doc .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-replace-doc:before {
        content: "";
    }

.xyzmo-icon-info {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-info .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-info:before {
        content: "";
    }

.xyzmo-icon-signSingle {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-signSingle .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-signSingle:hover {
        color: #555667;
    }

    .xyzmo-icon-signSingle:hover {
        color: #555667;
    }

    .xyzmo-icon-signSingle:before {
        content: "";
    }

.xyzmo-icon-arrow-savings {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-arrow-savings .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-arrow-savings .path1:before {
        content: "";
        color: #00857e;
    }

    .xyzmo-icon-arrow-savings .path2:before {
        content: "";
        color: #fff;
        margin-left: -1em;
    }

.xyzmo-icon-signBatch {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-signBatch .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-signBatch:hover {
        color: #555667;
    }

    .xyzmo-icon-signBatch:hover {
        color: #555667;
    }

    .xyzmo-icon-signBatch:before {
        content: "";
    }

.xyzmo-icon-signBatchInfo {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-signBatchInfo .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-signBatchInfo:hover {
        color: #555667;
    }

    .xyzmo-icon-signBatchInfo:hover {
        color: #555667;
    }

    .xyzmo-icon-signBatchInfo:before {
        content: "";
    }

.xyzmo-icon-settings_cancel {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_cancel .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_cancel:before {
        content: "";
    }

.xyzmo-icon-settings_ok {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_ok .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_ok:before {
        content: "";
    }

.xyzmo-icon-settings_rotate_right {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_rotate_right .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_rotate_right:before {
        content: "";
    }

.xyzmo-icon-settings_rotate_left {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_rotate_left .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_rotate_left:before {
        content: "";
    }

.xyzmo-icon-settings_background_level {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_background_level .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_background_level:before {
        content: "";
    }

.xyzmo-icon-settings_crop {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .xyzmo-icon-settings_crop .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_crop:before {
        content: "";
    }

.xyzmo-icon-envelope_placeholder {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_placeholder .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_placeholder:before {
        content: "";
    }

.xyzmo-icon-automatic_profile {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-automatic_profile .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-automatic_profile:before {
        content: "";
    }

.xyzmo-icon-automatic {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-automatic .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-automatic:before {
        content: "";
        vertical-align: middle;
    }

.xyzmo-icon-help {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-help .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-help:before {
        content: "󩀁";
    }

.xyzmo-icon-account {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-account .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-account:before {
        content: "";
    }

.xyzmo-icon-envelope_phone {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_phone .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_phone:before {
        content: "";
    }

.xyzmo-icon-envelope_connected {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_connected .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_connected:before {
        content: "";
    }

.xyzmo-icon-envelope_disconnected {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_disconnected .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_disconnected:before {
        content: "";
    }

.xyzmo-icon-settings_external_link {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-settings_external_link .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-settings_external_link:before {
        content: "";
    }

.xyzmo-icon-envelope_back {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_back .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_back:before {
        content: "";
    }

.xyzmo-icon-envelope_forward {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-envelope_forward .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-envelope_forward:before {
        content: "";
    }

.xyzmo-icon-step-backward {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-step-backward .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-step-backward:before {
        content: "";
    }

.xyzmo-icon-step-forward {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-step-forward .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-step-forward:before {
        content: "";
    }

.xyzmo-icon-admin-system-alerts {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-admin-system-alerts .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-admin-system-alerts:before {
        content: "";
    }

.xyzmo-icon-admin-statistics {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-admin-statistics .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-admin-statistics:before {
        content: "";
    }

.xyzmo-icon-admin-pending-backups {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-admin-pending-backups .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-admin-pending-backups:before {
        content: "";
    }

.xyzmo-icon-pause {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-pause .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-pause:before {
        content: "";
    }

.xyzmo-icon-play {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-play .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-play:before {
        content: "";
    }

.xyzmo-icon-filter {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .xyzmo-icon-filter .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .xyzmo-icon-filter:before {
        content: "";
    }

.envelope-error {
    text-decoration: none;
    margin-left: 10px;
    color: #b50600;
}

    .envelope-error:hover {
        color: #910500;
        text-decoration: none;
    }

div.envelopeDetailBulkRecipient {
    display: flex;
    align-items: center;
}

    div.envelopeDetailBulkRecipient span {
        display: inline-flex;
        align-items: center;
    }

.settings-container {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #cdcdd2;
    padding: 15px;
}

.envelope-detail {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .envelope-detail table {
        color: #111820;
    }

        .envelope-detail table a {
            font-weight: 600;
        }

    .envelope-detail h4 {
        word-break: break-all;
        color: #111820;
    }

    .envelope-detail .envelope-icon-status-container {
        font-size: 32px;
    }

.recipient-detail {
    color: #111820;
}

    .recipient-detail h5 {
        color: #111820;
    }

.message-detail {
    color: #111820;
}

.panel-heading > button {
    all: inherit;
    padding: 0;
}

    .panel-heading > button:focus {
        outline: none !important;
        box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
        border-radius: 3px;
    }

.tooltip-envelope-error {
    background-color: #b50600;
}

    .tooltip-envelope-error .arrow::after {
        border-bottom-color: #b50600 !important;
    }

    .tooltip-envelope-error .tooltip-inner {
        background-color: #b50600;
        word-break: break-word;
    }

.center-children-horizontal {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}

.tooltip-envelope-status {
    background-color: #fff;
}

    .tooltip-envelope-status .tooltip-inner {
        background-color: #fff;
        color: #111820;
    }

.status-info:hover {
    text-decoration: none;
}

.delegate-background {
    background-color: #ebebed;
}

.warning-color {
    color: #c65015;
}

.recipient-separator .first .cursor-pointer {
    color: #35364a;
}

    .recipient-separator .first .cursor-pointer:hover {
        color: #555667;
    }

.recipient-separator:not(:last-of-type) {
    border-bottom: 2px solid #ebebed;
}

.recipient-delegate-separator:not(:last-of-type) {
    border-bottom: 2px dotted #cdcdd2;
}

#changeRecipientContainer #error-container {
    margin: 0 15px 15px 15px;
}

.bulkDetailsTable {
    width: auto;
    color: #111820;
}

    .bulkDetailsTable td {
        padding: 0 10px 0 0;
    }

a:focus {
    text-decoration: none;
}

.edit-recipient-modal-detail .authContainer > .form-group {
    margin-bottom: .7rem;
    width: 100%;
}

    .edit-recipient-modal-detail .authContainer > .form-group > label {
        padding-left: 0;
        min-height: 3.4rem !important;
    }

        .edit-recipient-modal-detail .authContainer > .form-group > label > input {
            margin-right: 1rem;
        }

.edit-recipient-modal-detail .authContainer > .customProvider div label input {
    margin-right: 1rem;
}

.edit-recipient-modal-detail .authContainer > .customProvider .authDetails {
    margin-left: 3rem;
}

.edit-recipient-modal-detail .authContainer > .customProvider > div > label {
    min-height: 4.2rem;
}

.edit-recipient-modal-detail .personalMessageContent .row div {
    width: 100%;
}

#detailsContainer .tooltip-inner-validation {
    font-size: 1.4rem;
}

.dropdown-item-hover {
    pointer-events: auto;
}

    .dropdown-item-hover:hover:not([disabled]) {
        background-color: rgba(53,54,74,.2);
        cursor: pointer;
    }

    .dropdown-item-hover[disabled]:hover {
        cursor: not-allowed;
    }

.multiselect {
    display: inline-block;
    position: relative;
    z-index: 10;
}

    .multiselect select[multiple] {
        position: absolute;
        top: 90%;
        left: -9999px;
        width: 100%;
        overflow: auto;
        opacity: 0;
        margin: -1px 0 0;
        padding: 1rem;
        font-family: inherit;
        font-weight: inherit;
        font-size: 12px;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 1px solid #ebebed;
    }

        .multiselect select[multiple] option {
            position: relative;
            padding: 0;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 2px;
            background-color: #fff;
            margin-top: .2rem;
            margin-bottom: .2rem;
            padding-left: 1rem;
        }

            .multiselect select[multiple] option:checked {
                box-shadow: 0 0 10px 100px #00857e inset;
                border-radius: 2rem;
                background-color: #fff;
            }

                .multiselect select[multiple] option:checked:before {
                    background-color: #00857e;
                    border: 1px solid #00857e;
                    display: inline-block;
                    border-radius: 3px;
                }

            .multiselect select[multiple] option:focus {
                outline: none;
                color: transparent;
                box-shadow: none;
                border: 1px solid #ebebed;
            }

        .multiselect select[multiple] + span {
            display: inline-block;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            text-overflow: ellipsis;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .multiselect select[multiple] + span:after {
                position: absolute;
                content: "";
                top: 14px;
                right: 10px;
                width: 0;
                height: 0;
                border: 6px solid transparent;
                border-color: #35364a transparent transparent transparent;
            }

            .multiselect select[multiple] + span:before {
                content: "";
                display: block;
                width: 100%;
                height: 3px;
                position: absolute;
                top: 0;
                left: 0;
                background-color: transparent;
            }

        .multiselect select[multiple]:focus {
            opacity: 1;
            left: auto;
            outline: none;
        }

            .multiselect select[multiple]:focus + span {
                border-bottom: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

.provider-edit {
    font-size: 100%;
    color: #35364a;
    text-shadow: none;
    float: none;
    vertical-align: text-top;
    margin-left: 5px;
    margin-right: 5px;
}

.fnt-large {
    font-size: 24px;
}

.xyzmo-icon-download {
    margin-right: 1rem;
}

.provider-delete {
    padding: 0 .6rem 0 1.5rem;
}

.xyzmo-plain {
    border: none;
    background: none;
}

.provider-status-lbl {
    font-weight: bold;
    margin-bottom: 20px;
}

.xyzmo-btn-hover:hover {
    color: #555667;
    cursor: pointer;
    opacity: 1;
}

    .xyzmo-btn-hover:hover:focus:not(.icon-delete) {
        color: #555667;
        opacity: 1;
    }

.xyzmo-btn-hover:focus:not(.icon-delete) {
    color: #111820;
    opacity: 1;
}

.simple-list {
    padding: 0;
    list-style-type: none;
    color: #35364a;
}

.provider-list {
    padding: 0;
    list-style-type: none;
    color: #35364a;
}

    .provider-list li.active {
        background-color: rgba(53,54,74,.2);
    }

    .provider-list .draggable-item:not(:nth-last-child(-n+2)) {
        border-bottom: 1px solid #ebebed;
    }

    .provider-list li:hover {
        color: #111820;
    }

.provider-lbl {
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}

.padding-top-bot-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    padding: 0;
    margin-top: 0;
    border-radius: 0;
}

.form-border {
    border: 1px solid #94949f !important;
}

.form-group:last-of-type {
    margin-bottom: 0;
}

a:hover {
    color: #555667;
    text-decoration: none;
}

.SignaturePAdESConfiguration a:hover {
    color: #555667;
}

.CustomTimestampConfiguration .header-section {
    display: flex;
    align-items: baseline;
}

    .CustomTimestampConfiguration .header-section .timestampInfo {
        position: relative;
    }

        .CustomTimestampConfiguration .header-section .timestampInfo .popover-content {
            width: 22rem;
        }

.callbackConfigurationRoot .callback-auth-list {
    position: relative;
}

.callbackConfigurationRoot .xyzmo-icon-info {
    font-size: 3rem;
    text-align: center;
    width: 100%;
    color: #c65015;
}

.callbackConfigurationRoot .btnWithIndicator + div button:not(.btn-xyzmo-secondary) label {
    color: #35364a;
}

.callbackConfigurationRoot .btnWithIndicator + div button:not(.btn-xyzmo-secondary):hover {
    color: #555667;
}

    .callbackConfigurationRoot .btnWithIndicator + div button:not(.btn-xyzmo-secondary):hover label {
        color: #555667;
    }

.icon-size2rem {
    width: 2rem !important;
    height: 2rem !important;
}

.genericSigningPlugin-container {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

.genericSigningPlugin-element {
    padding-top: 1rem;
    width: 95%;
}

.info-icon {
    font-size: 1.5rem;
    color: #35364a;
}

    .info-icon:hover {
        color: #555667;
    }

.icon-collapse-container {
    width: 5%;
    padding-top: 1rem;
}

.margin-right-1rem {
    margin-right: 1rem;
}

.margin-left-1rem {
    margin-left: 1rem;
}

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.margin-bottom-1-and-half-rem {
    margin-bottom: 1.5rem;
}

.margin-top-1rem {
    margin-top: 1rem;
}

.width100percent {
    width: 100%;
}

.updateButton {
    justify-content: space-between;
    margin: .8rem 0 1rem 2rem;
    text-align: right;
}

.genericSigningPluginProfiles-container {
    border: 1px solid #ebebed;
}

.genericSigningPluginProfileHeader-padding {
    padding-left: 1rem;
    padding-top: 1rem;
}

.flex-and-spaceBetween {
    display: flex;
    justify-content: space-between;
}

.genericSigningPluginProfile-editDelete {
    margin: .8rem 0 0 2rem;
    float: right;
}

.automatic-remote-signature-profiles ul {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
}

.esealing-edit-container {
    background-color: #f7f7f8;
    border: .1rem solid #ebebed;
    border-radius: .4rem;
    padding: .5rem;
    margin-bottom: .5rem;
}

.genericSigningPlugin-element .popover {
    max-width: none;
}

.inlineChevronToggle {
    border: none;
    background: transparent;
    vertical-align: middle;
    margin: 0;
}

.swissComLegacySetting {
    background: #f7f7f8;
    padding: 15px;
    border-radius: 4px;
}

.swissComSettingsComponent .groupName span:first-child, .swissComSettingsComponent .groupName label.inlineChevronToggle {
    color: #35364a;
}

.swissComSettingsComponent .groupName:hover {
    color: #555667;
}

    .swissComSettingsComponent .groupName:hover span:first-child, .swissComSettingsComponent .groupName:hover label.inlineChevronToggle {
        color: #555667;
    }

.toggleOptionsContainer:focus-within .optionsContainer, .toggleOptionsContainer:hover .optionsContainer {
    visibility: visible;
}

.toggleOptionsContainer:focus-within + .optionsContainer, .toggleOptionsContainer:hover + .optionsContainer {
    visibility: visible;
}

.optionsContainer {
    visibility: hidden;
}

    .optionsContainer:hover {
        visibility: visible;
    }

.default-url-component .default-value-header {
    display: flex;
    align-items: center;
}

    .default-url-component .default-value-header .headerInfo {
        position: relative;
    }

        .default-url-component .default-value-header .headerInfo .infoPopoverContent {
            width: 20rem;
        }

#StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div {
        display: table-cell;
        vertical-align: middle;
    }

        #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div:nth-child(1) {
            width: 45%;
        }

        #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div:nth-child(2) {
            padding-left: 8px;
        }

            #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div:nth-child(2) input, #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div:nth-child(2) label {
                margin: 0;
                padding: 0;
            }

            #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Selection_Container div:nth-child(2) label {
                padding-left: 4px;
            }

#StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_UseLocalTimezone {
    float: left;
}

#StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container {
    display: table;
    width: 100%;
}

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container button, #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container label {
        padding: 0;
        margin: 0;
    }

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container #testStampImprintDateTimeFormatResult {
        padding-left: 4px;
    }

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container #btnTestStampImprintDateTimeFormat {
        font-size: 20px;
        background-color: transparent;
        border: none;
        color: #35364a;
    }

        #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container #btnTestStampImprintDateTimeFormat:hover {
            color: #555667;
        }

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container div {
        vertical-align: middle;
        display: table-cell;
    }

        #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Test_Container div:nth-child(2) {
            font-weight: bolder;
            padding-left: 8px;
        }

#StampImprintSettings_DateTimeFormat_Container #btnTestStampImprintDateTimeFormat {
    float: left;
}

#StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Examples_Container {
    margin-top: 4px;
}

    #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Examples_Container table {
        width: 100%;
    }

        #StampImprintSettings_DateTimeFormat_Container #StampImprintSettings_DateTimeFormat_Examples_Container table th {
            font-weight: bold;
        }

.dnBuilder .headerInfo {
    position: relative;
}

    .dnBuilder .headerInfo .infoPopoverContent {
        width: 30rem;
    }

.dnBuilder .activePatternContainer {
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebed;
}

.dnBuilder .patternSample {
    font-family: Courier New;
    white-space: pre-wrap;
    color: #111820;
    background-color: rgba(53,54,74,.2);
    border: 1px solid #ebebed;
}

.dnBuilder .patternPlaceholderContainer {
    display: inline-block;
}

    .dnBuilder .patternPlaceholderContainer .overlay {
        margin: 0;
        position: relative;
    }

        .dnBuilder .patternPlaceholderContainer .overlay .content {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-evenly;
            background: #fff;
        }

            .dnBuilder .patternPlaceholderContainer .overlay .content .moveLeftBtn {
                padding: 0;
                margin: 0;
                font-size: 2rem;
            }

            .dnBuilder .patternPlaceholderContainer .overlay .content .moveRightBtn {
                padding: 0;
                margin: 0 .3rem,0 .3rem;
                font-size: 2rem;
            }

            .dnBuilder .patternPlaceholderContainer .overlay .content .deleteBtn {
                padding: 0;
                margin: 0;
                font-size: 2rem;
            }

.dnBuilder .addBtnContainer {
    display: inline-flex;
    vertical-align: middle;
}

    .dnBuilder .addBtnContainer .addPopoverContent {
        white-space: nowrap;
    }

        .dnBuilder .addBtnContainer .addPopoverContent .slctInp {
            background: transparent;
            cursor: pointer;
            margin-bottom: .5rem;
        }

.backupHeader {
    display: inline-block;
}

.backupDownloadLink {
    margin-right: 25px;
}

.backupGenericInfoView {
    display: flex;
}

    .backupGenericInfoView .info {
        height: 100%;
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        width: 90px;
    }

        .backupGenericInfoView .info .icon {
            font-size: 37px;
            text-align: center;
            width: 100%;
        }

    .backupGenericInfoView .content {
        display: flex;
        align-items: center;
    }

        .backupGenericInfoView .content .half-width {
            width: 50%;
        }

        .backupGenericInfoView .content .icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            font-size: large;
        }

            .backupGenericInfoView .content .icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .backupGenericInfoView .content .icon:before {
                content: "";
            }

        .backupGenericInfoView .content .text {
            margin-left: 5px;
        }

.tab-section {
    border-top: 1px solid #ebebed;
    border-left: 1px solid #ebebed;
    border-right: 1px solid #ebebed;
    background-color: #ebebed;
}

    .tab-section button {
        background: none;
        border: none;
        padding: 1.2rem 1rem 1rem 1rem;
        margin: 0 1rem;
        text-transform: capitalize;
    }

        .tab-section button.selected {
            font-weight: 600;
            border-bottom: 3px solid #00645e;
            color: #00645e;
        }

.notification-plugins .nchannel-container:not(:last-child) {
    margin-bottom: 2rem;
}

.notification-plugins .nchannel-container .channel-header {
    font-weight: 600;
    display: block;
    margin-bottom: 1rem;
}

.notification-plugins .nchannel-container .nchannel-list {
    background-color: #f7f7f8;
    border-radius: 10px;
    padding: .5rem;
}

    .notification-plugins .nchannel-container .nchannel-list .np-entry {
        margin: 1.5rem;
    }

        .notification-plugins .nchannel-container .nchannel-list .np-entry:not(:nth-child(1)) {
            margin-top: 2rem;
        }

        .notification-plugins .nchannel-container .nchannel-list .np-entry:not(:last-child) {
            padding-bottom: 2rem;
            border-bottom: .1rem #ebebed solid;
        }

.plugin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #35364a;
}

    .plugin-header .center-center-flex {
        position: relative;
    }

        .plugin-header .center-center-flex .popover-content {
            min-width: 20rem;
        }

    .plugin-header > div > span:nth-child(1) {
        cursor: pointer;
    }

    .plugin-header > div :not(:last-child) {
        margin-right: .5rem;
    }

    .plugin-header:not(:last-child) {
        margin-bottom: 2rem;
    }

    .plugin-header span:hover {
        color: #555667;
    }

.plugin-settings {
    margin: 1rem 0 0 2rem;
}

.plugin-btn-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 1rem 0 0 2rem;
}

    .plugin-btn-section > button:not(:nth-child(1)) {
        margin-left: 2rem;
    }

.footnote {
    font-size: .75em;
    vertical-align: top;
    font-weight: bold;
    margin-left: 2px;
}

.footnote-description .footnote-description-number {
    font-size: .75em;
    vertical-align: top;
    font-weight: bold;
}

.footnote-description .footnote-description-text {
    margin-left: 2px;
}

    .footnote-description .footnote-description-text::before {
        content: "...";
    }

.matchedResult {
    animation: highLightMatchedResult 2.5s forwards;
    border-radius: .7rem;
}

@keyframes highLightMatchedResult {
    0% {
        background: transparent;
    }

    60% {
        background: #056e4b;
    }

    70% {
        background: #056e4b;
    }

    100% {
        background: transparent;
    }
}

.btnWithIndicator > svg {
    position: absolute !important;
}

.btnWithIndicator > i {
    position: absolute !important;
}

.no-padding-right {
    padding-right: 0;
}

.notification-container-no-padding {
    border: 1px solid #ebebed;
    margin-bottom: 15px;
}

    .notification-container-no-padding .padding-15 {
        padding: 15px;
    }

    .notification-container-no-padding .devider-top {
        border-top: 1px solid #ebebed;
    }

.notificationTypeAssignment .flx {
    display: flex;
}

.notificationTypeAssignment .notification-select-option {
    padding: 1rem 0 1rem 1.5rem;
    width: 100%;
    color: #111820;
    text-transform: initial;
}

    .notificationTypeAssignment .notification-select-option:hover, .notificationTypeAssignment .notification-select-option:active, .notificationTypeAssignment .notification-select-option:focus, .notificationTypeAssignment .notification-select-option:target {
        background: rgba(53,54,74,.2);
    }

.notificationTypeAssignment .searchBar {
    margin: 1.5rem 1rem 1rem 1.5rem;
}

.notificationTypeAssignment .popover-toggle-container {
    position: relative;
}

    .notificationTypeAssignment .popover-toggle-container .btn-flat {
        display: inline-flex;
        align-items: center;
    }

    .notificationTypeAssignment .popover-toggle-container .toggle-desc {
        font-family: 'Open Sans';
        margin-top: auto;
        margin-bottom: auto;
        color: #111820;
        text-transform: none;
    }

    .notificationTypeAssignment .popover-toggle-container .addPopoverContent {
        height: 50rem;
        width: 30rem;
        display: flex;
        flex-direction: column;
    }

        .notificationTypeAssignment .popover-toggle-container .addPopoverContent {
            overflow-y: auto;
            background: #fff;
            height: 100%;
        }

        .notificationTypeAssignment .popover-toggle-container .addPopoverContent .searchBar div {
            width: 100%;
            position: relative;
        }

        .notificationTypeAssignment .popover-toggle-container .addPopoverContent .searchInput {
            padding-left: 2.8rem;
        }

.notificationTypeAssignment .addBtnContainer .btn-flat:hover i:before, .notificationTypeAssignment .addBtnContainer .btn-flat:hover span {
    color: #555667;
}

.flx-col {
    display: flex;
    flex-direction: column;
}

body:not(.mouseActive) .flx-col > div:focus-within {
    margin-left: .4rem;
    margin-right: .4rem;
}

.background-image-transparency {
    background-image: url('../../Content/images/background_transparency.png');
}

.background-image-color-editing {
    background-color: #ccdfe8;
}

.document-background {
    background-color: #f7f7f8;
}

.image-editor-border {
    border: 1px solid #ebebed;
}

.headerBackground {
    background: #ebebed;
    border-bottom: 1px solid #ebebed;
}

.picture-icon {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #35364a;
    opacity: .6;
    padding: 7px;
    margin-left: 15px;
    color: #fff;
}

.picture-user-settings {
    border: 2px solid #ebebed;
    padding: 1px;
    object-fit: contain;
    max-height: 20%;
    max-width: 20%;
}

.picture-user-dropdown {
    object-fit: contain;
    max-width: 100px;
    max-height: 70px;
}

.picture-user-fileinput {
    opacity: 0;
    max-width: 20%;
    height: 100%;
    z-index: 20;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
}

.personal-details-mithril #divPicture {
    position: relative;
}

    .personal-details-mithril #divPicture .picture-icon {
        margin-left: 0;
    }

#sliderButton {
    width: 100%;
    margin: 5px 0;
    background-color: transparent;
    -webkit-appearance: none;
}

    #sliderButton:focus {
        outline: none;
    }

    #sliderButton::-webkit-slider-runnable-track {
        background: #ebebed;
        border: 1px solid rgba(240,205,204,.5);
        border-radius: 25px;
        width: 100%;
        height: 10px;
        cursor: pointer;
    }

    #sliderButton::-webkit-slider-thumb {
        margin-top: -6px;
        width: 20px;
        height: 20px;
        background: #00a69d;
        border: 1px solid #00a69d;
        border-radius: 50px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    #sliderButton:focus::-webkit-slider-runnable-track {
        background: #ebebed;
    }

    #sliderButton::-moz-range-track {
        background: #ebebed;
        border: 1px solid rgba(53,54,74,.2);
        border-radius: 25px;
        width: 100%;
        height: 10px;
        cursor: pointer;
    }

    #sliderButton::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #00a69d;
        border: 1px solid #00a69d;
        border-radius: 50px;
        cursor: pointer;
    }

    #sliderButton::-ms-track {
        background: transparent;
        border-color: transparent;
        border-width: 6px 0;
        color: transparent;
        width: 100%;
        height: 10px;
        cursor: pointer;
    }

    #sliderButton::-ms-fill-lower {
        background: #ebebed;
        border: 1px solid rgba(53,54,74,.2);
        border-radius: 50px;
    }

    #sliderButton::-ms-fill-upper {
        background: #ebebed;
        border: 1px solid rgba(53,54,74,.2);
        border-radius: 50px;
    }

    #sliderButton::-ms-thumb {
        width: 20px;
        height: 20px;
        background: #00a69d;
        border: 1px solid #00a69d;
        border-radius: 50px;
        cursor: pointer;
        margin-top: 0;
    }

    #sliderButton:focus::-ms-fill-lower {
        background: #ebebed;
    }

    #sliderButton:focus::-ms-fill-upper {
        background: #ebebed;
    }

#cropPreviewCanvas {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: crosshair;
}

#previewSchema {
    border-color: #005e8c;
    background-color: #111820;
    opacity: .22;
}

.btn-xyzmo-hover {
    border: none;
    background-color: transparent;
}

    .btn-xyzmo-hover.active {
        color: #fff;
        background-color: #35364a;
    }

    .btn-xyzmo-hover:hover:not([disabled]) {
        color: #fff;
        background-color: #35364a;
    }

#actionLabel {
    color: #35364a;
}

#uploadedFileElement {
    cursor: pointer;
}

.flex-form-group {
    display: flex;
    align-items: center;
    margin: 0 0 1rem 0;
}

    .flex-form-group:last-of-type {
        margin: 0 0 0 0;
    }

    .flex-form-group label:not(.ui-switch) {
        flex-basis: 20%;
        margin: 0;
    }

    .flex-form-group label.flex-checkbox-lbl {
        margin: 0 0 0 .5rem;
        cursor: pointer;
        flex-basis: auto;
    }

    .flex-form-group label + .form-control {
        margin: 0 .5rem 0 0;
    }

    .flex-form-group label .xyzmo-icon-refresh {
        color: #35364a;
    }

        .flex-form-group label .xyzmo-icon-refresh:hover {
            color: #555667;
        }

    .flex-form-group input[type="checkbox"] {
        margin: 0;
    }

    .flex-form-group .flex-form-part {
        flex-basis: 80%;
    }

    .flex-form-group.LabelInputSpacing > Label > span {
        display: inline-block;
        margin-bottom: .5rem;
    }

.flex-form-group-6 {
    display: flex;
    align-items: center;
    flex-basis: 50%;
}

    .flex-form-group-6:last-of-type {
        margin: 0 0 0 0;
        border-right: none;
    }

        .flex-form-group-6:last-of-type .compare-select {
            margin-right: 1rem;
        }

    .flex-form-group-6:not(:last-of-type) input, .flex-form-group-6:not(:last-of-type) select {
        margin-right: 1rem;
    }

        .flex-form-group-6:not(:last-of-type) input.no-margin, .flex-form-group-6:not(:last-of-type) select.no-margin {
            margin: 0;
        }

    .flex-form-group-6 label:not(.ui-switch) {
        flex-basis: 40%;
    }

    .flex-form-group-6 label.contain-checkbox {
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
        padding: .2rem;
    }

    .flex-form-group-6 .flex-form-part {
        display: flex;
        flex-basis: 60%;
    }

.flex-right {
    display: flex;
    justify-content: flex-end;
}

.size-2x-rem {
    font-size: 2rem;
}

.loadingI {
    width: 24px;
    height: 24px;
    margin: 5px 5px 0 0;
}

    .loadingI:before {
        position: absolute;
        display: block;
        content: '';
        z-index: 12;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
    }

    .loadingI:after {
        position: absolute;
        display: block;
        content: '';
        z-index: 11;
        width: 12px;
        height: 12px;
        border-radius: 200px 0 0;
        background: linear-gradient(45deg,#fff 0,#005e8c 50%,#005e8c 100%);
        animation: loading .5s linear infinite;
    }

.automated-delegation-mithril .xyzmo-icon-user {
    color: #35364a;
    margin-left: 1rem;
}

.xyzmo-icon-remove {
    color: #35364a;
    border: 0;
}

    .xyzmo-icon-remove:hover {
        color: #555667;
    }

.bubbleWithIconLeftAndRight:hover .xyzmo-icon-add {
    color: #555667;
}

.popover-content div {
    color: #111820;
}

.tooltip_info {
    min-width: 25rem !important;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.btn-operation-item {
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    color: #35364a;
    margin-right: 5px;
    margin-left: 8px;
    margin-bottom: 2px;
}

    .btn-operation-item:hover {
        color: #555667;
    }

    .btn-operation-item:hover {
        color: #555667;
    }

.delegatee-balloon {
    border-radius: 2rem;
    background-color: rgba(53,54,74,.2);
    padding: .25rem .125rem;
    align-items: center;
}

.toTheLeft {
    width: 100%;
    float: none;
}

.toTheRight {
    width: 100%;
    float: none;
}

.OAuthAssignmentsComponent {
    display: flex;
    flex-wrap: wrap;
}

    .OAuthAssignmentsComponent .fnt-large {
        font-size: large;
    }

    .OAuthAssignmentsComponent .flx {
        display: flex;
    }

    .OAuthAssignmentsComponent .bubbleWithIconLeftAndRight button {
        padding: 0;
    }

        .OAuthAssignmentsComponent .bubbleWithIconLeftAndRight button.btn-xyzmo-secondary, .OAuthAssignmentsComponent .bubbleWithIconLeftAndRight button.btn-xyzmo-tertiary {
            padding: 3px;
        }

    .OAuthAssignmentsComponent .bubbleWithIconLeftAndRight .stateBtn {
        background-color: transparent;
        border: 0;
    }

@keyframes loading {
    0% {
        transform-origin: 100% 100%;
        transform: rotate(0deg);
    }

    100% {
        transform-origin: 100% 100%;
        transform: rotate(360deg);
    }
}

.template-editor .tab-section {
    border-top: 1px solid #ebebed;
    border-left: 1px solid #ebebed;
    border-right: 1px solid #ebebed;
    background-color: #ebebed;
}

    .template-editor .tab-section button {
        background: none;
        border: none;
        padding: 1.2rem 1rem 1rem 1rem;
        margin: 0 1rem;
        text-transform: capitalize;
    }

        .template-editor .tab-section button.selected {
            font-weight: 600;
            border-bottom: 3px solid #00645e;
            color: #00645e;
        }

.template-editor .devider {
    width: 100%;
    border-bottom: 2px solid #ebebed;
    margin-bottom: 1rem;
}

.template-editor textarea ~ span {
    font-size: 12px;
}

.template-editor .validation-error ~ span {
    color: #b50600;
}

.template-editor .placeholder-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.template-editor .btn-container {
    display: flex;
    margin-top: 1rem;
    justify-content: end;
}

    .template-editor .btn-container button {
        margin-left: 1rem;
    }

.template-editor .template-placeholder {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    margin-right: .5rem;
    border: none;
    background-color: #ebebed;
    border-radius: 1rem;
    padding: .5rem 1.5rem;
}

    .template-editor .template-placeholder:hover {
        background-color: #f7f7f8;
    }

    .template-editor .template-placeholder .placeholder-text {
        text-transform: capitalize;
    }

    .template-editor .template-placeholder .xyzmo-icon-copy {
        margin-right: .5rem;
    }

    .template-editor .template-placeholder .xyzmo-icon-info {
        color: #35364a;
        padding: 2px;
        margin-left: .5rem;
        border: none;
        background: transparent;
    }

        .template-editor .template-placeholder .xyzmo-icon-info:hover {
            color: #555667;
        }

.confirm-modal .modal-content-icon-left {
    display: flex;
}

    .confirm-modal .modal-content-icon-left span.xyzmo-icon-danger {
        padding: 2rem;
        color: #c65015;
    }

    .confirm-modal .modal-content-icon-left .content {
        padding: 2rem 2rem 2rem 0;
        width: 100%;
    }

        .confirm-modal .modal-content-icon-left .content .footer {
            display: flex;
            justify-content: end;
        }

            .confirm-modal .modal-content-icon-left .content .footer button {
                margin-left: 1rem;
            }

#DesignerIndexMain .notification-container {
    border-color: #cdcdd2;
}

    #DesignerIndexMain .notification-container .thumb-header {
        border-top: .1rem solid #cdcdd2;
        border-bottom: .1rem solid #cdcdd2;
    }

.thumb-header {
    padding: 1rem 0;
    border-top: .1rem solid #ebebed;
    border-bottom: .1rem solid #ebebed;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-overflow: "ellipsis";
}

.thumb-ctrl {
    display: flex;
    justify-content: space-between;
}

    .thumb-ctrl input {
        color: #111820;
        border: 1px solid #94949f;
    }

.thumb.xyzmo-icon-doc-invisible {
    text-align: center;
    top: .2rem;
    right: .7rem;
    position: absolute;
    border-radius: .4rem;
}

.thumb.invisible-page {
    width: calc(100% - .4rem);
    height: calc(100% - .4rem);
    margin: .2rem 0 0 .2rem;
    background-color: #ebebed;
    position: absolute;
    top: 0;
}

.thumb-panel {
    transition: height .5s cubic-bezier(.22,.61,.36,1);
    overflow: hidden;
    margin-top: 1rem;
}

    .thumb-panel.thumb-collapse {
        height: 0 !important;
    }

@keyframes fade-in {
    from {
        height: 0;
    }

    to {
        height: 100%;
    }
}

@keyframes fade-out {
    from {
        height: 100%;
    }

    to {
        height: 0;
    }
}

.common-plain-button-text {
    font-family: 'Open Sans';
    margin-top: auto;
    margin-bottom: auto;
    color: #111820;
    font-weight: bold;
    padding-left: .5rem;
}

.addCertificateModal .fileContainer {
    border-color: #ebebed;
    border-width: .1rem;
    border-style: dotted;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    color: #111820;
}

.addCertificateModal .btn-text {
    font-family: 'Open Sans';
    margin-top: auto;
    margin-bottom: auto;
    color: #111820;
    font-weight: bold;
    padding-left: .5rem;
    color: #35364a;
}

    .addCertificateModal .btn-text:hover {
        color: #555667;
    }

.addCertificateModal .xyzmo-icon-settings_cancel {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
    color: #35364a;
}

    .addCertificateModal .xyzmo-icon-settings_cancel .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .addCertificateModal .xyzmo-icon-settings_cancel:before {
        content: "";
    }

    .addCertificateModal .xyzmo-icon-settings_cancel:hover {
        color: #555667;
    }

.custom-sealing-certificate .margin-right-large {
    margin-right: 2rem;
}

.custom-sealing-certificate .margin-bottom-normal {
    margin-bottom: 1.5rem;
}

.custom-sealing-certificate .certificateRow {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 4rem;
}

    .custom-sealing-certificate .certificateRow:not(:first-child) {
        margin-top: 2rem;
    }

    .custom-sealing-certificate .certificateRow .certificateInfo {
        overflow: hidden;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }

        .custom-sealing-certificate .certificateRow .certificateInfo .certificateHeader {
            font-weight: bold;
            margin-bottom: .5rem;
            display: flex;
            align-items: center;
        }

            .custom-sealing-certificate .certificateRow .certificateInfo .certificateHeader span {
                font-weight: normal;
                margin-left: .5rem;
            }

            .custom-sealing-certificate .certificateRow .certificateInfo .certificateHeader .copy-button {
                font-size: 2rem;
                margin-left: 1rem;
            }

        .custom-sealing-certificate .certificateRow .certificateInfo .certificate-details-text {
            font-size: 1.3rem;
            color: #555667;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .info-icon {
            margin-right: .5rem;
            padding: .1rem;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .warning-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            margin-right: .5rem;
            padding: .1rem;
            color: #c65015;
            font-size: 1.6rem;
        }

            .custom-sealing-certificate .certificateRow .certificateInfo .warning-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .custom-sealing-certificate .certificateRow .certificateInfo .warning-icon:before {
                content: "";
            }

        .custom-sealing-certificate .certificateRow .certificateInfo .expired-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            margin-right: .5rem;
            padding: .1rem;
            color: #b50600;
            font-size: 1.6rem;
        }

            .custom-sealing-certificate .certificateRow .certificateInfo .expired-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .custom-sealing-certificate .certificateRow .certificateInfo .expired-icon:before {
                content: "";
            }

        .custom-sealing-certificate .certificateRow .certificateInfo .expireContainer {
            display: flex;
            align-items: center;
            font-size: 1.3rem;
            padding-bottom: .2rem;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .sealingCertificateDetail {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .certificateInfoActionButtonGroup {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: max-content;
            min-height: auto;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons {
            display: flex;
            margin-top: 1rem;
        }

            .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
                margin-right: 2rem;
            }

                .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton:before {
                    content: "";
                }

                .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton:hover span {
                    color: #555667;
                }

                .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton span {
                    font-family: 'Open Sans';
                    margin-top: auto;
                    margin-bottom: auto;
                    color: #111820;
                    font-weight: bold;
                    padding-left: .5rem;
                    color: #35364a;
                }

                    .custom-sealing-certificate .certificateRow .certificateInfo .certificateCollapseActionsButtons .uploadButton span:hover {
                        color: #555667;
                    }

        .custom-sealing-certificate .certificateRow .certificateInfo .chainCertificateHeader {
            margin-top: 1rem;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .chainCertificateContainer {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 1.5rem 1.5rem 0 1.5rem;
            margin-top: 1rem;
            background: #ebebed;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .certificateInfoContainer {
            overflow: hidden;
        }

        .custom-sealing-certificate .certificateRow .certificateInfo .noHeight {
            visibility: hidden;
            height: 0;
        }

    .custom-sealing-certificate .certificateRow .copy-button {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        .custom-sealing-certificate .certificateRow .copy-button .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .custom-sealing-certificate .certificateRow .copy-button:before {
            content: "";
        }

        .custom-sealing-certificate .certificateRow .copy-button:hover span {
            color: #555667;
        }

        .custom-sealing-certificate .certificateRow .copy-button span {
            font-family: 'Open Sans';
            margin-top: auto;
            margin-bottom: auto;
            color: #111820;
            font-weight: bold;
            padding-left: .5rem;
            color: #35364a;
        }

            .custom-sealing-certificate .certificateRow .copy-button span:hover {
                color: #555667;
            }

.custom-sealing-certificate .addCertificateButton {
    border-top: .1rem solid #ebebed;
    padding: 1.5rem;
}

    .custom-sealing-certificate .addCertificateButton button {
        padding: 0;
        display: inline-flex;
        align-items: center;
    }

        .custom-sealing-certificate .addCertificateButton button:hover .btn-text {
            color: #555667;
        }

    .custom-sealing-certificate .addCertificateButton .btn-text {
        font-family: 'Open Sans';
        margin-top: auto;
        margin-bottom: auto;
        color: #111820;
        font-weight: bold;
        padding-left: .5rem;
        font-size: 1.4rem;
        padding-left: 1.5rem;
    }

        .custom-sealing-certificate .addCertificateButton .btn-text:hover {
            color: #555667;
        }

.wsc-custom-localizations-container button {
    text-transform: uppercase;
}

.wsc-custom-localizations-container .localizationFileUpload {
    display: none;
}

.ui-switch.switch-small {
    position: relative;
    width: 50px;
}

    .ui-switch.switch-small input {
        display: block;
        opacity: 0;
        margin: 0;
    }

        .ui-switch.switch-small input:checked + .slider {
            background-color: #00857e;
            border: 1px solid #00857e;
        }

            .ui-switch.switch-small input:checked + .slider > div {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
                border: 1px solid #00857e;
                color: #00857e;
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
            }

                .ui-switch.switch-small input:checked + .slider > div .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .ui-switch.switch-small input:checked + .slider > div:before {
                    content: "";
                }

        .ui-switch.switch-small input:disabled + .slider {
            background-color: #cdcdd2;
            border: 1px solid #cdcdd2;
            cursor: not-allowed;
        }

            .ui-switch.switch-small input:disabled + .slider > div {
                border: 1px solid #cdcdd2;
                color: #cdcdd2;
            }

        .ui-switch.switch-small input:focus + .slider {
            box-shadow: none;
        }

        .ui-switch.switch-small input:not(:checked) + .slider > div {
            left: -1px;
        }

        .ui-switch.switch-small input:indeterminate + .slider {
            background: linear-gradient(90deg,#00857e 50%,#fff 50%);
            border: 1px solid #00857e;
        }

            .ui-switch.switch-small input:indeterminate + .slider > div {
                -webkit-transform: translateX(15px);
                -ms-transform: translateX(15px);
                transform: translateX(15px);
                border: 1px solid #94949f;
            }

                .ui-switch.switch-small input:indeterminate + .slider > div:before {
                    content: no-open-quote;
                    border: 0;
                }

        .ui-switch.switch-small input:after {
            content: "";
            margin: .5rem .5rem;
        }

    .ui-switch.switch-small .slider.round {
        position: absolute;
        cursor: pointer;
        height: 20px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 23px;
        background-color: #fff;
        border: 1px solid #555667;
        display: flex;
        align-items: center;
    }

        .ui-switch.switch-small .slider.round > div {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            position: absolute;
            height: 20px;
            width: 20px;
            left: 3px;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
            border: 1px solid #555667;
            background-color: #fff;
            color: #94949f;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .ui-switch.switch-small .slider.round > div .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .ui-switch.switch-small .slider.round > div:before {
                content: "";
                margin-left: -.05rem;
            }

            .ui-switch.switch-small .slider.round > div:before {
                font-weight: bolder;
            }

.ui-switch.switch-medium {
    position: relative;
    width: 80px;
}

    .ui-switch.switch-medium input {
        display: block;
        opacity: 0;
        margin: 0;
    }

        .ui-switch.switch-medium input:checked + .slider {
            background-color: #00857e;
            border: 1px solid #00857e;
        }

            .ui-switch.switch-medium input:checked + .slider > div {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
                border: 1px solid #00857e;
                color: #00857e;
                -webkit-transform: translateX(45px);
                -ms-transform: translateX(45px);
                transform: translateX(45px);
            }

                .ui-switch.switch-medium input:checked + .slider > div .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .ui-switch.switch-medium input:checked + .slider > div:before {
                    content: "";
                }

        .ui-switch.switch-medium input:disabled + .slider {
            background-color: #cdcdd2;
            border: 1px solid #cdcdd2;
            cursor: not-allowed;
        }

            .ui-switch.switch-medium input:disabled + .slider > div {
                border: 1px solid #cdcdd2;
                color: #cdcdd2;
            }

        .ui-switch.switch-medium input:focus + .slider {
            box-shadow: none;
        }

        .ui-switch.switch-medium input:not(:checked) + .slider > div {
            left: -1px;
        }

        .ui-switch.switch-medium input:indeterminate + .slider {
            background: linear-gradient(90deg,#00857e 50%,#fff 50%);
            border: 1px solid #00857e;
        }

            .ui-switch.switch-medium input:indeterminate + .slider > div {
                -webkit-transform: translateX(25px);
                -ms-transform: translateX(25px);
                transform: translateX(25px);
                border: 1px solid #94949f;
            }

                .ui-switch.switch-medium input:indeterminate + .slider > div:before {
                    content: no-open-quote;
                    border: 0;
                }

        .ui-switch.switch-medium input:after {
            content: "";
            margin: .5rem .5rem;
        }

    .ui-switch.switch-medium .slider.round {
        position: absolute;
        cursor: pointer;
        height: 30px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
        background-color: #fff;
        border: 1px solid #555667;
        display: flex;
        align-items: center;
    }

        .ui-switch.switch-medium .slider.round > div {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            position: absolute;
            height: 30px;
            width: 30px;
            left: 4px;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
            border: 1px solid #555667;
            background-color: #fff;
            color: #94949f;
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .ui-switch.switch-medium .slider.round > div .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .ui-switch.switch-medium .slider.round > div:before {
                content: "";
                margin-left: -.05rem;
            }

            .ui-switch.switch-medium .slider.round > div:before {
                font-weight: bolder;
            }

.ui-switch.switch-big {
    position: relative;
    width: 100px;
}

    .ui-switch.switch-big input {
        display: block;
        opacity: 0;
        margin: 0;
    }

        .ui-switch.switch-big input:checked + .slider {
            background-color: #00857e;
            border: 1px solid #00857e;
        }

            .ui-switch.switch-big input:checked + .slider > div {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
                border: 1px solid #00857e;
                color: #00857e;
                -webkit-transform: translateX(54px);
                -ms-transform: translateX(54px);
                transform: translateX(54px);
            }

                .ui-switch.switch-big input:checked + .slider > div .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .ui-switch.switch-big input:checked + .slider > div:before {
                    content: "";
                }

        .ui-switch.switch-big input:disabled + .slider {
            background-color: #cdcdd2;
            border: 1px solid #cdcdd2;
            cursor: not-allowed;
        }

            .ui-switch.switch-big input:disabled + .slider > div {
                border: 1px solid #cdcdd2;
                color: #cdcdd2;
            }

        .ui-switch.switch-big input:focus + .slider {
            box-shadow: none;
        }

        .ui-switch.switch-big input:not(:checked) + .slider > div {
            left: -1px;
        }

        .ui-switch.switch-big input:indeterminate + .slider {
            background: linear-gradient(90deg,#00857e 50%,#fff 50%);
            border: 1px solid #00857e;
        }

            .ui-switch.switch-big input:indeterminate + .slider > div {
                -webkit-transform: translateX(30px);
                -ms-transform: translateX(30px);
                transform: translateX(30px);
                border: 1px solid #94949f;
            }

                .ui-switch.switch-big input:indeterminate + .slider > div:before {
                    content: no-open-quote;
                    border: 0;
                }

        .ui-switch.switch-big input:after {
            content: "";
            margin: .5rem .5rem;
        }

    .ui-switch.switch-big .slider.round {
        position: absolute;
        cursor: pointer;
        height: 40px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 45px;
        background-color: #fff;
        border: 1px solid #555667;
        display: flex;
        align-items: center;
    }

        .ui-switch.switch-big .slider.round > div {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            position: absolute;
            height: 40px;
            width: 40px;
            left: 5px;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
            border: 1px solid #555667;
            background-color: #fff;
            color: #94949f;
            font-size: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .ui-switch.switch-big .slider.round > div .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .ui-switch.switch-big .slider.round > div:before {
                content: "";
                margin-left: -.05rem;
            }

            .ui-switch.switch-big .slider.round > div:before {
                font-weight: bolder;
            }

body:not(.mouseActive) :focus {
    outline: none !important;
    text-decoration: none;
    box-shadow: 0 0 0 .1rem #ccdfe8,0 0 0 .2rem #005e8c !important;
    border-radius: .3rem !important;
    caret-color: initial;
}

body.mouseActive :focus {
    box-shadow: none;
    outline: none !important;
}

body.mouseActive :focus-within {
    box-shadow: none;
}

:focus ~ .tooltip.tooltip_animated, :hover ~ .tooltip.tooltip_animated {
    visibility: visible;
    opacity: 1;
}

.xyzmo-color-with-hover {
    color: #35364a;
}

    .xyzmo-color-with-hover:hover {
        color: #555667;
    }

.bootstrap-datetimepicker-widget a {
    color: #35364a;
}

    .bootstrap-datetimepicker-widget a:hover {
        color: #111820;
    }

.bootstrap-datetimepicker-widget .active {
    background-color: #33b8b1 !important;
    color: #111820 !important;
    text-shadow: unset !important;
    font-weight: bold;
}

.bootstrap-datetimepicker-widget .today:before {
    border-bottom-color: #33b8b1 !important;
}


.searchEnvelope button.btn-xyzmo-tertiary {
    border-left: none;
    border-color: #94949f;
}

    .searchEnvelope button.btn-xyzmo-tertiary:hover {
        background-color: #fff;
        color: #555667;
    }

.tooltip.tooltip_animated {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s ease-in-out;
}

    .tooltip.tooltip_animated:focus, .tooltip.tooltip_animated:hover {
        visibility: visible;
        opacity: 1;
    }

.fullwidth {
    width: 100%;
    margin-bottom: 1rem;
}

.xyzmo-icon-add:disabled {
    cursor: not-allowed;
    color: #94949f;
}

.guideOrderElementIcon {
    margin-left: 2rem;
    display: flex;
}

.subElements .guideOrderElementIcon {
    display: none;
}

.guideOrderSpacing {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.elementData {
    width: 100%;
    margin-left: 2rem;
}

.elementOrderEntry {
    width: 100%;
    color: #111820;
}

.guideOrderHeaderIcons {
    display: flex;
    flex-direction: row;
    color: #35364a;
}

    .guideOrderHeaderIcons .dragControl {
        cursor: move;
    }

.guideOrderListHeader {
    color: #111820;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-bottom: .2rem;
}

.btn-guideOrderCollapse {
    background-color: transparent;
    border: 0;
    color: #35364a;
    align-self: flex-start;
    color: #111820;
}

    .btn-guideOrderCollapse:hover {
        color: #555667;
    }

        .btn-guideOrderCollapse:hover .xyzmo-hover:not([disabled]) {
            color: #555667;
        }

    .btn-guideOrderCollapse:focus {
        outline: none;
    }

    .btn-guideOrderCollapse[disabled] {
        color: #94949f;
    }

        .btn-guideOrderCollapse[disabled]:hover {
            color: #94949f;
        }

.multiEntryHeader {
    align-self: flex-start;
    margin-top: .6rem;
}

.btn-clearOrder {
    text-transform: none;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
}

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

.elementRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.guideOrderItemContainer {
    min-height: 2rem;
    padding: 1rem;
    width: 100%;
}

.guideOrderListContainer {
    border: 1px solid #cdcdd2;
    position: relative;
}

    .guideOrderListContainer .dropAreaHint {
        font-style: italic;
        min-height: 30px;
        height: 10px;
        text-align: center;
        color: #555667;
        border: 1px solid #cdcdd2;
        padding-top: .3rem;
    }

    .guideOrderListContainer .sortablePlaceholder {
        transition: height .2s ease-in-out,background .1s ease-in-out;
        height: 10px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
    }

.guideOrderSplit {
    background: #cdcdd2;
    text-align: right;
    padding: .5rem;
}

.orderedElementData {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.guidingOrderContainer {
    min-height: 20rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.guideOrderModalContainer {
    display: flex;
    flex-direction: column;
    min-height: 10rem;
    max-height: calc(100vh - 62px);
}

.missing-signatures-modal .modal-body h4 {
    font-weight: 500;
}

.create-issue-modal textarea {
    height: 11.4rem;
}

.create-issue-modal .flex-form-group:nth-child(1) {
    padding-top: 11px;
}

.create-issue-modal .flex-form-group:nth-child(2) {
    padding-top: 5px;
}

.recipient-search-btn {
    border: 1px solid #94949f;
    width: 100%;
    background: transparent;
    text-transform: none;
}

.recipient-selection-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .recipient-selection-container .name {
        font-weight: bold;
        margin-left: .3rem;
    }

    .recipient-selection-container .separator {
        margin-left: .3rem;
        margin-right: .3rem;
    }

    .recipient-selection-container .mail {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pageReadSettings {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    text-transform: none;
    outline: none;
    flex-grow: 1;
}

    .pageReadSettings .optionIcon {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .pageReadSettings .optionIcon .editContainer > .btn-plain {
            color: #fff;
        }

    .pageReadSettings .optionLabel {
        color: #35364a;
        font-weight: normal;
        flex-grow: 1;
        margin: 0 .2rem;
    }

.thumbnail-addElement {
    position: relative;
    margin-right: auto;
}

    .thumbnail-addElement .drpDwnToggle {
        height: 100%;
    }

        .thumbnail-addElement .drpDwnToggle .drpDwnBtn {
            border: none;
            background-color: inherit;
            width: max-content;
        }

    .thumbnail-addElement .drpDwnLabel {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .thumbnail-addElement .drpDwnIcon {
        margin: 0 8px;
        font-size: 22px;
    }

    .thumbnail-addElement .drpDwnMnue {
        width: 100%;
    }

        .thumbnail-addElement .drpDwnMnue .optionBtn {
            display: flex;
            flex-direction: row;
            align-items: center;
            text-align: left;
            text-transform: none;
            min-height: 4rem;
            outline: none;
            width: 100%;
        }

            .thumbnail-addElement .drpDwnMnue .optionBtn .optionIcon {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .thumbnail-addElement .drpDwnMnue .optionBtn .optionIcon .editContainer > .btn-plain {
                    color: #fff;
                }

            .thumbnail-addElement .drpDwnMnue .optionBtn .optionLabel {
                color: #111820;
                font-weight: normal;
                flex-grow: 1;
                margin: 0 .2rem;
            }

            .thumbnail-addElement .drpDwnMnue .optionBtn:hover {
                background-color: rgba(53,54,74,.2);
            }

            .thumbnail-addElement .drpDwnMnue .optionBtn:focus {
                background-color: rgba(53,54,74,.2);
                overflow: overlay;
            }

input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    flex-shrink: 0;
    display: inline-flex;
    background-color: #fff;
    color: #fff;
    border: 1px solid #555667;
    border-radius: 3px;
}

    input[type='checkbox']:focus {
        outline: none;
        color: transparent;
        border: 1px solid #555667;
    }

    input[type='checkbox']:indeterminate {
        background-color: #00857e;
        border: 1px solid #00857e;
        color: #00857e;
        align-items: center;
        justify-content: center;
    }

        input[type='checkbox']:indeterminate::after {
            content: '';
            width: 100%;
            margin: 0 .5rem;
            border-bottom: 2px solid #fff;
        }

    input[type='checkbox']:checked {
        background-color: #00857e;
        border: 1px solid #00857e;
        color: #00857e;
        align-items: center;
        justify-content: center;
    }

        input[type='checkbox']:checked::after {
            content: '';
            transform: translateY(-10%) rotate(40deg);
            height: 85%;
            width: 40%;
            margin: .5rem .5rem;
            border-bottom: .2rem solid #fff;
            border-right: .2rem solid #fff;
        }

    input[type='checkbox']:disabled {
        cursor: not-allowed;
        background-color: #cdcdd2;
        border: 1px solid #cdcdd2;
        align-items: center;
        justify-content: center;
    }

        input[type='checkbox']:disabled:checked::after {
            content: '';
            transform: translateY(-15%) rotate(40deg);
            height: 80%;
            width: 40%;
            margin: .5rem .5rem;
            border-bottom: .2rem solid #fff;
            border-right: .2rem solid #fff;
        }

input[type='radio'] {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #555667;
}

    input[type='radio']:disabled {
        cursor: not-allowed;
        border: 1px solid #cdcdd2;
        background-color: #cdcdd2;
    }

    input[type='radio']:focus {
        outline: none;
        color: transparent;
        box-shadow: none !important;
        border: 1px solid #555667;
    }

    input[type='radio']:checked {
        border: 1px solid #00857e;
    }

        input[type='radio']:checked:disabled {
            cursor: not-allowed;
            border: 1px solid #cdcdd2;
        }

            input[type='radio']:checked:disabled::after {
                background-color: #cdcdd2;
            }

        input[type='radio']:checked::after {
            content: "";
            position: absolute;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            border: 2px solid #fff;
            background-color: #00857e;
        }

.form-control {
    border: 1px solid #94949f;
    color: #111820;
}

    .form-control::placeholder {
        color: #94949f;
        opacity: 1;
    }

    .form-control[disabled], .form-control[readonly] {
        background-color: #ebebed;
    }

        .form-control[disabled]::placeholder, .form-control[readonly]::placeholder {
            color: #35364a;
        }

.icon-delete {
    color: #35364a;
}

    .icon-delete:hover {
        color: #555667;
    }

    .icon-delete:disabled {
        color: #94949f;
        cursor: not-allowed;
    }

.xyzmo-icon-remove:disabled {
    color: #94949f;
    cursor: not-allowed;
}

    .xyzmo-icon-remove:disabled:hover {
        color: #94949f;
        cursor: not-allowed;
    }

.inputField {
    opacity: 1;
}

    .inputField:disabled {
        background-color: #ebebed;
        cursor: not-allowed;
        opacity: 1;
        color: #111820;
    }

.labelTextDisabled {
    color: #111820;
}

    .labelTextDisabled:hover {
        color: #111820;
        cursor: not-allowed;
    }

#navbar-bottom-content #buttonSave {
    text-align: center;
    min-width: 20rem;
    min-height: 5rem;
    margin-bottom: .25rem;
    margin-right: .25rem;
}

.button:disabled {
    color: #555667;
    background-color: #cdcdd2;
    border: 1px solid #cdcdd2;
    cursor: not-allowed;
}

.btn-xyzmo-secondary:disabled:hover {
    color: #555667;
    background-color: #cdcdd2;
    cursor: not-allowed;
    border: .1rem solid #cdcdd2;
}

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

.center-v-flex {
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
}

    .center-v-flex.inline-flex {
        display: inline-flex;
        display: -ms-inline-flexbox;
    }

.center-vh-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
}

    .center-vh-flex.inline {
        display: inline-flex;
        display: -ms-inline-flexbox;
    }

.load-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1051;
    top: 0;
    left: 0;
    background-color: #35364a;
    opacity: 0;
    transition: .7s ease-in-out;
}

    .load-overlay > .center-vh-flex {
        height: 100%;
    }

        .load-overlay > .center-vh-flex > .activity-indicator {
            border-color: #fff;
            border-bottom-color: transparent;
        }

body {
    height: 100%;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    background-color: #fff;
    color: #111820;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #111820;
}

button {
    text-transform: uppercase;
    white-space: normal;
}

form {
    width: 100%;
}

label {
    font-weight: normal;
    color: #111820;
}

.float-left {
    float: left;
}

    .float-left .text-left {
        text-align: left;
    }

.mithril-dashboard .col-xs-12 {
    padding: 15px;
    min-width: 48%;
    border: 1px solid #ebebed;
    text-align: center;
    margin: 1%;
}

body:not(.mouseActive) #divPicture:focus-within #thumb img {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
    border-radius: 3px;
}

body:not(.mouseActive) .sendEnvelopeRecipient a.btn-link:focus, body:not(.mouseActive) .sendEnvelopeRecipient a.showBulkRecipientsArrow:focus {
    margin: 4px;
}

body:not(.mouseActive) .sendEnvelopeRecipient a.showBulkRecipientsArrow:focus {
    padding: 5px;
}

body:not(.mouseActive) .notifSettings .date:focus-within {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
    border-radius: 3px;
}

body:not(.mouseActive) .notifSettings .date input:focus {
    box-shadow: none !important;
}

body:not(.mouseActive) .inlineInput .inputEmail:focus-within {
    z-index: 4;
}

body:not(.mouseActive) .inlineInput .inputEmail > input:not(:focus) {
    z-index: 0;
}

body:not(.mouseActive) .inlineInput button:focus {
    z-index: 4;
}

body:not(.mouseActive) .inlineInput button:not(:focus) {
    z-index: 0;
}

body:not(.mouseActive) .uploadBulkCsvBtn:focus {
    margin-left: 4px;
}

body:not(.mouseActive) .toggleBulkInfoBtn:focus {
    margin-inline-start: -4px;
}

body:not(.mouseActive) .navbar-bottom #btnSend:focus, body:not(.mouseActive) .navbar-bottom #btnNext:focus, body:not(.mouseActive) .navbar-bottom #btnSaveAs:focus, body:not(.mouseActive) .navbar-bottom #btnSign:focus {
    margin-right: 4px;
}

body:not(.mouseActive) .onCustomFocusHandling:focus {
    box-shadow: none !important;
    outline: none !important;
}

    body:not(.mouseActive) .onCustomFocusHandling:focus i {
        outline: none;
        box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
        border-radius: 3px;
    }

body:not(.mouseActive) .newRadioButtonValuesGroup .input-group:focus-within input.dropdown-toggle:not(:focus) {
    right: .25rem;
}

body:not(.mouseActive) #settingsPanelTabAdvancedFontContent #signatureExtraInfoFontName_chosen:focus-within, body:not(.mouseActive) #settingsPanelTabAdvancedFontContent #SignatureExtraInfoFontSize_chosen:focus-within {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
    border-radius: 3px;
}

body:not(.mouseActive) #settingsPanelTabGeneralGroupSpecificContent #DateAnnotationDateFormat_chosen:focus-within {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
    border-radius: 3px;
}

body:not(.mouseActive) #settingsPanelTabGeneralRecipient #formElementUserSetting_chosen:focus-within {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
    border-radius: 3px;
}

body:not(.mouseActive) .sidebar-main:not(.collapsed) li:first-child a:focus {
    margin-top: .4rem;
}

body:not(.mouseActive) .sidebar-main.collapsed createDraft a:focus, body:not(.mouseActive) .sidebar-main.collapsed a.navbar-header:focus {
    margin-inline-start: .05rem;
    margin-inline-end: unset;
}

body:not(.mouseActive) .sidebar-main.collapsed a.main-navigation-item:focus {
    margin-top: .5rem;
}

    body:not(.mouseActive) .sidebar-main.collapsed a.main-navigation-item:focus i {
        margin-left: -.5rem;
    }

body:not(.mouseActive) .sidebar-main .toggle-btn.btn-flat:focus {
    padding-left: 2px;
}

body:not(.mouseActive) .sidebar-main li:focus {
    background-color: #ebebed;
}

body:not(.mouseActive) .sidebar-main li a:focus {
    z-index: 999;
    margin-inline-start: .5rem;
    margin-inline-end: .5rem;
    background-color: #ebebed;
}

    body:not(.mouseActive) .sidebar-main li a:focus.dropdown-toggle {
        margin-top: -5rem;
        margin-inline-end: .5rem;
    }

body:not(.mouseActive) .searchEnvelope .form-control:focus {
    margin: 4px;
}

body:not(.mouseActive) .searchEnvelope div:has(>button.btn-xyzmo-tertiary:focus) {
    padding: 4px 4px 4px 0;
}


body:not(.mouseActive) .ui-switch input:focus + span.slider.round {
    outline: none;
    box-shadow: 0 0 0 2px #ccdfe8,0 0 0 4px #005e8c;
}

button.dropdown-item-hover {
    text-transform: inherit;
    text-align: left;
    color: #111820;
}

    button.dropdown-item-hover:hover {
        color: #111820;
    }

.footerText {
    display: inline-block;
}

footer {
    padding-bottom: 0;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    z-index: 1031;
}

h2.active {
    background-position: left bottom;
}

.modal-list {
    list-style-type: none;
    overflow-y: auto;
    max-height: calc(100vh - 245px);
    padding: 0;
}

    .modal-list li:not(:first-of-type) {
        margin-top: 10px;
    }

    .modal-list li.templateLine .multilineContent {
        text-transform: none;
        width: 100%;
        border: none;
        background: none;
        text-align: left;
    }

        .modal-list li.templateLine .multilineContent span.template {
            font-size: 16px;
        }

        .modal-list li.templateLine .multilineContent span:nth-child(2) {
            font-size: 14px;
            color: #555667;
        }

    .modal-list li {
        cursor: pointer;
        padding: 4px;
    }

        .modal-list li a {
            color: #111820;
            text-decoration: none;
            display: block;
            padding: 1px;
            font-size: 15px;
        }

        .modal-list li i {
            padding: 0 5px;
        }

        .modal-list li span {
            float: right;
            color: #111820;
            font-size: 13px;
            padding: 2px 0 0 0;
        }

        .modal-list li:hover {
            background-color: rgba(53,54,74,.2);
        }

.hidden {
    display: none;
}

.item-buttons {
    margin-top: 4px;
}

.onTop {
    position: absolute;
    z-index: 2;
}

.thumbnailCenteredContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .thumbnailCenteredContainer .editContainer > .btn-plain {
        color: #fff;
    }

.thumbnailEditBorder {
    display: flex;
    border-radius: 4px;
    padding: .1rem;
}

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

.thumbnailElementContainer {
    display: flex;
    border: .1rem solid #cdcdd2;
    margin: .1rem 0;
}

.red-borderColor {
    border-color: #b50600;
}

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

.grey-color {
    color: #35364a;
}

.expiredLicense > div {
    color: #111820;
    align-self: center;
    font-size: 3.5rem;
    text-align: center;
}

.statistics tfoot td {
    border: 0 !important;
}

.statistics tfoot tr:hover {
    background-color: #f7f7f8;
}

.statistics .fromDate, .statistics .toDate {
    border: 1px solid #94949f;
    color: #111820;
}

input.hasDatepicker {
    color: #111820;
    border: 1px solid #94949f;
}

.thumbnailRowContent {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: .2rem;
}

.thumbnailElementName {
    flex-grow: 1;
}

.addedElement {
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
}

    .addedElement.selected:not([data-element-type='3']):not([data-element-type='2']) {
        border-color: #00857e !important;
    }

    .addedElement.selected {
        border-style: solid;
        border-color: transparent;
    }

        .addedElement.selected div i:not(.removeElement):not(.settingsElement) {
            color: #00857e !important;
        }

    .addedElement.is-buddy div i.xyzmo-icon-radiobutton {
        color: #00857e !important;
    }

    .addedElement .resizableElement {
        cursor: pointer;
    }

        .addedElement .resizableElement .attachmentLabel {
            font-size: 13px;
        }

    .addedElement i {
        display: block;
        text-align: center;
    }

    .addedElement b {
        line-height: unset;
        white-space: nowrap;
    }

    .addedElement .attachment, .addedElement .signature {
        float: left;
    }

        .addedElement .attachment i, .addedElement .signature i, .addedElement .attachment p, .addedElement .signature p {
            position: absolute;
            padding-top: .5rem;
        }

            .addedElement .attachment i.xyzmo-icon-signSingle, .addedElement .signature i.xyzmo-icon-signSingle, .addedElement .attachment p.xyzmo-icon-signSingle, .addedElement .signature p.xyzmo-icon-signSingle, .addedElement .attachment i.xyzmo-icon-signBatch, .addedElement .signature i.xyzmo-icon-signBatch, .addedElement .attachment p.xyzmo-icon-signBatch, .addedElement .signature p.xyzmo-icon-signBatch, .addedElement .attachment i.xyzmo-icon-signBatchInfo, .addedElement .signature i.xyzmo-icon-signBatchInfo, .addedElement .attachment p.xyzmo-icon-signBatchInfo, .addedElement .signature p.xyzmo-icon-signBatchInfo {
                padding-left: .5rem;
            }

    .addedElement .areaRead {
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .addedElement .areaRead i, .addedElement .areaRead p {
            position: absolute;
            padding-top: .5rem;
        }

            .addedElement .areaRead i.xyzmo-icon-signSingle, .addedElement .areaRead p.xyzmo-icon-signSingle, .addedElement .areaRead i.xyzmo-icon-signBatch, .addedElement .areaRead p.xyzmo-icon-signBatch, .addedElement .areaRead i.xyzmo-icon-signBatchInfo, .addedElement .areaRead p.xyzmo-icon-signBatchInfo {
                padding-left: .5rem;
            }

    .addedElement .hyperLink {
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .addedElement .linkText {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .addedElement .linkIcon {
        margin: .5rem;
    }

    .addedElement .label, .addedElement select, .addedElement textarea, .addedElement input {
        display: block;
        box-shadow: none;
        outline: 0 none;
        padding: 0;
        margin: 0;
        background-color: transparent;
        pointer-events: none;
        border: none;
    }

    .addedElement textarea {
        box-shadow: none;
        outline: 0 none;
        overflow: hidden;
        background-color: transparent;
        pointer-events: none;
    }

    .addedElement .editContainer {
        right: 0;
        position: absolute;
        display: flex;
        z-index: 91;
        opacity: .8;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

        .addedElement .editContainer.with-red-background {
            background-color: #b50600;
        }

        .addedElement .editContainer .removeElement {
            cursor: pointer;
            z-index: 100;
            order: 3;
            color: #fff;
        }

        .addedElement .editContainer .settingsElement {
            color: #fff;
            cursor: pointer;
            z-index: 100;
            order: 1;
        }

        .addedElement .editContainer .copy-Element {
            color: #fff;
            cursor: pointer;
            z-index: 100;
            order: 2;
        }

    .addedElement .radioButton .ui-resizable-se, .addedElement .checkBox .ui-resizable-se {
        right: -5px;
        bottom: -5px;
    }

.ui-resizable {
    position: relative;
}

.overlayContainer {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.icon {
    vertical-align: middle;
    padding-right: 7px;
}

.bigGlyphs {
    font-size: 25px;
}

.documentPanel {
    margin: 0;
    overflow: hidden;
}

    .documentPanel .panel-title {
        font-size: 12px;
    }

    .documentPanel .thumb-list {
        cursor: pointer;
        float: right;
        text-decoration: none !important;
        font-size: 20px;
    }

.right {
    float: right;
}

.nav.collapsed > li > a {
    padding: 10px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.nav.expanded > li > a {
    padding: 10px 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    padding-left: 25px;
}

.box-content {
    padding-left: 10px;
}

.recipient-row {
    margin-bottom: 15px;
    background: rgba(53,54,74,.2) 50% 50% repeat-x;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
    background-color: #cdcdd2 !important;
    border: none;
    margin-bottom: 5px;
}

.uppercase {
    text-transform: uppercase;
}

.camelcase {
    text-transform: none;
}

.input-group-addon {
    background-color: #cdcdd2;
    color: #111820;
    border-color: #cdcdd2;
}

.input-group-btn button {
    background: none !important;
    background-color: #fff !important;
}

    .input-group-btn button:not(.grey-generic-border-noleft) {
        border: none;
    }

.float-right {
    float: right;
}

.font-color-disabled {
    color: #94949f !important;
}

.btn-info {
    background-color: #005e8c;
}

.inbox-container {
    margin-left: 0;
    margin-right: 0;
}

#lnkSearch {
    border-color: #94949f;
}

    #lnkSearch:hover {
        background-color: #fff;
        color: #555667;
    }

#gvInbox {
    margin-top: 20px;
}

    #gvInbox .grid-header, #gvInbox table {
        border: none;
    }

    #gvInbox thead {
        height: 0;
    }

    #gvInbox .grid-footer {
        margin-left: 10px;
    }

        #gvInbox .grid-footer li.active a {
            color: #35364a;
            border-color: #cdcdd2;
            background-color: #ebebed;
        }

        #gvInbox .grid-footer li:not(.active) a {
            background-color: #fff;
            border-color: #cdcdd2;
            color: #35364a;
        }

            #gvInbox .grid-footer li:not(.active) a:hover {
                background-color: #ebebed;
            }

    #gvInbox .grid-cell div:nth-child(2) {
        color: #555667;
    }

    #gvInbox a.btn-link {
        display: inline-block;
        text-decoration: none;
    }

        #gvInbox a.btn-link div:nth-child(2) {
            color: #555667;
        }

        #gvInbox a.btn-link:hover, #gvInbox a.btn-link:focus {
            color: #111820;
        }

    #gvInbox .pagination {
        padding-right: 3px;
    }

        #gvInbox .pagination > .active > a {
            z-index: 1;
        }

.grid-mvc {
    overflow-x: auto;
    min-height: 300px;
    margin-bottom: 20px;
}

.grid-header-title {
    display: flex;
}

.grid-filter {
    float: unset !important;
}

    .grid-filter .grid-dropdown {
        top: 20px !important;
    }

    .grid-filter .grid-filter-btn {
        background: none !important;
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        margin-left: 5px;
    }

        .grid-filter .grid-filter-btn .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .grid-filter .grid-filter-btn:before {
            content: "";
        }

    .grid-filter .dropdown-menu {
        margin-left: 28px;
    }

        .grid-filter .dropdown-menu .grid-dropdown-arrow {
            left: 70px;
        }

.btn-search {
    border-radius: 4px;
}

.grid-table > tbody > tr > td {
    background-color: #fff;
    vertical-align: middle;
}

.grid-wrap {
    border-bottom: 0;
}

    .grid-wrap table > tbody > tr > td > a > i {
        color: #35364a;
        font-size: 2.5rem;
    }

        .grid-wrap table > tbody > tr > td > a > i:hover {
            color: #555667;
        }

    .grid-wrap table > tbody > tr:hover > td {
        background-color: #f7f7f8;
    }

#toast-container {
    margin-top: 3px;
}

    #toast-container .toast-close-button {
        font-size: 15px;
        top: -.5em;
        opacity: 1;
        position: unset;
        margin-left: auto;
    }

    #toast-container .toast-content {
        display: flex;
        align-items: center;
    }

        #toast-container .toast-content .toast-icon {
            float: left;
            font-size: 24px;
            margin-right: 10px;
        }

        #toast-container .toast-content .toast-message {
            display: inline-block;
            line-height: 2;
        }

            #toast-container .toast-content .toast-message a, #toast-container .toast-content .toast-message a:visited {
                color: #111820;
            }

                #toast-container .toast-content .toast-message a:hover, #toast-container .toast-content .toast-message a:visited:hover {
                    text-decoration: underline;
                }

    #toast-container > div.toast-success {
        background-image: none !important;
        padding: 9.5px 16.5px;
        color: #111820;
        background-color: #cde2db;
        box-shadow: 2px 2px 4px 0 rgba(17,24,32,.25);
        border-radius: 3px;
        border: 1px solid #056e4b;
    }

        #toast-container > div.toast-success .toast-close-button {
            color: #056e4b;
        }

            #toast-container > div.toast-success .toast-close-button:hover {
                color: #555667;
            }

        #toast-container > div.toast-success .toast-content .toast-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            color: #056e4b;
        }

            #toast-container > div.toast-success .toast-content .toast-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            #toast-container > div.toast-success .toast-content .toast-icon:before {
                content: "";
            }

    #toast-container > div.toast-error {
        background-image: none !important;
        padding: 9.5px 16.5px;
        color: #111820;
        background-color: #f0cdcc;
        box-shadow: 2px 2px 4px 0 rgba(17,24,32,.25);
        border-radius: 3px;
        border: 1px solid #b50600;
    }

        #toast-container > div.toast-error .toast-close-button {
            color: #b50600;
        }

            #toast-container > div.toast-error .toast-close-button:hover {
                color: #555667;
            }

        #toast-container > div.toast-error .toast-content .toast-trace-id-button {
            color: #111820;
            border: none;
            background-color: transparent;
            text-transform: none;
        }

            #toast-container > div.toast-error .toast-content .toast-trace-id-button:hover {
                text-decoration: underline;
            }

        #toast-container > div.toast-error .toast-content .toast-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            color: #b50600;
        }

            #toast-container > div.toast-error .toast-content .toast-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            #toast-container > div.toast-error .toast-content .toast-icon:before {
                content: "";
            }

    #toast-container > div.toast-warning {
        background-image: none !important;
        padding: 9.5px 16.5px;
        color: #111820;
        background-color: #f4dcd0;
        box-shadow: 2px 2px 4px 0 rgba(17,24,32,.25);
        border-radius: 3px;
        border: 1px solid #c65015;
    }

        #toast-container > div.toast-warning .toast-close-button {
            color: #c65015;
        }

            #toast-container > div.toast-warning .toast-close-button:hover {
                color: #555667;
            }

        #toast-container > div.toast-warning .toast-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
        }

            #toast-container > div.toast-warning .toast-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            #toast-container > div.toast-warning .toast-icon:before {
                content: "";
            }

            #toast-container > div.toast-warning .toast-icon:before {
                color: #c65015;
            }

    #toast-container > div.toast-info {
        background-image: none !important;
        padding: 9.5px 16.5px;
        color: #111820;
        background-color: #ccdfe8;
        box-shadow: 2px 2px 4px 0 rgba(17,24,32,.25);
        border-radius: 3px;
        border: 1px solid #005e8c;
    }

        #toast-container > div.toast-info .toast-close-button {
            color: #005e8c;
        }

            #toast-container > div.toast-info .toast-close-button:hover {
                color: #555667;
            }

        #toast-container > div.toast-info .toast-icon {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
        }

            #toast-container > div.toast-info .toast-icon .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            #toast-container > div.toast-info .toast-icon:before {
                content: "";
            }

            #toast-container > div.toast-info .toast-icon:before {
                color: #005e8c;
            }

.alert-icon {
    display: block;
    position: relative;
    float: left;
    font-size: 24px;
    top: -2px;
    margin-right: 10px;
}

.alert-warning {
    color: #111820;
    border-color: #c65015;
    background-color: #f4dcd0;
}

    .alert-warning .alert-icon {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        .alert-warning .alert-icon .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .alert-warning .alert-icon:before {
            content: "";
        }

        .alert-warning .alert-icon:before {
            color: #c65015;
        }

.alert-success {
    color: #111820;
    border-color: #056e4b;
    background-color: #cde2db;
}

    .alert-success .alert-icon {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        color: #056e4b;
    }

        .alert-success .alert-icon .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .alert-success .alert-icon:before {
            content: "";
        }

.alert-danger {
    color: #111820;
    border-color: #b50600;
    background-color: #f0cdcc;
}

    .alert-danger .alert-icon {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        color: #b50600;
    }

        .alert-danger .alert-icon .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .alert-danger .alert-icon:before {
            content: "";
        }

.displaynone {
    display: none;
    visibility: hidden;
}

.dontshow {
    visibility: hidden;
}

#wrapper {
    width: 100%;
    height: 100%;
    z-index: 2;
}

.btn-action, .btn-action:active {
    background-color: #33b8b1;
    border-color: #33b8b1;
    color: #111820;
}

    .btn-action:hover, .btn-action:active:hover, .btn-action:focus, .btn-action:active:focus {
        background-color: #80d3ce;
        border-color: #80d3ce;
        color: #111820;
    }

.customAutocomplete {
    position: absolute;
    width: 100%;
    border: 1px solid #ebebed;
    background: #fff;
    z-index: 100000;
    transition: height .2s ease;
}

.autocomplete-separator {
    border-bottom: .2rem #cdcdd2 solid;
    margin: 0 2rem;
}

.autocomplete-limit-hint {
    padding: .4rem;
    font-style: italic;
    color: #111820;
}

.dropdown-options {
    color: #111820;
    background-color: #fff;
    padding: .4rem;
    cursor: pointer;
}

    .dropdown-options.selected {
        color: #111820;
        background-color: #ebebed;
    }

.highlightedString {
    color: #005e8c;
    font-weight: bold;
}

.no-margin {
    margin: 0;
}

.margin-left--1 {
    margin-left: -1px;
}

.margin-top {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.double-margin-top {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-8 {
    margin-top: 8px;
}

.no-padding {
    padding: 0;
}

.padding-right-1rem-input-row span {
    padding-right: 1rem;
}

.padding-2rem {
    padding: 2rem 2rem;
}

.padding-15 {
    padding: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-top-8 {
    padding-top: 8px;
}

.padding-left-1rem {
    padding-left: 1rem;
}

.padding-0-9rem {
    padding: .9rem;
}

.btn-responsive-margin {
    margin: 5px 5px 0 0;
}

.btn-responsive-margin-focus {
    margin: .4rem;
}

.btn-responsive-margin-left {
    margin: 5px 0 0 5px;
}

.btn-responsive-margin-top {
    margin: 5px 0 0 0;
}

.bold {
    font-weight: bold;
}

.font-size-2em {
    font-size: 2em;
}

.text-centered {
    text-align: center;
}

.text-end {
    text-align: end;
}

.text-icon-clipboard {
    padding-top: 50px;
}

.text-icon-template {
    padding-top: 50px;
    margin-bottom: 10px;
}

.text-icon-documents {
    margin-top: 50px;
    margin-bottom: 10px;
}

.float-container {
    width: 100%;
    overflow: hidden;
}

#btnCreateTeam {
    margin-top: 5px;
}

.no-radius {
    border-radius: 0;
}

.no-radius-important {
    border-radius: 0 !important;
}

.deleteFilters {
    margin: 5px 5px 0 0;
    border-radius: 40px;
    width: auto;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: default;
    display: inline-block;
}

#orderindex {
    padding-right: 15px;
}

.btn-group {
    width: 100%;
}

.hover-no-underline:hover {
    text-decoration: none;
}

.cloud-links {
    margin-top: 5px;
}

    .cloud-links a:hover {
        text-decoration: none;
    }

.parent {
    overflow: hidden;
    position: relative;
}

.child.child-left {
    float: left;
    margin: 10px 0;
}

.child.child-right {
    height: 100%;
    position: absolute;
    right: 0;
    float: left;
}

.width-15-percent {
    width: 15%;
}

.width-80-percent {
    width: 80%;
}

.width-100-percent {
    width: 100%;
}

.recipient-button {
    font-size: 100%;
    color: #35364a;
    text-shadow: none;
}

    .recipient-button:hover {
        color: #555667;
        opacity: 1;
    }

        .recipient-button:hover:focus {
            color: #555667;
            opacity: 1;
        }

    .recipient-button:focus {
        color: #35364a;
        opacity: 1;
    }

.order-index {
    font-weight: bold;
    margin: 10px !important;
    width: 15px;
}

.recipient-content .first {
    font-weight: bold;
}

.center-vh-transform {
    position: absolute;
    /*[1]*/
    display: inline-block;
    /*[2]*/
    top: 50%;
    left: 50%;
    /*[3]*/
    transform: translate(-50%,-50%);
    /*[4]*/
    margin-right: -50%;
}

.center-v-transform {
    position: absolute;
    /*[1]*/
    display: inline-block;
    /*[2]*/
    top: 50%;
    /*[3]*/
    transform: translate(0,-50%);
    /*[4]*/
}

.size-4x {
    font-size: 4em;
}

.size-2x {
    font-size: 2em;
}

.s2x-rem {
    font-size: 2rem;
}

.navbar.navbar-bottom {
    background-color: #35364a;
}

    .navbar.navbar-bottom .navbar-toggle {
        border-color: #fff;
    }

        .navbar.navbar-bottom .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar.navbar-bottom .navbar-toggle:hover {
            background-color: #555667;
        }

            .navbar.navbar-bottom .navbar-toggle:hover .icon-bar {
                background-color: #fff;
            }

        .navbar.navbar-bottom .navbar-toggle:focus {
            background-color: #35364a;
        }

            .navbar.navbar-bottom .navbar-toggle:focus:hover {
                background-color: #555667;
            }

            .navbar.navbar-bottom .navbar-toggle:focus .icon-bar {
                background-color: #fff;
            }

    .navbar.navbar-bottom .navbar-nav:not(.navbar-right) + .navbar-nav li:has(> .btnDiscard) {
        margin-left: 2px;
    }

    .navbar.navbar-bottom li a {
        padding: 15px 20px;
        color: #fff;
        text-transform: uppercase;
    }

        .navbar.navbar-bottom li a:hover:not([disabled]) {
            background-color: #555667;
            color: #fff;
            cursor: pointer;
            padding-block-end: 1.5rem;
        }

        .navbar.navbar-bottom li a[disabled] {
            background-color: #cdcdd2;
            color: #555667;
            cursor: not-allowed;
        }

        .navbar.navbar-bottom li a:focus {
            color: #fff;
            padding-block-end: 1.1rem;
        }

    .navbar.navbar-bottom li.back .btnBack {
        display: inline-flex;
        align-items: center;
    }

    .navbar.navbar-bottom li.back .xyzmo-icon-toggle_expanded {
        padding-right: 5px;
        font-size: 17px;
    }

    .navbar.navbar-bottom li.continue {
        background-color: #33b8b1;
    }

        .navbar.navbar-bottom li.continue:hover {
            background-color: #80d3ce;
        }

        .navbar.navbar-bottom li.continue a {
            color: #111820;
            font-weight: 600;
        }

            .navbar.navbar-bottom li.continue a:hover:not([disabled]) {
                background-color: #80d3ce;
                color: #111820;
            }

        .navbar.navbar-bottom li.continue .activity-indicator {
            border-color: #111820;
            border-bottom-color: transparent;
        }

        .navbar.navbar-bottom li.continue.disabled {
            cursor: not-allowed;
            background-color: #cdcdd2;
            color: #555667;
        }

            .navbar.navbar-bottom li.continue.disabled > #btnNext {
                pointer-events: none;
                background-color: #cdcdd2;
                color: #555667;
            }

    .navbar.navbar-bottom .dropdown-same-width ul {
        width: 100%;
        min-width: 0;
        border: 1px solid #35364a;
        background-color: #35364a;
        margin-bottom: 0 !important;
        border-bottom: none;
        padding: 0;
        box-shadow: none;
    }

        .navbar.navbar-bottom .dropdown-same-width ul a:hover {
            background-color: #555667;
        }

        .navbar.navbar-bottom .dropdown-same-width ul a:focus {
            background-color: #555667;
        }

    .navbar.navbar-bottom .dropdown-same-width a span.arrow {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        margin-left: 10px;
        line-height: 1.32857;
        vertical-align: bottom;
    }

        .navbar.navbar-bottom .dropdown-same-width a span.arrow .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .navbar.navbar-bottom .dropdown-same-width a span.arrow:before {
            font-size: 14px;
            content: "";
        }

    .navbar.navbar-bottom .dropdown-same-width.open {
        background-color: #555667;
    }

        .navbar.navbar-bottom .dropdown-same-width.open .dropdown-toggle {
            background-color: #555667;
            color: #fff;
            padding-block-end: 1.5rem;
        }

        .navbar.navbar-bottom .dropdown-same-width.open a span.arrow {
            font-family: "xyzmo";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: unset;
            vertical-align: middle;
        }

            .navbar.navbar-bottom .dropdown-same-width.open a span.arrow .with-hover:hover {
                cursor: pointer;
                text-decoration: none;
            }

            .navbar.navbar-bottom .dropdown-same-width.open a span.arrow:before {
                font-size: 14px;
                content: "";
            }

.page-header-user-settings {
    width: 100%;
    height: 85px;
    overflow: hidden;
}

.base-layout-right {
    background-color: #fff;
    overflow-y: auto;
}

.panel-footer-main {
    padding: 4px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #ebebed;
    color: #111820;
    white-space: nowrap;
    height: 55px;
    background-color: #fff;
}

    .panel-footer-main a {
        text-decoration: none;
        color: #35364a;
        font-weight: bold;
    }

        .panel-footer-main a:hover {
            color: #555667;
        }

        .panel-footer-main a:visited {
            color: #35364a;
        }

            .panel-footer-main a:visited:hover {
                color: #555667;
            }

.xyzmo-nav-burger-menu {
    margin: 0 0 0 10px;
    position: relative;
    float: right;
    color: #35364a;
    background-color: transparent;
    border: none;
    padding: 8px;
}

    .xyzmo-nav-burger-menu:hover {
        color: #555667;
        text-decoration: none;
    }

.dropdown-toggle.user {
    margin-left: 10px;
    font-size: 32px;
    color: #35364a;
    display: flex;
    align-items: center;
    padding: 4px;
}

    .dropdown-toggle.user:hover, .dropdown-toggle.user:focus {
        color: #555667;
        text-decoration: none;
    }

        .dropdown-toggle.user:hover .xyzmo-icon-account, .dropdown-toggle.user:focus .xyzmo-icon-account {
            color: #555667;
        }

    .dropdown-toggle.user .xyzmo-icon-account {
        color: #35364a;
    }

    .dropdown-toggle.user .arrow {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        font-size: 14px;
        padding-left: .5rem;
    }

        .dropdown-toggle.user .arrow .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .dropdown-toggle.user .arrow:before {
            font-size: 14px;
            content: "";
        }

    .dropdown-toggle.user[aria-expanded="true"] .arrow {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
        font-size: small;
        padding-left: .5rem;
    }

        .dropdown-toggle.user[aria-expanded="true"] .arrow .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .dropdown-toggle.user[aria-expanded="true"] .arrow:before {
            font-size: 14px;
            content: "";
        }

.automaticRecNotSupported {
    background-color: #ebebed;
    cursor: not-allowed !important;
}

    .automaticRecNotSupported icon {
        color: #94949f;
    }

.help-toggle {
    cursor: pointer;
    margin-left: 10px;
    float: left;
    color: #35364a;
    padding: 4px;
    display: flex;
}

    .help-toggle:hover, .help-toggle:focus {
        color: #555667;
    }

.xyzmo-icon-help {
    font-size: 32px;
}

.spinner-center {
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -38px -31.5px;
}

.sidebar-main .xyzmo-icon-toggle_expanded {
    color: #35364a;
    padding-left: 2.1px;
    font-size: 24px;
}

    .sidebar-main .xyzmo-icon-toggle_expanded:hover {
        color: #555667;
    }

.sidebar-main.collapsed .navbar ul li {
    text-align: center;
}

    .sidebar-main.collapsed .navbar ul li.active a:hover {
        background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
    }

.sidebar-main .navbar {
    border: none;
    border-radius: 0;
}

    .sidebar-main .navbar .logo-container {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
    }

    .sidebar-main .navbar .toggle-btn {
        cursor: pointer;
        margin: 10px;
        margin-left: 211px;
    }

    .sidebar-main .navbar .navbar-nav {
        overflow-y: auto;
    }

    .sidebar-main .navbar .new-doc-img-placeholder {
        display: none;
    }

    .sidebar-main .navbar .new-action {
        width: 100%;
        border-radius: 0;
        font-size: 1.7rem;
        line-height: 1.75em;
    }

    .sidebar-main .navbar .createDraft {
        padding: 4px;
        background-color: #33b8b1;
        border-color: #33b8b1;
    }

        .sidebar-main .navbar .createDraft a {
            color: #111820;
            text-transform: uppercase;
            font-weight: 600;
            font-family: Arial,sans-serif;
        }

        .sidebar-main .navbar .createDraft:hover {
            background-color: #80d3ce;
            border-color: #80d3ce;
        }

        .sidebar-main .navbar .createDraft .xyzmo-icon-new-doc {
            color: #35364a;
        }

    .sidebar-main .navbar ul {
        background-color: #fff;
    }

        .sidebar-main .navbar ul .sidebar-subtitles1 li {
            border-bottom: 0;
        }

            .sidebar-main .navbar ul .sidebar-subtitles1 li.panel {
                margin: auto;
                background-color: inherit;
                border: none;
                box-shadow: none;
            }

                .sidebar-main .navbar ul .sidebar-subtitles1 li.panel a[data-toggle="collapse"]:hover {
                    background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                }

            .sidebar-main .navbar ul .sidebar-subtitles1 li a {
                color: #111820;
                padding: 10px 15px 10px 20px;
                text-transform: none;
                font-weight: normal;
                font-size: 1.6rem;
            }

                .sidebar-main .navbar ul .sidebar-subtitles1 li a.collapsed .subtitles-arrow {
                    font-family: "xyzmo";
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: normal;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: unset;
                }

                    .sidebar-main .navbar ul .sidebar-subtitles1 li a.collapsed .subtitles-arrow .with-hover:hover {
                        cursor: pointer;
                        text-decoration: none;
                    }

                    .sidebar-main .navbar ul .sidebar-subtitles1 li a.collapsed .subtitles-arrow:before {
                        font-size: 14px;
                        content: "";
                    }

                .sidebar-main .navbar ul .sidebar-subtitles1 li a .subtitles-arrow {
                    float: right;
                    color: #35364a;
                    font-family: "xyzmo";
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: normal;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: unset;
                }

                    .sidebar-main .navbar ul .sidebar-subtitles1 li a .subtitles-arrow .with-hover:hover {
                        cursor: pointer;
                        text-decoration: none;
                    }

                    .sidebar-main .navbar ul .sidebar-subtitles1 li a .subtitles-arrow:before {
                        font-size: 14px;
                        content: "";
                    }

                    .sidebar-main .navbar ul .sidebar-subtitles1 li a .subtitles-arrow:hover {
                        color: #555667;
                    }

        .sidebar-main .navbar ul .sidebar-subtitles2 {
            padding-bottom: 0;
        }

            .sidebar-main .navbar ul .sidebar-subtitles2 li {
                font-size: 1em;
                border-bottom: 0;
            }

                .sidebar-main .navbar ul .sidebar-subtitles2 li:hover {
                    background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                }

                .sidebar-main .navbar ul .sidebar-subtitles2 li.xyzmo-active-filter {
                    background-color: #ebebed;
                }

                    .sidebar-main .navbar ul .sidebar-subtitles2 li.xyzmo-active-filter a:hover {
                        background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                    }

                .sidebar-main .navbar ul .sidebar-subtitles2 li a {
                    color: #111820;
                    text-transform: none;
                    display: block;
                    padding: 3px 20px;
                    font-weight: normal;
                    cursor: pointer;
                    font-size: 1.4rem;
                }

                    .sidebar-main .navbar ul .sidebar-subtitles2 li a.active {
                        background-color: #ebebed;
                    }

                        .sidebar-main .navbar ul .sidebar-subtitles2 li a.active:hover {
                            background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                        }

        .sidebar-main .navbar ul li {
            color: #111820;
            font-size: 1.7rem;
        }

            .sidebar-main .navbar ul li.impersonate .header {
                color: #b50600;
                display: flex;
                align-items: center;
                margin-bottom: 10px;
                font-size: 1.6rem;
            }

                .sidebar-main .navbar ul li.impersonate .header .xyzmo-icon-account {
                    font-size: 3rem;
                    color: #b50600;
                }

                .sidebar-main .navbar ul li.impersonate .header .icon-container {
                    margin-left: 8px;
                }

                .sidebar-main .navbar ul li.impersonate .header .text-container {
                    margin-left: 8px;
                }

            .sidebar-main .navbar ul li.impersonate .user-text {
                font-size: 14px;
                margin-left: 15px;
                margin-top: 20px;
                margin-bottom: 25px;
                color: #111820;
                font-weight: normal;
            }

            .sidebar-main .navbar ul li.impersonate .left-part {
                padding: 5px;
                position: relative;
                text-align: right;
                width: 25%;
                float: left;
            }

            .sidebar-main .navbar ul li.impersonate .right-part {
                padding: 5px;
                position: relative;
                width: 75%;
                float: left;
                word-wrap: break-word;
            }

            .sidebar-main .navbar ul li.impersonate .end-action {
                display: inline-block;
                text-align: center;
            }

                .sidebar-main .navbar ul li.impersonate .end-action div {
                    padding: 4px;
                    background-color: #b50600;
                }

                    .sidebar-main .navbar ul li.impersonate .end-action div:hover {
                        background-color: #910500;
                    }

                        .sidebar-main .navbar ul li.impersonate .end-action div:hover #btnCancelImpersonate {
                            background-color: #910500;
                        }

                    .sidebar-main .navbar ul li.impersonate .end-action div #btnCancelImpersonate {
                        border-radius: 0;
                        width: 100%;
                        padding: 8px 0;
                        background-color: #b50600;
                        border: none;
                        font-size: 1.5rem;
                    }

                    .sidebar-main .navbar ul li.impersonate .end-action div #iconCancelImpersonate {
                        display: none;
                        border-radius: 0;
                        width: 100%;
                        padding: 5px 0;
                        background-color: #b50600;
                        border: none;
                    }

            .sidebar-main .navbar ul li.active {
                background-color: #ebebed;
            }

                .sidebar-main .navbar ul li.active .item-arrow {
                    color: #35364a;
                }

                    .sidebar-main .navbar ul li.active .item-arrow:hover {
                        color: #555667;
                    }

            .sidebar-main .navbar ul li .collapsed.item-arrow {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
            }

                .sidebar-main .navbar ul li .collapsed.item-arrow .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .sidebar-main .navbar ul li .collapsed.item-arrow:before {
                    font-size: 14px;
                    content: "";
                }

            .sidebar-main .navbar ul li .item-arrow {
                float: right;
                margin-top: -50px;
                color: #35364a;
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
            }

                .sidebar-main .navbar ul li .item-arrow .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .sidebar-main .navbar ul li .item-arrow:before {
                    font-size: 14px;
                    content: "";
                }

                .sidebar-main .navbar ul li .item-arrow:hover {
                    color: #555667;
                    background: none;
                }

            .sidebar-main .navbar ul li .main-navigation-item:has(+.item-arrow:hover) {
                background-image: linear-gradient(102.44deg,#F8F8F7 16.2%,#EBEBED 84.55%);
            }

            .sidebar-main .navbar ul li .main-navigation-item {
                text-transform: uppercase;
                color: #111820;
            }

                .sidebar-main .navbar ul li .main-navigation-item:has(.xyzmo-icon-home) {
                    padding-left: 11px;
                }

                    .sidebar-main .navbar ul li .main-navigation-item:has(.xyzmo-icon-home)b {
                        padding-left: 8px;
                    }

                .sidebar-main .navbar ul li .main-navigation-item:has(.xyzmo-icon-settings) {
                    padding-left: 13px;
                }

                .sidebar-main .navbar ul li .main-navigation-item b {
                    padding-left: 10px;
                }

                .sidebar-main .navbar ul li .main-navigation-item i {
                    color: #35364a;
                }

                    .sidebar-main .navbar ul li .main-navigation-item i::before {
                        font-size: 24px;
                    }

                .sidebar-main .navbar ul li .main-navigation-item:hover {
                    background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                }

                    .sidebar-main .navbar ul li .main-navigation-item:hover:focus {
                        background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                    }

                .sidebar-main .navbar ul li .main-navigation-item:focus {
                    background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
                }

                .sidebar-main .navbar ul li.main-navigation-item i {
                    text-align: center;
                    width: 1.3em;
                    font-size: 1.35em;
                    vertical-align: -15%;
                    display: inline-block;
                }

        .sidebar-main .navbar ul a:hover, .sidebar-main .navbar ul a:focus, .sidebar-main .navbar ul a:focus-within {
            background-color: initial;
        }

.sidebar-main .navbar-header {
    border-bottom: 1px solid #ebebed;
}

.sidebar-main .logo-placeholder-expanded, .sidebar-main .logo-placeholder-collapsed {
    width: 100%;
    height: 65px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sidebar-main .logo-placeholder-expanded {
    display: inline-block;
}

.sidebar-main .logo-placeholder-collapsed {
    display: none;
}

.sidebar-main .navbar-header-container {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.navbar-user-settings {
    position: absolute;
    top: 18px;
    right: 20px;
    display: flex;
    align-items: center;
}

    .navbar-user-settings .btn-xyzmo-action {
        padding: 4px 6px;
    }

    .navbar-user-settings .dropdown-user {
        left: auto;
        background-color: #fff;
        padding: 5px 0 0;
        right: 0;
        max-width: 550px;
        min-width: 250px;
        z-index: 1052;
    }

        .navbar-user-settings .dropdown-user li {
            list-style-type: none;
        }

            .navbar-user-settings .dropdown-user li .summary {
                padding: 20px 0;
                font-size: 1.4rem;
                font-weight: bold;
            }

                .navbar-user-settings .dropdown-user li .summary li {
                    border-bottom: none;
                }

                .navbar-user-settings .dropdown-user li .summary b {
                    font-size: 1.7rem;
                }

                .navbar-user-settings .dropdown-user li .summary #userDropDownOrganizationName {
                    color: #555667;
                    padding-top: 3px;
                }

        .navbar-user-settings .dropdown-user .separator a {
            display: block;
            vertical-align: middle;
            text-align: justify;
            padding: 9px 15px;
            text-transform: none;
            height: 40px;
            color: #111820;
            font-size: 1.4rem;
            font-weight: normal;
        }

            .navbar-user-settings .dropdown-user .separator a:hover, .navbar-user-settings .dropdown-user .separator a:focus {
                background-color: #ebebed;
            }

            .navbar-user-settings .dropdown-user .separator a i {
                font-size: 26px;
                margin-top: -3px;
                color: #35364a;
            }

            .navbar-user-settings .dropdown-user .separator a.noIssueTrackingTool {
                cursor: not-allowed;
            }

        .navbar-user-settings .dropdown-user .text-only {
            padding: 3px 15px;
            border-bottom: none;
            color: #111820;
        }

            .navbar-user-settings .dropdown-user .text-only .row {
                margin: 0;
                display: flex;
                align-items: center;
            }

                .navbar-user-settings .dropdown-user .text-only .row .col-lg-6 {
                    display: table-cell;
                    float: none;
                    vertical-align: middle;
                    max-width: 275px;
                    width: auto;
                }

                .navbar-user-settings .dropdown-user .text-only .row .user-dropdown-text {
                    padding-left: 15px;
                }

.orange {
    color: #c65015;
}

.error-icon-color {
    color: #b50600;
}

.documentSection {
    font-family: 'Open Sans',sans-serif;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    display: block;
}

    .documentSection:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .documentSection label {
        display: inline-block;
    }

    .documentSection .titleNumber {
        font-size: 3rem;
        padding-right: 5px;
        padding-top: 3px;
    }

        .documentSection .titleNumber.teal {
            color: #00a69d;
        }

        .documentSection .titleNumber.grey {
            color: #35364a;
        }

        .documentSection .titleNumber.green {
            color: #056e4b;
        }

        .documentSection .titleNumber.purple {
            color: #661864;
        }

        .documentSection .titleNumber.pink {
            color: #e6398a;
        }

        .documentSection .titleNumber.red {
            color: #b50600;
        }

        .documentSection .titleNumber.orange {
            color: #c65015;
        }

    .documentSection h5 {
        display: inline-block;
        color: #35364a;
        font-weight: normal;
        font-size: 1.7rem;
        vertical-align: top;
        padding: 5px 0;
        margin-top: 15px;
    }

.upload-icon.small i {
    text-decoration: none;
    cursor: pointer;
    padding: 0;
}

.documentPageContainer {
    position: relative;
}

    .documentPageContainer img {
        border: 1px solid #94949f;
    }

.center_div {
    margin: 0 auto;
    width: 60%;
}

.template-section-title {
    color: #111820;
    font-weight: bold;
    font-size: 15px;
    display: block;
    margin: 2px 0;
}

.modal-title-label {
    display: block;
    padding: 0 0 10px 0;
}

a.disabled {
    text-decoration: none;
    cursor: default;
}

.modal-content {
    border-left: solid 12px #35364a;
}

.modal-header {
    border-bottom: none;
}

    .modal-header .close {
        font-size: 35px;
        margin-top: -20px;
        margin-right: -12px;
    }

    .modal-header .modal-title {
        color: #35364a;
    }

    .modal-header input {
        width: 98%;
    }

    .modal-header .input-group-addon {
        background-color: transparent;
        border: 1px solid #94949f;
        font-size: 19px;
    }

        .modal-header .input-group-addon .xyzmo-icon-search {
            color: #35364a;
        }

    .modal-header .search {
        border-right: 0 solid #94949f;
        font-size: 18px;
    }

.modal-body {
    padding-top: 0;
    overflow: auto;
    color: #111820;
}

    .modal-body .container-border {
        padding-left: 18px;
        margin-right: 10px;
    }

    .modal-body .bulkInfo {
        position: fixed !important;
        width: calc(100% - 15rem) !important;
    }

.modal-footer {
    border-top: none;
}

.modal-subtitle {
    font-weight: 500;
}

.contentZoom {
    background-color: #ebebed;
    position: absolute;
    z-index: 3;
    padding: 2px 5px 0 5px;
}

    .contentZoom a {
        text-decoration: none;
        float: left;
    }

        .contentZoom a:not(:first-child) {
            margin-left: 10px;
        }

        .contentZoom a.zoom-disabled {
            cursor: default;
            color: #94949f !important;
        }

        .contentZoom a:hover {
            color: #555667;
        }

        .contentZoom a:focus {
            color: #555667;
        }

.designer-user-list {
    list-style-type: none;
    margin: 10px 0;
    cursor: pointer;
    padding: 0;
}

    .designer-user-list li {
        margin: 0;
        background-color: #fff;
        padding: 6px 5px 2px 10px;
        color: #35364a;
        border: solid 1px #94949f;
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 18px;
    }

        .designer-user-list li i {
            display: none;
        }

        .designer-user-list li:hover {
            background-color: #ebebed;
        }

        .designer-user-list li.active {
            background-color: #ebebed;
        }

            .designer-user-list li.active i {
                display: inline-block;
                float: right;
                padding: 3px;
                color: #35364a;
            }

.img-thumbnail-parent {
    all: initial;
    margin: 4px 4px 5px 4px;
    width: auto;
    position: relative;
    cursor: pointer;
    font: inherit;
}

.img-thumbnail {
    border: 2px solid #94949f;
    padding: 0;
    background-color: #94949f;
    background-size: contain;
}

    .img-thumbnail + div.thumb-page-number {
        border-bottom-left-radius: 4px;
    }

    .img-thumbnail.active {
        border-color: #00857e;
    }

#envelopeUsers div ul {
    margin: 0;
    padding: 0;
}

#envelopeUsers li {
    list-style-type: none;
    background-color: #fff;
    color: #111820;
    padding: 10px 5px;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
}

    #envelopeUsers li:hover {
        background-color: #f7f7f8;
    }

    #envelopeUsers li.active {
        background-color: #ebebed;
        color: #111820;
        padding: 9px 4px;
    }

#teamsListContainer {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

    #teamsListContainer li {
        background-color: #fff;
        color: #111820;
        padding: 10px 5px;
        margin: 0;
        cursor: pointer;
        font-weight: 600;
    }

        #teamsListContainer li:hover {
            background-color: #fff;
        }

        #teamsListContainer li.active {
            background-color: #ebebed;
            color: #111820;
        }

#teamMainTitle {
    color: #111820;
}

.tree p {
    color: #111820 !important;
}

.tree li.node-container div span.buttonContainer {
    margin-left: -19px;
    margin-top: -18px;
}

    .tree li.node-container div span.buttonContainer i {
        background-color: #fff;
        border-radius: 50%;
    }

.team-panel i {
    font-size: 1.5em;
}

.team-member-settings {
    padding: 10px;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.add-team li {
    background-color: #fff;
    color: #35364a;
    padding: 10px 5px;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
}

    .add-team li:hover {
        background-color: #fff;
    }

    .add-team li.active {
        background-color: #ebebed;
        color: #111820;
    }

#toolbarContainer .notification-container {
    border-color: #cdcdd2;
}

#toolbarContainer .toolbarHeader {
    border-bottom: 1px solid #cdcdd2;
}

    #toolbarContainer .toolbarHeader h4 {
        color: #111820;
        padding: 10px 5px;
        margin: 0;
    }

.settingsPanel {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 32rem;
    position: fixed;
    right: 0;
    border: none;
    color: #111820;
}

    .settingsPanel div.form-group {
        padding-left: 15px;
        padding-right: 15px;
    }

    .settingsPanel .xyzmo-icon-signBatchInfo {
        font-size: 25px;
        cursor: pointer;
        color: #fff;
        padding-left: 10px;
    }

    .settingsPanel #NewTextBoxValue {
        color: #111820;
        width: 100%;
        height: 100%;
    }

    .settingsPanel #NewComboBoxValue {
        width: 100%;
        height: 100%;
    }

    .settingsPanel #NewCheckBoxValue {
        margin: 0;
        padding: 0;
        float: left;
    }

    .settingsPanel #NewCheckBoxValueState {
        margin-left: 5px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        padding: 0;
    }

    .settingsPanel #NewListBoxValues {
        width: 100%;
    }

    .settingsPanel .radio-button {
        font-size: 2rem;
        margin-right: 1rem;
        cursor: pointer;
    }

.checkbox label {
    padding-left: 25px !important;
}

    .checkbox label input[type="checkbox"] {
        margin-left: -25px !important;
        margin-top: 0;
    }

    .checkbox label input[type="radio"] {
        margin-left: -25px !important;
        margin-top: 0;
    }

.envelopeSummaryDetail {
    line-height: 30px;
}

.sendEnvelopeRecipient {
    cursor: pointer;
    margin: 0;
}

    .sendEnvelopeRecipient i {
        font-size: 28px;
    }

    .sendEnvelopeRecipient a.btn-link {
        padding: 10px 20px 0;
        display: block;
        text-decoration: none;
    }

    .sendEnvelopeRecipient a.bulk-child {
        display: block;
        text-decoration: none;
        padding: 0 2rem;
    }

    .sendEnvelopeRecipient a.showBulkRecipientsArrow {
        padding: 10px 5px 0;
    }

        .sendEnvelopeRecipient a.showBulkRecipientsArrow span {
            display: inline-block;
            vertical-align: middle;
        }

    .sendEnvelopeRecipient b {
        color: #111820;
    }

    .sendEnvelopeRecipient span, .sendEnvelopeRecipient .center-vh-transform {
        color: #35364a;
    }

    .sendEnvelopeRecipient .center-vh-transform {
        top: 35%;
    }

    .sendEnvelopeRecipient a:hover i.xyzmo-icon-user, .sendEnvelopeRecipient a:hover b, .sendEnvelopeRecipient a:hover span, .sendEnvelopeRecipient a:hover .center-vh-transform {
        color: #555667;
    }

    .sendEnvelopeRecipient.selected {
        background-color: #ebebed;
    }

.sendEnvelopeDoc {
    padding: 10px 20px 0;
    color: #35364a;
    margin: 0;
}

    .sendEnvelopeDoc .xyzmo-icon-file {
        padding-top: 4px;
        font-size: 24px;
    }

    .sendEnvelopeDoc .media-body {
        padding-left: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .sendEnvelopeDoc .media-body a {
            color: #35364a;
        }

            .sendEnvelopeDoc .media-body a h5 {
                color: #35364a;
            }

    .sendEnvelopeDoc a.btn-link {
        display: inline-block;
        text-decoration: none;
    }

        .sendEnvelopeDoc a.btn-link:hover {
            color: #555667;
        }

            .sendEnvelopeDoc a.btn-link:hover h5 {
                color: #555667;
            }

    .sendEnvelopeDoc:hover i {
        color: #555667;
    }

.sendEnvelopeRightItem {
    width: 100px;
    float: right;
}

    .sendEnvelopeRightItem.btn {
        border-radius: 5px;
    }

#remindMultiple.All, #remindMultiple.all {
    display: inline-block;
}

#remindMultiple.Drafts, #remindMultiple.drafts {
    display: none;
}

#remindMultiple.ActionRequired, #remindMultiple.actionrequired {
    display: inline-block;
}

#remindMultiple.WaitingForOthers, #remindMultiple.waitingforothers {
    display: inline-block;
}

#remindMultiple.Canceled, #remindMultiple.canceled {
    display: none;
}

#remindMultiple.Completed, #remindMultiple.completed {
    display: none;
}

#remindMultiple.Rejected, #remindMultiple.rejected {
    display: none;
}

#remindMultiple.Expired, #remindMultiple.exipred {
    display: none;
}

#remindMultiple.ExpiringSoon, #remindMultiple.expiringsoon {
    display: inline-block;
}

#resetMultiple.All, #resetMultiple.all {
    display: inline-block;
}

#resetMultiple.Drafts, #resetMultiple.drafts {
    display: none;
}

#resetMultiple.ActionRequired, #resetMultiple.actionrequired {
    display: none;
}

#resetMultiple.WaitingForOthers, #resetMultiple.waitingforothers {
    display: none;
}

#resetMultiple.Canceled, #resetMultiple.canceled {
    display: none;
}

#resetMultiple.Completed, #resetMultiple.completed {
    display: none;
}

#resetMultiple.Rejected, #resetMultiple.rejected {
    display: none;
}

#resetMultiple.Expired, #resetMultiple.expired {
    display: inline-block;
}

#resetMultiple.ExpiringSoon, #resetMultiple.expiringsoon {
    display: none;
}

#resetMultiple.Active {
    display: none;
}

#deleteMultiple.All, #deleteMultiple.all {
    display: inline-block;
}

#deleteMultiple.Drafts, #deleteMultiple.drafts {
    display: inline-block;
}

#deleteMultiple.ActionRequired, #deleteMultiple.actionrequired {
    display: inline-block;
}

#deleteMultiple.WaitingForOthers, #deleteMultiple.waitingforothers {
    display: inline-block;
}

#deleteMultiple.Canceled, #deleteMultiple.canceled {
    display: inline-block;
}

#deleteMultiple.Completed, #deleteMultiple.completed {
    display: inline-block;
}

#deleteMultiple.Rejected, #deleteMultiple.rejected {
    display: inline-block;
}

#deleteMultiple.Expired, #deleteMultiple.exipred {
    display: inline-block;
}

#deleteMultiple.ExpiringSoon, #deleteMultiple.expiringsoon {
    display: inline-block;
}

#cancelMultiple.All, #cancelMultiple.all {
    display: inline-block;
}

#cancelMultiple.Expired {
    display: none;
}

#cancelMultiple.Drafts, #cancelMultiple.drafts {
    display: none;
}

#cancelMultiple.ActionRequired, #cancelMultiple.actionrequired {
    display: inline-block;
}

#cancelMultiple.WaitingForOthers, #cancelMultiple.waitingforothers {
    display: inline-block;
}

#cancelMultiple.Canceled, #cancelMultiple.canceled {
    display: none;
}

#cancelMultiple.Completed, #cancelMultiple.completed {
    display: none;
}

#cancelMultiple.Rejected, #cancelMultiple.rejected {
    display: none;
}

#cancelMultiple.Expired, #cancelMultiple.exipred {
    display: none;
}

#cancelMultiple.ExpiringSoon, #cancelMultiple.expiringsoon {
    display: inline-block;
}

.signatureIcon {
    padding: 10px;
}

.active > .signatureIcon {
    color: #35364a;
}

.recipient-text {
    font-size: 18px;
    text-wrap: normal;
    word-wrap: break-word;
}

.actionContainerIconContainer {
    position: relative;
    width: 100%;
    height: 130px;
    padding-top: 15px;
}

.mainPageLargeBtn {
    width: 140px;
    height: 40px;
    font-size: 2rem;
    line-height: 40px;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .mainPageLargeBtn:hover, .mainPageLargeBtn:focus {
        font-size: 2rem;
    }

.mainPageH2 {
    color: #111820;
    font-size: 2.4rem;
    text-align: center;
    margin-top: 0;
    font-weight: normal;
}

.mainPageH4 {
    color: #111820;
    font-size: 1.7rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
}

.mainPageEnvelopStatus {
    list-style-type: none;
    padding: 0;
    margin-top: 23px;
}

    .mainPageEnvelopStatus li {
        margin-bottom: 15px;
    }

        .mainPageEnvelopStatus li a {
            padding: 10px 5px;
        }

        .mainPageEnvelopStatus li.teal {
            border-left: 3px solid #00a69d;
        }

        .mainPageEnvelopStatus li.grey {
            border-left: 3px solid #35364a;
        }

        .mainPageEnvelopStatus li.green {
            border-left: 3px solid #056e4b;
        }

        .mainPageEnvelopStatus li.purple {
            border-left: 3px solid #661864;
        }

        .mainPageEnvelopStatus li.pink {
            border-left: 3px solid #e6398a;
        }

        .mainPageEnvelopStatus li.red {
            border-left: 3px solid #b50600;
        }

        .mainPageEnvelopStatus li.orange {
            border-left: 3px solid #c65015;
        }

        .mainPageEnvelopStatus li:hover {
            background-color: #ebebed;
        }

.grey-border-generic {
    border: 1px solid #ebebed;
    padding: 15px;
}

.border-left-only {
    border-left: 1px solid #ebebed;
}

.font-red {
    color: #b50600;
}

.inboxButton {
    width: 120px;
    text-transform: uppercase;
}

#pagePreview img.page {
    max-width: 100%;
    max-height: calc(100vh - 200px);
    margin: auto;
    display: block;
    border: 1px solid #ebebed;
}

#pagePreview .modal-body {
    padding-top: 15px;
}

#pagePreview .modal-footer {
    padding: 0 15px 15px 15px;
}

.saveAsTemplateModal .modal-body {
    padding-top: 4px;
}

.panel-default {
    border-color: #cdcdd2;
}

    .panel-default .panel-heading button:hover h4 {
        color: #555667;
    }

.panel-primary > .panel-heading, .panel > .panel-heading, .panel-body, .panel-primary {
    color: #35364a;
    background-color: #f7f7f8;
    border-radius: 0;
}

.panel-black .panel-body, .panel-black .panel-title, panel-black .panel-heading {
    color: #35364a;
}

.panel-disabled .panel-title {
    color: #94949f;
    cursor: not-allowed;
}

#pageThumbContainer {
    border-color: #ebebed;
    background-color: #fff;
}

    #pageThumbContainer #innerContainer {
        border-color: #ebebed;
    }

    #pageThumbContainer .panel-grey {
        color: #111820;
        background-color: #fff;
        border-width: 1px;
        border-color: #ebebed;
        margin-left: 5px;
        margin-right: 5px;
        width: 40px;
    }

    #pageThumbContainer .toolbarHeader {
        color: #111820;
        border-bottom-color: #ebebed;
    }

    #pageThumbContainer .documentPanel {
        border: none;
    }

        #pageThumbContainer .documentPanel .panel-heading {
            background-color: #fff !important;
            border-bottom: none;
        }

        #pageThumbContainer .documentPanel .panel-body {
            background-color: #fff !important;
        }

        #pageThumbContainer .documentPanel .thumb-panel {
            border-bottom: 1px solid #ebebed;
        }

    #pageThumbContainer h4 {
        color: #111820;
    }

.page-index {
    width: 80px;
}

    .page-index input {
        width: 50px;
        border: 1px solid #94949f;
        color: #111820;
    }

.thumb-page-number {
    width: 20%;
    background-color: #555667;
    margin-top: -20px;
    position: absolute;
    color: #fff;
}

    .thumb-page-number.active {
        background-color: #00857e;
        border-bottom-left-radius: 4px;
    }

#documentsContainer {
    background-color: #f7f7f8;
}

    #documentsContainer .documentContainer:not(:last-child) {
        border-bottom: 4px solid #94949f;
    }

    #documentsContainer .documentPageContainer:not(:last-of-type) .documentPage {
        border-bottom: 2px solid #cdcdd2;
    }

.container-border {
    border: 1px solid #ebebed;
}

    .container-border.nopadding {
        padding: 0;
    }

    .container-border .media-list {
        margin-bottom: 0;
    }

    .container-border.notifSettings {
        padding: 20px;
    }

        .container-border.notifSettings .date {
            border: 1px solid #94949f;
        }

            .container-border.notifSettings .date input {
                border: 0;
            }

            .container-border.notifSettings .date .input-group-addon {
                background-color: #fff;
                border: 0;
            }

.notification-container {
    border: 1px solid #ebebed;
    padding: 15px;
    margin-bottom: 15px;
}

    .notification-container .options-container {
        margin-left: 20px;
    }

        .notification-container .options-container label > span {
            width: 100%;
        }

    .notification-container .delegate-background {
        color: #b50600;
        padding-left: 3.5rem;
    }

.fixMargin-right {
    margin-right: 15px;
}

.chosen-single {
    background-color: #fff;
    color: #111820;
}

    .chosen-single .ChosenEditableInputContainer {
        width: 100% !important;
        height: 100% !important;
        padding-right: 30px;
    }

    .chosen-single [name='ChosenEditableInput'] {
        width: 100%;
        height: 100%;
        margin-left: 8px;
        border: none;
        outline: none;
    }

select, .select-recipient > option {
    color: #111820;
}

.envelopeError {
    color: #b50600;
}

.spinnerColor {
    color: #fff;
    margin-left: 4px;
    font-size: 4em;
}

textarea {
    resize: none;
    color: #111820;
    border-color: #94949f;
}

#saveButtonWrapper {
    display: inline-block;
    float: left;
    margin-left: 20px;
}

.lnkEnable {
    vertical-align: top;
}

.drag-active {
    border-style: dotted !important;
}

.drop-hover {
    border-style: solid !important;
    border-color: #c65015 !important;
}

#org {
    background-color: #fff;
    margin: 10px;
    padding: 10px;
}

.alert-message {
    margin: 2px 0;
}

.topbar {
    position: absolute;
}

.node p {
    font-family: 'Tahoma',sans-serif;
    font-size: 10px;
    line-height: 11px;
    padding: 2px;
}

.add_team_member li {
    cursor: move;
}

.add_team_member.ui-draggable-disabled li {
    cursor: not-allowed;
}

.large-header-title {
    color: #111820;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

.overflow-auto {
    overflow: auto;
}

.word_break {
    word-wrap: break-word;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.btn-noPadding-floatRight {
    padding: 0;
    float: right;
}

.grid-empty-container {
    border: 1px solid #ebebed;
    margin-top: 10px;
    height: 500px;
}

    .grid-empty-container .xyzmo-icon-clipboard, .grid-empty-container .xyzmo-icon-template-empty {
        font-size: 44px;
    }

.empty-text-icon {
    color: #35364a;
    text-align: center;
}

    .empty-text-icon i {
        color: #35364a;
    }

.grid-mvc-pager .pagination {
    float: right;
}

.flow-grid-mvc {
    border: 0;
}

.flow-grid-wrap {
    border: 1px solid #ebebed;
    border-bottom: 0;
}

.empty-text {
    text-align: center;
    font-size: 14px;
}

.agreement-container {
    padding: 15px;
}

.no-border {
    border-width: 0;
}

.no-hover:hover {
    color: #35364a;
}

.header-text-notification-templates {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111820;
}

.notificationTemplateEditor select {
    border-color: #94949f;
    color: #111820;
}

.notificationTemplateEditor input[disabled] {
    border: 1px solid #94949f;
    background-color: #ebebed;
    color: #111820;
}

#notificationTemplateHtmlPreview {
    display: block;
    border: none;
    pointer-events: none;
    width: 100%;
}

.placeholdersContent {
    width: 100%;
}

    .placeholdersContent button {
        width: 100%;
        display: inline-flex;
        align-items: center;
        border-radius: 10px;
        padding-left: 15px;
        height: 40px;
        background-color: #ebebed;
        border-color: transparent;
    }

        .placeholdersContent button .xyzmo-icon-copy {
            font-size: 25px;
            padding-left: 20px;
            transform: scaleX(-1);
            margin: 0;
            display: inline-flex;
        }

            .placeholdersContent button .xyzmo-icon-copy .path1 {
                color: #35364a;
            }

            .placeholdersContent button .xyzmo-icon-copy .path2 {
                color: #ebebed;
            }

.inline {
    display: inline;
}

.right {
    float: right;
}

.left {
    float: left;
}

.labelWithAddButton {
    color: #35364a;
}

    .labelWithAddButton:hover {
        color: #555667;
    }

.customCollapse-container:after {
    content: " ";
    display: block;
    clear: both;
}

.customCollapse {
    overflow: hidden;
    min-height: 0;
    transition: height .4s ease-in-out;
    -ms-transform: height .4s ease-in-out;
}

.sortableSelected {
    background: #cdcdd2 !important;
}

.switch {
    border: none;
    background-color: transparent;
    color: #35364a;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 7px;
}

    .switch:active {
        background-color: transparent;
        color: #35364a;
    }

    .switch:hover, .switch:focus {
        background-color: transparent;
        color: #111820;
    }

        .switch:hover:active, .switch:focus:active {
            background-color: transparent;
            color: #111820;
        }

.filterItem {
    font-size: 14px;
    height: 15px;
    background-color: transparent !important;
    cursor: pointer;
}

.filterItemSub {
    margin-left: 20px;
}

.filterButton {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(53,54,74,.2);
    border-radius: 40px;
    width: auto;
    font-size: 14px;
    color: #111820;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: default;
    display: inline-block;
}

.filterContextMenuIListItem {
    cursor: pointer;
}

.filterContextMenuItem {
    cursor: pointer;
    text-decoration: none !important;
    margin-left: 3px;
}

.filterButtonClose {
    padding-right: 10px;
    font-weight: lighter;
    cursor: pointer;
    color: #35364a;
}

    .filterButtonClose:hover {
        color: #555667;
    }

.resetFilters {
    font-size: 14px;
}

.listSubmenuFilter {
    left: 250px;
    position: absolute;
    z-index: 1200;
    background-color: #fff;
    border: 1px solid #ebebed;
    list-style: none;
    padding: 10px;
    overflow-y: auto;
}

    .listSubmenuFilter li:hover {
        background-image: linear-gradient(102.44deg,#f8f8f7 16.2%,#ebebed 84.55%);
    }

    .listSubmenuFilter li a:hover, .listSubmenuFilter li a:focus {
        color: #111820;
    }

.contextMenuItem {
    height: 45px;
    line-height: 45px;
    color: #111820;
    text-decoration: none;
}

    .contextMenuItem a {
        text-decoration: none;
    }

.rec-collapse-btn {
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 21px;
    color: #35364a;
    padding-left: 7px;
    padding-right: 7px;
    min-width: 35px;
}

    .rec-collapse-btn:hover {
        color: #555667;
    }

    .rec-collapse-btn:hover {
        color: #555667;
    }

.pageRead-collapse-btn {
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    color: #35364a;
}

    .pageRead-collapse-btn:hover {
        color: #555667;
    }

    .pageRead-collapse-btn:hover {
        color: #555667;
    }

    .pageRead-collapse-btn[disabled] {
        color: #94949f;
        pointer-events: none;
    }

        .pageRead-collapse-btn[disabled] .xyzmo-icon-add-option-round:before {
            color: #94949f;
        }

.simple-hover {
    background-color: transparent;
}

    .simple-hover:hover {
        background-color: rgba(53,54,74,.2);
    }

#userSystemAlerts .alert.alert-danger {
    color: #111820;
    background-color: #f0cdcc;
    border: 1px solid #b50600;
    box-shadow: 2px 2px 4px 0 #cdcdd2;
    border-radius: 3px;
}

#userSystemAlerts .alert .system-alert-dismiss {
    color: #b50600;
    float: right;
    position: relative;
    font-size: 2rem;
    font-weight: bolder;
}

    #userSystemAlerts .alert .system-alert-dismiss:hover {
        color: #910500;
    }

#userSystemAlerts span.system-alert-subject {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    font-size: larger;
    font-weight: bolder;
}

    #userSystemAlerts span.system-alert-subject i {
        margin-right: 10px;
        font-weight: bold;
        font-size: x-large;
        color: #b50600;
    }

.sigTypeCheckBox + span + .preferredSigTypeRbn + label {
    display: none;
}

.sigTypeCheckBox + span + .preferredSigTypeRbn {
    display: none;
}

.sigTypeCheckBox:checked + span + .preferredSigTypeRbn + label {
    display: inline;
    float: right;
}

.sigTypeCheckBox:checked + span + .preferredSigTypeRbn {
    display: none;
}

.preferredSigTypeRbn + label {
    background-size: 25px 25px;
    margin: 0 0 0 10px;
    clear: none;
    padding: 0 0 0 0 !important;
    cursor: pointer;
}

.preferredSigTypeRbn + label {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .preferredSigTypeRbn + label .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .preferredSigTypeRbn + label:before {
        content: "";
    }

.preferredSigTypeRbn:checked + label {
    font-family: "xyzmo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: unset;
}

    .preferredSigTypeRbn:checked + label .with-hover:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .preferredSigTypeRbn:checked + label:before {
        content: "";
    }

#documentViewContainer {
    border: 1px solid #cdcdd2;
    margin: 0;
    padding: 0;
}

.renameRecipientModal .modal-body {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

    .renameRecipientModal .modal-body .panel {
        border-radius: 0;
    }

    .renameRecipientModal .modal-body .panel-heading:hover {
        cursor: pointer;
    }

    .renameRecipientModal .modal-body .panel-heading .caret {
        margin-left: 1rem;
    }

        .renameRecipientModal .modal-body .panel-heading .caret.open {
            border-top: none;
            border-bottom-width: 4px;
            border-bottom-color: inherit;
            border-bottom-style: solid;
        }

#fileUpload, #fileUploadSelf, #fileUploadLargeBtn, #fileUploadLargeBtnSelf, .fileUploadReplace {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#uploadContainerHome, #uploadContainerHomeSelf {
    height: 50px;
    margin-top: 15px;
    position: relative;
}

#btnOpenDraft, #btnOpenTemplate {
    margin-top: 52px;
    width: 140px;
    height: 40px;
    font-size: 2rem;
    line-height: 2rem;
    padding: 0;
    margin-bottom: 13px;
}

input[name='DisposableCertificateData.documentExpiryDate_Visible'], input[name='DisposableCertificateData.documentIssuedOn_Visible'] {
    position: relative;
    z-index: 2;
}

label[for='elementIsBatchSigning'] {
    position: relative;
    top: -5px;
}

.with-red-border {
    border-color: #b50600 !important;
    border-style: solid;
}

.with-grey-border {
    border: .1rem solid #94949f;
}

    .with-grey-border.no-left-border {
        border-left: none;
    }

.dark-red-color {
    color: #b50600;
}

#CustomErrorPage {
    font-family: 'Open Sans',sans-serif;
    color: #111820;
    width: 100%;
    height: 100%;
    margin: inherit;
}

    #CustomErrorPage h1 {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }

    #CustomErrorPage h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    #CustomErrorPage p {
        font-size: 1.125rem;
        text-align: center;
    }

    #CustomErrorPage .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #CustomErrorPage .errorTopBar {
        position: absolute;
        top: 0;
        width: 100%;
        color: #fff;
        background-color: #b50600;
        text-align: center;
    }

    #CustomErrorPage .errorTopBarTitle {
        margin: 7px 0 7px 0;
    }

    #CustomErrorPage .errorMainContent {
        margin: 70px 0;
    }

    #CustomErrorPage .logo {
        width: 280px;
        margin-bottom: 35px;
    }

    #CustomErrorPage .errorImage {
        width: 350px;
        margin-top: 35px;
    }

    #CustomErrorPage .button {
        text-align: center;
        margin-top: 35px;
    }

    #CustomErrorPage .list {
        width: fit-content;
        font-size: 1.125rem;
    }

    #CustomErrorPage .btn-primary {
        font-family: 'Open Sans Semibold',sans-serif;
        background-color: #33b8b1;
        border: 1pt solid #33b8b1;
        border-radius: 4px;
        color: #111820;
        padding: .6rem 1.5rem;
        text-align: center;
        font-size: 1.125rem;
        text-decoration: none;
    }

        #CustomErrorPage .btn-primary:hover {
            background-color: #80d3ce;
            border: 1pt solid #80d3ce;
        }

            #CustomErrorPage .btn-primary:hover:active {
                color: #111820;
            }

    #CustomErrorPage .btn-secondary {
        font-family: 'Open Sans Semibold',sans-serif;
        background-color: transparent;
        border: 1pt solid #35364a;
        border-radius: 3px;
        color: #35364a;
        padding: .6rem 1.5rem;
        text-align: center;
        font-size: 1.125rem;
        margin-right: 10px;
        text-decoration: none;
    }

        #CustomErrorPage .btn-secondary:hover {
            background-color: #ebebed;
        }


.notSelectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.SettingsContainer * {
    pointer-events: initial !important;
}

    .SettingsContainer * svg.center-v-absolute {
        top: .6rem;
    }

.draggableToolContainer {
    cursor: move;
    width: 50%;
    height: 75px;
    float: left;
}

    .draggableToolContainer:hover {
        background-color: rgba(53,54,74,.2);
    }

.draggableToolImage {
    width: 100%;
    height: 75%;
    position: relative;
}

    .draggableToolImage i {
        color: #35364a;
        font-size: 35px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-wrap: none;
    }

.draggableToolText {
    width: 100%;
    height: 25%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#formFieldsCollectionHeader, #predefinedFormFieldsCollectionHeader, .toolbarHeader {
    cursor: pointer;
    color: #35364a;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #cdcdd2;
}

    #formFieldsCollectionHeader:hover, #predefinedFormFieldsCollectionHeader:hover, .toolbarHeader:hover {
        color: #555667;
    }

        #formFieldsCollectionHeader:hover i, #predefinedFormFieldsCollectionHeader:hover i, .toolbarHeader:hover i {
            color: #555667;
        }

    #formFieldsCollectionHeader.collapsed i, #predefinedFormFieldsCollectionHeader.collapsed i, .toolbarHeader.collapsed i {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        #formFieldsCollectionHeader.collapsed i .with-hover:hover, #predefinedFormFieldsCollectionHeader.collapsed i .with-hover:hover, .toolbarHeader.collapsed i .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        #formFieldsCollectionHeader.collapsed i:before, #predefinedFormFieldsCollectionHeader.collapsed i:before, .toolbarHeader.collapsed i:before {
            font-size: 14px;
            content: "";
        }

    #formFieldsCollectionHeader i, #predefinedFormFieldsCollectionHeader i, .toolbarHeader i {
        float: right;
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        #formFieldsCollectionHeader i .with-hover:hover, #predefinedFormFieldsCollectionHeader i .with-hover:hover, .toolbarHeader i .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        #formFieldsCollectionHeader i:before, #predefinedFormFieldsCollectionHeader i:before, .toolbarHeader i:before {
            font-size: 14px;
            content: "";
        }

    #formFieldsCollectionHeader h4, #predefinedFormFieldsCollectionHeader h4, .toolbarHeader h4 {
        color: #35364a;
    }

#predefinedFormFieldsCollectionHeader {
    margin-top: 10px;
}

#settingsPanelHeader {
    height: 5rem;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#settingsPanelContainer {
    flex: 1;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: auto;
}

#settingsPanelFooter {
    background-color: #fff;
    padding: .5rem 1rem;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
}

    #settingsPanelFooter #buttonSave, #settingsPanelFooter #buttonCancel {
        width: 48%;
        border: solid .2rem #35364a;
        border-radius: .3rem;
    }

    #settingsPanelFooter #buttonCancel {
        color: #35364a;
        background: #fff;
    }

    #settingsPanelFooter #buttonSave {
        background-color: #35364a;
        color: #fff;
    }

.ElementSettingsModal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1031;
}

.multiple-or-unassigned-recipients-selected .recipient-content-color {
    color: #35364a !important;
}

.multiple-or-unassigned-recipients-selected .recipient-content-hover-color {
    color: #35364a !important;
}

.multiple-or-unassigned-recipients-selected .recipient-content-border-color {
    border-color: #35364a !important;
}

.multiple-or-unassigned-recipients-selected .recipient-content-background-color {
    background-color: #35364a !important;
}

.multiple-or-unassigned-recipients-selected .recipient-content-background-hover-color {
    background-color: #ebebed !important;
}

.multiple-or-unassigned-recipients-selected #buttonCancel {
    border-color: #35364a !important;
    color: #35364a !important;
}

.multiple-or-unassigned-recipients-selected #buttonSave {
    background-color: #35364a !important;
}

.settingsPanelGroupHeader {
    font-size: 14px;
    color: #35364a;
    border-bottom: 1px solid #35364a;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .settingsPanelGroupHeader.collapsed i {
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        .settingsPanelGroupHeader.collapsed i .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .settingsPanelGroupHeader.collapsed i:before {
            font-size: 14px;
            content: "";
        }

    .settingsPanelGroupHeader i {
        float: right;
        font-family: "xyzmo";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: unset;
    }

        .settingsPanelGroupHeader i .with-hover:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .settingsPanelGroupHeader i:before {
            font-size: 14px;
            content: "";
        }

.is-disabled, label[disabled], button[disabled] {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

    .is-disabled.recipient-button, label[disabled].recipient-button, button[disabled].recipient-button {
        color: #94949f;
    }

.items-settings-elem {
    margin: .5rem 0;
    width: 100%;
}

#list-items .error-border {
    border: .2rem solid #b50600;
}

#list-items li.is-selected {
    background-color: rgba(53,54,74,.2);
}

#list-items .no-result-item {
    background-color: #f4dcd0;
    color: #111820;
    padding: .6rem;
    border: .1rem solid #c65015;
    text-overflow: ellipsis;
    overflow: hidden;
}

#list-items label.items-settings-elem {
    display: flex;
    align-items: center;
}

    #list-items label.items-settings-elem button.xyzmo-icon-add-option-round {
        font-size: 22px;
        padding: 0;
        margin-right: .5rem;
    }

#list-items span.input-group-btn {
    padding: .3rem 1rem;
    font-size: 1.8rem;
    border: .1rem solid #94949f;
    border-left-width: 0;
}

#list-items ul.items-settings-elem {
    border: .1rem solid #94949f;
    list-style: none;
    padding: 0;
    height: 13.4rem;
}

    #list-items ul.items-settings-elem li.option-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .2rem .5rem;
    }

        #list-items ul.items-settings-elem li.option-item div.key-value-parent {
            flex-grow: 2;
            margin-left: 1rem;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
        }

            #list-items ul.items-settings-elem li.option-item div.key-value-parent div.search-key {
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            #list-items ul.items-settings-elem li.option-item div.key-value-parent div.search-value {
                overflow: hidden;
                text-overflow: ellipsis;
            }

div.text-align button.btn-default {
    border-radius: 0;
    font-size: 2rem;
}

    div.text-align button.btn-default:not(:first-child) {
        border-left-width: 0;
    }

div.fields-font-style button.btn-default {
    min-width: 36px;
}

    div.fields-font-style button.btn-default:not(:first-child) {
        border-left-width: 0;
    }

    div.fields-font-style button.btn-default:first-child {
        font-weight: bold;
    }

    div.fields-font-style button.btn-default:last-child {
        font-style: italic;
    }

    div.fields-font-style button.btn-default:not(.active):hover {
        background-color: #ebebed;
        border-color: #b4b7bb;
    }

        div.fields-font-style button.btn-default:not(.active):hover:focus {
            background-color: #ebebed;
            border-color: #b4b7bb;
        }

    div.fields-font-style button.btn-default:not(.active):focus {
        background-color: #fff;
        border-color: #b4b7bb;
    }

    div.fields-font-style button.btn-default.active:hover {
        background-color: #ebebed;
        border-color: #b4b7bb;
    }

        div.fields-font-style button.btn-default.active:hover:focus {
            background-color: #ebebed;
            border-color: #b4b7bb;
        }

    div.fields-font-style button.btn-default.active:focus {
        background-color: #ebebed;
        border-color: #b4b7bb;
        box-shadow: inset 0 3px 5px #b4b7bb;
    }

#settingsPanelTabs {
    position: relative;
    width: 100%;
    height: 3rem;
}

    #settingsPanelTabs #settingsPanelTabsGeneral, #settingsPanelTabs #settingsPanelTabsAdvanced {
        position: relative;
        width: 50%;
        height: 100%;
        white-space: nowrap;
        float: left;
        text-align: center;
        padding: 5px 0;
        text-transform: none;
    }

        #settingsPanelTabs #settingsPanelTabsGeneral:hover, #settingsPanelTabs #settingsPanelTabsAdvanced:hover {
            cursor: pointer;
        }

        #settingsPanelTabs #settingsPanelTabsGeneral:focus, #settingsPanelTabs #settingsPanelTabsAdvanced:focus {
            z-index: 4;
        }

    #settingsPanelTabs #settingsPanelTabsGeneral {
        background-color: #35364a;
        color: #fff;
    }

        #settingsPanelTabs #settingsPanelTabsGeneral:last-child {
            width: 100%;
        }

    #settingsPanelTabs #settingsPanelTabsAdvanced {
        background-color: #111820;
        color: #fff;
    }

#settingsPanelTabGeneralGroupCommonContent, #settingsPanelTabGeneralGroupSpecificContent, #settingsPanelTabGeneralRecipient, #settingsPanelTabSpecificSignature, .signatureTypeCheckbox {
    position: relative;
    width: 100%;
}

    #settingsPanelTabGeneralGroupCommonContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox, #settingsPanelTabGeneralGroupSpecificContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox, #settingsPanelTabGeneralRecipient #settingsPanelTabSpecificSignature .signatureTypeCheckbox, #settingsPanelTabSpecificSignature #settingsPanelTabSpecificSignature .signatureTypeCheckbox, .signatureTypeCheckbox #settingsPanelTabSpecificSignature .signatureTypeCheckbox {
        padding: 5px;
        margin: 0;
    }

        #settingsPanelTabGeneralGroupCommonContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox .sigTypeCheckBox, #settingsPanelTabGeneralGroupSpecificContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox .sigTypeCheckBox, #settingsPanelTabGeneralRecipient #settingsPanelTabSpecificSignature .signatureTypeCheckbox .sigTypeCheckBox, #settingsPanelTabSpecificSignature #settingsPanelTabSpecificSignature .signatureTypeCheckbox .sigTypeCheckBox, .signatureTypeCheckbox #settingsPanelTabSpecificSignature .signatureTypeCheckbox .sigTypeCheckBox, #settingsPanelTabGeneralGroupCommonContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabGeneralGroupSpecificContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabGeneralRecipient #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabSpecificSignature #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, .signatureTypeCheckbox #settingsPanelTabSpecificSignature .signatureTypeCheckbox label {
            float: left;
            margin: 0;
        }

        #settingsPanelTabGeneralGroupCommonContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabGeneralGroupSpecificContent #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabGeneralRecipient #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, #settingsPanelTabSpecificSignature #settingsPanelTabSpecificSignature .signatureTypeCheckbox label, .signatureTypeCheckbox #settingsPanelTabSpecificSignature .signatureTypeCheckbox label {
            margin-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 90%;
        }

.elementSettingsLabel, #formElementUserSetting {
    width: 100%;
}

    .elementSettingsLabel .btnWithIndicator .path1, #formElementUserSetting .btnWithIndicator .path1 {
        color: #35364a;
    }

    .elementSettingsLabel .btnWithIndicator .path2, #formElementUserSetting .btnWithIndicator .path2 {
        color: #fff;
    }

    .elementSettingsLabel .xyzmo-icon-paste .path1, #formElementUserSetting .xyzmo-icon-paste .path1 {
        color: #35364a;
    }

    .elementSettingsLabel .xyzmo-icon-paste .path2, #formElementUserSetting .xyzmo-icon-paste .path2 {
        color: #fff;
    }

.clearBoth {
    clear: both;
}

.clearBackGround {
    background-color: transparent;
    border-color: transparent;
}

.validation-error {
    border-color: #b50600 !important;
    border-style: solid !important;
}

.validation-warning {
    border-color: #c65015 !important;
    border-style: solid !important;
}

.customSwitch {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    height: 28px;
    z-index: 500;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #94949f;
    background: #fff;
}

    .customSwitch.disabledSwitch {
        cursor: not-allowed;
    }

        .customSwitch.disabledSwitch .switch-selection {
            background: #94949f;
        }

        .customSwitch.disabledSwitch > label {
            color: #94949f;
            cursor: not-allowed;
        }

            .customSwitch.disabledSwitch > label.selected-option {
                color: #fff;
                cursor: not-allowed;
            }

    .customSwitch.readonlySwitch {
        cursor: not-allowed;
    }

        .customSwitch.readonlySwitch > label {
            cursor: not-allowed;
        }

            .customSwitch.readonlySwitch > label.selected-option {
                cursor: not-allowed;
            }

    .customSwitch > label {
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        z-index: 501;
        min-width: 58px;
        line-height: 16px;
        top: 5px;
        font-size: 14px;
        color: #35364a;
        text-align: center;
        cursor: pointer;
        margin: 0;
        padding-left: 2px;
        padding-right: 2px;
        margin-right: 3px;
        margin-left: 3px;
    }

        .customSwitch > label.selected-option {
            color: #fff;
            text-shadow: 0 1px rgba(255,255,255,.25);
            -webkit-transition: left width height top .15s ease-out;
            -moz-transition: left width height top .15s ease-out;
            -o-transition: left width height top .15s ease-out;
            transition: left width height top .15s ease-out;
        }

.customSwitchContainer {
    line-height: 0;
}

.switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 58px;
    height: 22px;
    background: #35364a;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.5),0 0 2px #b4b7bb;
    box-shadow: inset 0 1px rgba(255,255,255,.5),0 0 2px #b4b7bb;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.spin {
    -webkit-animation: spin .9s infinite linear;
    -moz-animation: spin .9s infinite linear;
    -o-animation: spin .9s infinite linear;
    animation: spin .9s infinite linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(360deg);
    }

    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

#CheckBoxIsOrganizationTemplateContainer input, #SendAutomaticCCContainer input {
    margin: 0;
    float: left;
}

#CheckBoxIsOrganizationTemplateContainer label, #SendAutomaticCCContainer label {
    margin-left: 8px;
    margin-bottom: 0;
}

.textOverflowEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.envelopeDetailBulkRecipient {
    display: flex;
    display: -ms-flexbox;
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

    .envelopeDetailBulkRecipient:hover {
        background-color: #ebebed;
    }

.cursor-pointer {
    cursor: pointer;
}

.no-Outline {
    outline: none;
}

.setHoverStyle {
    background-color: #ebebed;
}

.listEntrySelected {
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

    .listEntrySelected:hover {
        background-color: #ebebed;
    }

.sendEnvelopeMessageContainer {
    color: #111820;
}

    .sendEnvelopeMessageContainer p {
        padding: 10px 20px 0 20px;
        word-wrap: break-word;
    }

    .sendEnvelopeMessageContainer .messageContent {
        border-top: 1px solid #cdcdd2;
        padding: 10px 20px;
        text-wrap: normal;
        word-break: break-word;
    }

#ExpiredAccount {
    color: #b50600;
    -webkit-transform: translate(0,50%);
    -moz-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    transform: translate(0,50%);
    float: left;
}

.bodyPreview {
    white-space: pre-line;
}

@keyframes animateBodyRight {
    0% {
        left: -33.3333%;
    }

    100% {
        left: 0%;
    }
}

#fields {
    margin-bottom: 1em;
}

.recipientMainMessage {
    white-space: pre-line;
}

.transitionAll {
    overflow: hidden;
    transition: all .2s ease-in;
}

.center-v-absolute {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.valid:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {
    border-style: solid;
    animation: inputValid 3.5s forwards;
}

.continue {
    min-height: 5rem;
}

    .continue.loading > .activityBtn {
        visibility: hidden;
    }

    .continue.loading > .activityIndicator {
        visibility: visible;
    }

    .continue .activityBtn {
        visibility: visible;
    }

    .continue .activityIndicator {
        visibility: hidden;
        position: absolute;
        left: calc(50% - 1rem);
        top: calc(50% - 1rem);
    }

.updateBtn.loading > .activityBtn {
    visibility: hidden;
}

.updateBtn.loading > .activityIndicator {
    visibility: visible;
}

.updateBtn .activityBtn {
    visibility: visible;
}

.updateBtn .activityIndicator {
    visibility: hidden;
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
}

@keyframes inputValid {
    0% {
        border-color: #94949f;
    }

    40% {
        border-color: #056e4b;
    }

    85% {
        border-color: #056e4b;
    }

    100% {
        border-color: #94949f;
    }
}

.collapseEntryUpdateButton {
    display: flex;
    flex-direction: row;
    margin-left: auto;
}

.inline-loading-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1051;
    top: 0;
    left: 0;
    background-color: #111820;
    opacity: 0;
    overflow: hidden;
    transition: .7s ease-in-out;
}

    .inline-loading-overlay > .center-vh-flex {
        height: 100%;
    }

        .inline-loading-overlay > .center-vh-flex > .activity-indicator {
            border-color: #fff;
            border-bottom-color: transparent;
        }

.checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
    animation: stroke .6s cubic-bezier(.65,0,.45,1) forwards;
}

.checkmark {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    position: relative;
}

.checkmark-circle-error {
    stroke: #b50600;
}

.checkmark-circle-success {
    stroke: #056e4b;
}

.checkmark-success {
    box-shadow: inset 0 0 0 #056e4b;
    animation: fill-success .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;
}

.checkmark-error {
    box-shadow: inset 0 0 0 #b50600;
    animation: fill-error .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;
}

.checkmark-check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;
    stroke-width: .6rem;
}

.cross-check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;
    stroke-width: .4rem;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%,100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1,1.1,1);
    }
}

@keyframes fill-success {
    100% {
        box-shadow: inset 0 0 0 30px #056e4b;
    }
}

@keyframes fill-error {
    100% {
        box-shadow: inset 0 0 0 30px #b50600;
    }
}

.containerWithInlineItems > * {
    display: inline;
    position: inherit;
}

.flexColumnParent {
    display: flex;
}

    .flexColumnParent .leftColumnFlex {
        min-width: 50%;
        flex-grow: 1;
        margin-right: .5rem;
    }

    .flexColumnParent .rightColumnFlex {
        min-width: 50%;
        flex-grow: 1;
        margin-left: .5rem;
    }

.stepperButton {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    margin-left: .25rem;
}

.form-container {
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid #ebebed;
    color: #111820;
}

.apiTokenRoot .collapseEntryUpdateButton {
    margin-bottom: 15px;
}

.addRoleForm .userEditor {
    margin-bottom: 1rem;
}

    .addRoleForm .userEditor .header {
        margin-bottom: 1rem;
    }

    .addRoleForm .userEditor .userList {
        display: flex;
        flex-wrap: wrap;
        max-height: 10rem;
        overflow-y: auto;
        padding-bottom: .8rem;
    }

        .addRoleForm .userEditor .userList .user {
            margin: .5rem 1rem .5rem 0;
            padding: .5rem 1rem;
            background-color: rgba(53,54,74,.2);
            display: flex;
            align-items: center;
            border-radius: 2rem;
            font-size: 14px;
        }

            .addRoleForm .userEditor .userList .user .nameLabel {
                margin-right: .3rem;
                cursor: pointer;
            }

            .addRoleForm .userEditor .userList .user .removeIcon {
                padding: 0;
                font-size: 1.6rem;
                font-weight: bold;
                cursor: pointer;
            }

.addRoleForm .buttonContainer {
    display: flex;
    justify-content: flex-end;
}


    .permissionEditor .permissionGroup:not(:last-child) {
        margin-bottom: 2rem;
    }

    .permissionEditor .permissionGroup .groupHeader {
        display: flex;
        justify-content: space-between;
    }

        .permissionEditor .permissionGroup .groupHeader .groupName {
            cursor: pointer;
            color: #35364a;
        }

            .permissionEditor .permissionGroup .groupHeader .groupName:hover {
                color: #555667;
            }

                .permissionEditor .permissionGroup .groupHeader .groupName:hover .groupNameIcon {
                    color: #555667;
                }

            .permissionEditor .permissionGroup .groupHeader .groupName .groupNameIcon {
                padding: 0;
                color: #35364a;
            }

    .permissionEditor .permissionGroup .splitter {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #ebebed;
        width: 100%;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .permissionEditor .permissionGroup .groupPermissions {
        margin-left: 3rem;
    }

        .permissionEditor .permissionGroup .groupPermissions .splitter:last-child {
            display: none;
        }

        .permissionEditor .permissionGroup .groupPermissions .permissionLine {
            display: flex;
            justify-content: space-between;
        }

            .permissionEditor .permissionGroup .groupPermissions .permissionLine:hover {
                background: #ebebed;
                border-radius: .5rem;
            }

.optionBlock {
    color: #b50600 !important;
}

.optionBlockSelected {
    background: #b50600;
}

.animateRotation {
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}

.arrowRotateUp {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.arrowRotateDown {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.errorTextOverlay {
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
}

    .errorTextOverlay .retry {
        cursor: pointer;
        text-decoration: underline;
    }

.btn-plain {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #35364a;
}

    .btn-plain:hover {
        color: #555667;
    }

    .btn-plain:focus {
        outline: none;
    }

    .btn-plain[disabled] {
        color: #94949f;
    }

        .btn-plain[disabled]:hover {
            color: #94949f;
        }

.btn-addPageRead {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: inherit;
    text-transform: none;
    max-width: 100%;
}

.btn-flat {
    background-color: transparent;
    border: 0;
    color: #35364a;
}

    .btn-flat:hover {
        color: #555667;
    }

        .btn-flat:hover .xyzmo-hover:not([disabled]) {
            color: #555667;
        }

    .btn-flat:focus {
        outline: none;
    }

    .btn-flat[disabled] {
        color: #94949f;
    }

        .btn-flat[disabled]:hover {
            color: #94949f;
        }

.size-2rem {
    font-size: 2rem;
}

.searchBar {
    position: relative;
    display: flex;
}

    .searchBar .searchIcon {
        font-size: 1.8rem;
        background: transparent;
        position: absolute;
        z-index: 1000;
        align-self: center;
    }

    .searchBar .btn-search:focus {
        z-index: 5;
    }

li.addressbook-entry {
    padding: .5rem;
}

    li.addressbook-entry div.content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: none;
        width: 100%;
    }

        li.addressbook-entry div.content .adr-name {
            font-size: 15px;
            color: #111820;
        }

        li.addressbook-entry div.content .adr-source {
            font-size: 13px;
            color: #111820;
            padding: 0;
        }

    li.addressbook-entry:hover {
        background-color: #ebebed;
    }

        li.addressbook-entry:hover div.content .adr-name, li.addressbook-entry:hover div.content .adr-source {
            color: #111820;
        }

.bubbleWithIconLeftAndRight {
    margin: .5rem 1rem .5rem 0;
    padding: .5rem 1rem;
    background-color: rgba(53,54,74,.2);
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
}

    .bubbleWithIconLeftAndRight .nameLabel {
        font-size: 14px;
        color: #111820;
    }

    .bubbleWithIconLeftAndRight .removeIcon {
        font-size: 1.6rem;
        margin-left: 8px;
        padding: 0;
    }

    .bubbleWithIconLeftAndRight:has(.xyzmo-icon-status-completed) {
        background-color: #cde2db;
    }

    .bubbleWithIconLeftAndRight .xyzmo-icon-status-completed {
        font-size: large;
    }

.rolesAndPermission {
    max-width: 120rem;
    min-width: 65rem;
}

.phoneNumberInput {
    min-width: 20rem;
    width: auto;
    flex-grow: 1;
}

.text-button {
    font-weight: bold;
    border: 0;
    background-color: transparent;
    color: #35364a;
    cursor: pointer;
    float: right;
}

.oAuthApp {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    padding-bottom: 2rem;
}

    .oAuthApp .appName {
        min-width: 20%;
        max-width: 20%;
    }

        .oAuthApp .appName .infoIcon {
            cursor: pointer;
        }

        .oAuthApp .appName div {
            display: inline-block;
            vertical-align: middle;
        }

    .oAuthApp .appDescription {
        text-align: justify;
        margin-right: 2rem;
        margin-left: 2rem;
    }


.apiTokenContainer .isDragHandler {
    display: none;
}

.isDragHandler {
    font-size: 20px;
    cursor: move;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 1rem;
}

#btnBuySubscription {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    padding: 7px 21px;
}

    #btnBuySubscription .xyzmo-icon-buy {
        font-weight: 600;
    }

.oAuthApp:not(:last-child) {
    border-bottom: 1px solid #ebebed;
}

input[type="radio"][name="delegationGroup"] {
    margin-right: 5px;
}

.label-tablelike-20rem {
    margin-bottom: .5rem;
    max-width: 24.4rem;
}

    .label-tablelike-20rem > label {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 0;
    }

        .label-tablelike-20rem > label > label {
            align-self: center;
        }

        .label-tablelike-20rem > label > span {
            width: 20rem;
            max-width: calc(100% - 4.4rem);
            display: inline-block;
        }

.markupErrors {
    overflow-y: auto;
    max-height: 40rem;
}

.allow-horizontal-overflow {
    overflow-x: visible;
}

.designer-element-setting-input-flex-label.inline > label {
    align-items: center;
}

.designer-element-setting-input-flex-label.inline:not(.simple) > label {
    flex-direction: row;
    justify-content: space-between;
}

.designer-element-setting-input-flex-label.inline.simple > label {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
}

.designer-element-setting-input-flex-label > label {
    display: flex;
    flex-direction: column;
}

    .designer-element-setting-input-flex-label > label > label.ui-switch.switch-small {
        min-width: 4rem;
    }

.cbx-form-group.overflow-hidden span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cbx-form-group.row-reverse > label {
    flex-direction: row-reverse;
    justify-content: start;
}

    .cbx-form-group.row-reverse > label > input {
        margin: 0;
    }

    .cbx-form-group.row-reverse > label > span {
        margin: 0 0 0 .5rem;
    }

.cbx-form-group > label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

    .cbx-form-group > label > label.ui-switch.switch-small {
        min-width: 4rem;
    }

.designer-settings-header {
    flex-basis: 100%;
    font-weight: bold;
}

.setting-number-input {
    width: 4.5rem;
}

@media(max-width: 650px) {
    .sidebar-main .navbar .logo-placeholder-expanded {
        width: 100px;
        margin-left: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    #btnBuySubscription span {
        display: none;
    }

    #btnBuySubscription .xyzmo-icon-buy {
        margin-right: 5px;
        margin-left: 5px;
    }
}

@media(min-width: 651px) {
    .sidebar-main .navbar .logo-placeholder-expanded {
        width: 250px;
    }
}

@media(max-width: 767px) {
    .loginPageImg {
        margin-bottom: 40px;
        max-width: 300px;
    }

    .forgotPageImg {
        margin-bottom: 40px;
        max-width: 300px;
    }

    .mainPageLargeBtn {
        width: 120px;
        height: 35px;
        font-size: 1.7rem;
        line-height: 35px;
        padding: 0;
    }

        .mainPageLargeBtn:hover {
            font-size: 17px;
        }

    .mainPageEnvelopStatus li {
        margin-bottom: 15px;
    }

        .mainPageEnvelopStatus li .documentSection .titleNumber {
            font-size: 2.5rem;
            padding-top: 3px;
        }

    .upload-icon.small i {
        font-size: 18px;
        padding: 0;
    }

    .documentSection h5 {
        margin-top: 10px;
    }

    .text-left {
        text-align: left !important;
    }

    #top_notification_bar {
        min-height: 0;
        margin-bottom: 0;
    }

    .base-layout-right .page-content {
        margin: 0 20px 60px;
    }

    .notification-container .options-container {
        margin-left: 0;
    }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-top: -1px;
    }

    .toggle-btn {
        display: none;
    }

    .sidebar-main .navbar ul li.drpdwn a.main-navigation-item:focus {
        width: 90% !important;
    }

    .sidebar-main .navbar ul li.drpdwn .item-arrow {
        margin-top: -40px;
    }

    .sidebar-main .navbar ul li.drpdwn:last-of-type:focus-within {
        padding-bottom: .25rem;
    }

    .sidebar-main .nav-head {
        margin: 0 -15px;
    }

    .sidebar-main .navbar-nav {
        margin: 0 -15px;
    }

        .sidebar-main .navbar-nav .open .sidebar-subtitles1 {
            padding-top: 0;
            border-radius: 0;
            padding-bottom: 0;
        }

        .sidebar-main .navbar-nav .open .sidebar-subtitles2 {
            border-radius: 0;
            padding-top: 0;
        }

            .sidebar-main .navbar-nav .open .sidebar-subtitles2 a {
                color: #111820;
            }

    .navbar-user-settings.open .dropdown-menu.dropdown-user {
        right: 5rem;
    }

    .navbar.navbar-bottom .dropdown-same-width.open ul {
        border: none;
    }

        .navbar.navbar-bottom .dropdown-same-width.open ul li a {
            color: #fff;
        }

            .navbar.navbar-bottom .dropdown-same-width.open ul li a:hover {
                background-color: #555667;
                color: #fff;
            }

    .internal-row {
        margin: 0;
    }

    #file_list_sortable {
        float: none;
        overflow: hidden;
        position: static;
    }

    #uploadAndTemplateContainer {
        width: 100%;
    }
}

@media(min-width: 768px) {
    .loginPageImg {
        margin-bottom: 40px;
        max-width: 300px;
    }

    .vertical-divider {
        border-right: 1px solid #cdcdd2;
    }

    .forgotPageImg {
        margin-bottom: 40px;
        max-width: 300px;
    }

    .mainPageLargeBtn {
        width: 140px;
        height: 40px;
        font-size: 2rem;
        line-height: 40px;
        padding: 0;
    }

        .mainPageLargeBtn:hover {
            font-size: 20px;
        }

    .mainPageEnvelopStatus li {
        margin-bottom: 15px;
    }

        .mainPageEnvelopStatus li .documentSection .titleNumber {
            font-size: 3rem;
            padding-top: 3px;
        }

    .mainPageH2 {
        font-size: 2.4rem;
    }

    .mainPageH4 {
        font-size: 1.7rem;
    }

    .upload-icon.small i {
        font-size: 22px;
        padding: 0 4px;
    }

    #top_notification_bar {
        min-height: 50px;
        margin-bottom: 20px;
    }

    .recipient-text {
        font-size: 14px;
    }

    footer {
        position: fixed;
        padding-bottom: 5px;
        width: 250px;
    }

    .base-layout-right {
        margin-left: 250px;
        height: 100%;
        position: absolute;
        width: calc(100% - 250px);
    }

        .base-layout-right .page-header-user-settings {
            padding: 18px 0;
        }

        .base-layout-right .page-content {
            margin: 0 20px 10px 20px;
        }

            .base-layout-right .page-content.with-bottom-bar {
                margin: 0 20px 55px 20px;
            }

        .base-layout-right.collapsed {
            margin-left: 47px;
            width: calc(100% - 47px);
            height: 100%;
            position: absolute;
        }

            .base-layout-right.collapsed.standalone-layout {
                margin-left: auto;
                width: 100%;
            }

    .panel-footer-main.collapsed {
        display: none;
    }

    .xyzmo-nav-burger-menu {
        display: none;
    }

    .navbar-envelope-bottom .navbar-nav:not(.navbar-right) + .navbar-right::before {
        position: absolute;
        height: 35px;
        bottom: 14%;
        border: 1px solid #94949f;
    }

    .navbar-envelope-bottom .buttons-container {
        float: right;
    }

    .sidebar-main .navbar .logo-placeholder-expanded {
        width: 100%;
    }

    .sidebar-main.collapsed {
        width: 47px;
    }

        .sidebar-main.collapsed .logo-placeholder-expanded {
            display: none;
        }

        .sidebar-main.collapsed .logo-placeholder-collapsed {
            display: inline-block;
        }

        .sidebar-main.collapsed .nav-head a {
            padding-top: 1px;
            padding-bottom: 1px;
            padding-left: 7px;
        }

            .sidebar-main.collapsed .nav-head a span {
                display: none;
            }

            .sidebar-main.collapsed .nav-head a .new-doc-img-placeholder {
                display: block;
            }

            .sidebar-main.collapsed .nav-head a .xyzmo-icon-new-doc {
                padding: 8px 0 8px 0;
                font-size: 2.3rem;
                float: left;
            }

        .sidebar-main.collapsed .nav-head .toggle-btn {
            margin-left: 3px;
        }

            .sidebar-main.collapsed .nav-head .toggle-btn i {
                font-family: "xyzmo";
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: unset;
            }

                .sidebar-main.collapsed .nav-head .toggle-btn i .with-hover:hover {
                    cursor: pointer;
                    text-decoration: none;
                }

                .sidebar-main.collapsed .nav-head .toggle-btn i:before {
                    content: "";
                }

        .sidebar-main.collapsed .navbar ul li .item-arrow {
            display: none;
        }

        .sidebar-main.collapsed #navigation-content li a {
            padding: 15px 8px;
        }

            .sidebar-main.collapsed #navigation-content li a.item-arrow {
                display: none;
            }

        .sidebar-main.collapsed #navigation-content li b {
            display: none;
        }

        .sidebar-main.collapsed #navigation-content li span {
            display: none;
        }

        .sidebar-main.collapsed #navigation-content li ul {
            display: none;
        }

        .sidebar-main.collapsed li.impersonate .header {
            margin-bottom: 113px !important;
        }

            .sidebar-main.collapsed li.impersonate .header .xyzmo-icon-user {
                margin-left: -7px;
            }

        .sidebar-main.collapsed li.impersonate .user-text {
            display: none;
        }

        .sidebar-main.collapsed li.impersonate .end-action #btnCancelImpersonate {
            display: none;
        }

        .sidebar-main.collapsed li.impersonate .end-action #iconCancelImpersonate {
            display: inline-block !important;
            font-size: 2rem;
        }

        .sidebar-main.collapsed li.impersonate .end-action:hover #iconCancelImpersonate {
            background-color: #910500;
        }

    .panel-footer-main {
        width: 248px;
    }

    .sidebar-main {
        width: 250px;
        height: 100%;
        border-right: 1px solid #ebebed;
        float: left;
    }

        .sidebar-main .navbar .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            border: 0;
            box-shadow: none;
        }

        .sidebar-main .navbar .navbar-nav .open .sidebar-subtitles2 {
            border-radius: 0;
            padding-top: 0;
        }

            .sidebar-main .navbar .navbar-nav .open .sidebar-subtitles2 a {
                color: #111820;
            }

        .sidebar-main .navbar .navbar-nav .open .sidebar-subtitles1 {
            border-radius: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        .sidebar-main .navbar .navbar-header {
            float: none !important;
        }

            .sidebar-main .navbar .navbar-header .navbar-user-settings a {
                display: none;
            }

            .sidebar-main .navbar .navbar-header .navbar-user-settings span {
                display: none;
            }

        .sidebar-main .navbar .navbar-collapse {
            padding: 0;
            max-height: none;
        }

        .sidebar-main .navbar ul {
            float: none;
        }

            .sidebar-main .navbar ul:not {
                display: block;
            }

        .sidebar-main .navbar li {
            float: none;
        }

    #file_list_sortable {
        width: 75%;
        float: left;
    }

    #uploadAndTemplateContainer {
        width: 25%;
    }

    #recipientsList .authDetails > div {
        max-width: 45rem;
    }
}

@media(min-width: 992px) {
    #loginLink {
        font-size: 16px;
        padding: 5px 15px;
    }

    #registerLink {
        font-size: 16px;
        padding: 5px 15px;
    }

    .loginPageImg {
        margin-bottom: 60px;
    }

    .internal-row {
        margin: 0;
    }

    .upload-icon.small {
        padding: 0 1px;
    }

    .text-icon-clipboard {
        text-align: center;
    }

    #downloadFinishedEnvelopes {
        text-align: left;
    }

    .mainPageH2 {
        font-size: 1.7rem;
    }

    .mainPageH4 {
        font-size: 1.2rem;
    }

    .toTheLeft {
        width: 49%;
        float: left;
    }

    .toTheRight {
        width: 49%;
        float: right;
    }
}

@media(min-width: 1200px) {
    .actionContainer {
        margin: 2%;
    }

    .upload-icon.small {
        text-decoration: none;
        font-size: 2rem;
        cursor: pointer;
        padding: 0 0;
    }

    #recipientsList .dragControl .isMoveHandler {
        width: 4rem;
    }

    #recipientsList .panelControl {
        min-width: 19.5rem;
    }
}

@media(min-width: 1300px) {
    .mainPageLargeBtn {
        width: 140px;
        height: 40px;
        font-size: 2rem;
        line-height: 40px;
        padding: 0;
    }

        .mainPageLargeBtn:hover {
            font-size: 20px;
        }

    .mainPageEnvelopStatus li {
        margin-bottom: 15px;
    }

    .mainPageH2 {
        font-size: 2.4rem;
    }

    .mainPageH4 {
        font-size: 1.7rem;
    }

    .btn-group {
        max-width: 1007px;
        float: none;
        margin: 0 auto;
    }

    .payment-placeholder-business {
        height: 103px;
    }
}

@media(min-width: 1600px) {
    #top_notification_bar {
        min-height: 50px;
        margin-bottom: 20px;
    }

    .paymentTypeContainer {
        width: 25%;
    }

    .paymentFeatureCheckmark {
        margin-left: 0;
    }

    .paymentFeatureText {
        padding: 0;
        width: 80%;
    }

    #divPersonal {
        max-width: 650px;
    }

    .payment-placeholder {
        height: 103px;
    }
}

@media(max-width: 1199px) {
    #recipientsList .input-group, #recipientsList .inlineInput {
        display: table;
        width: 100% !important;
    }

        #recipientsList .input-group .uploadBtnGroupAddon, #recipientsList .inlineInput .uploadBtnGroupAddon {
            display: table-cell !important;
        }

    #recipientsList .dragControl {
        flex-direction: column !important;
        -ms-flex-direction: column !important;
        border-style: dotted;
        border-width: 1px;
        border-radius: 2rem;
    }

        #recipientsList .dragControl .isMoveHandler {
            height: 100%;
            width: 2rem;
        }

    #recipientsList .inputSection > div.input-group:first-child {
        margin-left: 46px;
    }

    #recipientsList .panelControl {
        padding-left: 1rem;
        flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        border-left-style: double;
        border-color: #94949f;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .base-layout-right:not(.collapsed) .flexColumnParent {
        display: block;
    }

        .base-layout-right:not(.collapsed) .flexColumnParent .leftColumnFlex {
            margin-right: 0;
            width: 100%;
        }

        .base-layout-right:not(.collapsed) .flexColumnParent .rightColumnFlex {
            margin-left: 0;
            width: 100%;
        }
}

@media(max-width: 951px) {
    .base-layout-right.collapsed .flexColumnParent {
        display: block;
    }

        .base-layout-right.collapsed .flexColumnParent .leftColumnFlex {
            margin-right: 0;
            width: 100%;
        }

        .base-layout-right.collapsed .flexColumnParent .rightColumnFlex {
            margin-left: 0;
            width: 100%;
        }
}