@import "https://fonts.googleapis.com/css?family=Muli:300,400";

html, body {
    font-family: "Muli", sans-serif;
    font-weight: 300
}

html {
    font-size: 100%
}

body {
    line-height: 1.125em;
    font-size: 1rem
}

@viewport {
    width: device-width
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.left {
    float: left
}

.right {
    float: right
}

html {
    margin: 0;
    padding: 0;
    height: 100%
}

html body {
    margin: 0;
    padding: 0
}

html body #pg {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    background: #f4f4f4
}

p {
    margin: 0 0 11px 0;
    line-height: 1.375em
}

b, strong {
    font-weight: bold
}

a, a:link, a:visited {
    text-decoration: none;
    color: #5873b1
}

a:hover {
    color: #445c92
}

hr {
    border: 0;
    height: 1px;
    background: #b9b9b9
}

.nowrap {
    white-space: nowrap
}
.table tbody tr:hover {
    background-color: #b9b9b9;
}
.bootstrap-table .fixed-table-container .fixed-table-body {
    height: auto
}


.w100 {
    width: 100% !important
}

.w90 {
    width: 90% !important
}

.w80 {
    width: 80% !important
}

.w75 {
    width: 75% !important
}

.w70 {
    width: 70% !important
}

.w66 {
    width: 66.6666% !important
}

.w60 {
    width: 60% !important
}

.w50 {
    width: 50% !important
}

.w40 {
    width: 40% !important
}

.w33 {
    width: 33.3333% !important
}

.w30 {
    width: 30% !important
}

.w25 {
    width: 25% !important
}

.w20 {
    width: 20% !important
}

.w10 {
    width: 10% !important
}

.minw25 {
    min-width: 25% !important
}

button.btn, a.btn, .btn {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    display: inline-block;
    outline: 0;
    margin: 0;
    padding: 11px;
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    background: #fff;
    line-height: 22px;
    font-weight: 300;
    color: #000
}

button.btn .icon, a.btn .icon, .btn .icon {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px 0 0;
    width: 22px;
    height: 22px;
    color: #515151
}

button.btn .icon i, a.btn .icon i, .btn .icon i {
    vertical-align: middle;
    line-height: inherit
}

button.btn .text, a.btn .text, .btn .text {
    display: inline-block;
    vertical-align: middle
}

button.btn:active, button.btn:focus, a.btn:active, a.btn:focus, .btn:active, .btn:focus {
    outline: 0;
    box-shadow: none
}

button.btn:hover, a.btn:hover, .btn:hover {
    border-color: #445c92;
    background: #445c92;
    color: #fff
}

button.btn:hover .icon, button.btn:hover .glyphicon, a.btn:hover .icon, a.btn:hover .glyphicon, .btn:hover .icon, .btn:hover .glyphicon {
    color: #fff
}

button.btn:hover:focus, button.btn:hover:active, a.btn:hover:focus, a.btn:hover:active, .btn:hover:focus, .btn:hover:active {
    outline: 0;
    color: #fff
}

button.btn:hover:focus .icon, button.btn:hover:focus .glyphicon, button.btn:hover:active .icon, button.btn:hover:active .glyphicon, a.btn:hover:focus .icon, a.btn:hover:focus .glyphicon, a.btn:hover:active .icon, a.btn:hover:active .glyphicon, .btn:hover:focus .icon, .btn:hover:focus .glyphicon, .btn:hover:active .icon, .btn:hover:active .glyphicon {
    color: #fff
}

button.btn.btn-sm, a.btn.btn-sm, .btn.btn-sm {
    padding: 5.5px 8.25px;
    font-size: .875em
}

button.btn.btn-sm .icon, a.btn.btn-sm .icon, .btn.btn-sm .icon {
    margin-right: 8.25px
}

button.btn.btn-default:focus, button.btn.btn-default:active, button.btn.btn-default:hover, a.btn.btn-default:focus, a.btn.btn-default:active, a.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover {
    border-color: #445c92;
    background: #445c92;
    color: #fff
}

button.btn.btn-default:focus .icon, button.btn.btn-default:focus .glyphicon, button.btn.btn-default:active .icon, button.btn.btn-default:active .glyphicon, button.btn.btn-default:hover .icon, button.btn.btn-default:hover .glyphicon, a.btn.btn-default:focus .icon, a.btn.btn-default:focus .glyphicon, a.btn.btn-default:active .icon, a.btn.btn-default:active .glyphicon, a.btn.btn-default:hover .icon, a.btn.btn-default:hover .glyphicon, .btn.btn-default:focus .icon, .btn.btn-default:focus .glyphicon, .btn.btn-default:active .icon, .btn.btn-default:active .glyphicon, .btn.btn-default:hover .icon, .btn.btn-default:hover .glyphicon {
    color: #fff
}

button.btn.btn-default:focus:focus, button.btn.btn-default:focus:active, button.btn.btn-default:active:focus, button.btn.btn-default:active:active, button.btn.btn-default:hover:focus, button.btn.btn-default:hover:active, a.btn.btn-default:focus:focus, a.btn.btn-default:focus:active, a.btn.btn-default:active:focus, a.btn.btn-default:active:active, a.btn.btn-default:hover:focus, a.btn.btn-default:hover:active, .btn.btn-default:focus:focus, .btn.btn-default:focus:active, .btn.btn-default:active:focus, .btn.btn-default:active:active, .btn.btn-default:hover:focus, .btn.btn-default:hover:active {
    outline: 0;
    color: #fff
}

button.btn.btn-default:focus:focus .icon, button.btn.btn-default:focus:focus .glyphicon, button.btn.btn-default:focus:active .icon, button.btn.btn-default:focus:active .glyphicon, button.btn.btn-default:active:focus .icon, button.btn.btn-default:active:focus .glyphicon, button.btn.btn-default:active:active .icon, button.btn.btn-default:active:active .glyphicon, button.btn.btn-default:hover:focus .icon, button.btn.btn-default:hover:focus .glyphicon, button.btn.btn-default:hover:active .icon, button.btn.btn-default:hover:active .glyphicon, a.btn.btn-default:focus:focus .icon, a.btn.btn-default:focus:focus .glyphicon, a.btn.btn-default:focus:active .icon, a.btn.btn-default:focus:active .glyphicon, a.btn.btn-default:active:focus .icon, a.btn.btn-default:active:focus .glyphicon, a.btn.btn-default:active:active .icon, a.btn.btn-default:active:active .glyphicon, a.btn.btn-default:hover:focus .icon, a.btn.btn-default:hover:focus .glyphicon, a.btn.btn-default:hover:active .icon, a.btn.btn-default:hover:active .glyphicon, .btn.btn-default:focus:focus .icon, .btn.btn-default:focus:focus .glyphicon, .btn.btn-default:focus:active .icon, .btn.btn-default:focus:active .glyphicon, .btn.btn-default:active:focus .icon, .btn.btn-default:active:focus .glyphicon, .btn.btn-default:active:active .icon, .btn.btn-default:active:active .glyphicon, .btn.btn-default:hover:focus .icon, .btn.btn-default:hover:focus .glyphicon, .btn.btn-default:hover:active .icon, .btn.btn-default:hover:active .glyphicon {
    color: #fff
}

button.btn.btn-primary, a.btn.btn-primary, .btn.btn-primary {
    border-color: #5873b1;
    background: #5873b1;
    color: #fff
}

button.btn.btn-primary .icon, a.btn.btn-primary .icon, .btn.btn-primary .icon {
    color: #fff
}

button.btn.btn-primary:active, button.btn.btn-primary:focus, button.btn.btn-primary:hover, a.btn.btn-primary:active, a.btn.btn-primary:focus, a.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    border-color: #223765;
    background: #223765
}

button.btn.btn-secondary, a.btn.btn-secondary, .btn.btn-secondary {
    border-color: #b9b9b9;
    background: #f8f8f8;
    color: #828282
}

button.btn.btn-secondary .icon, a.btn.btn-secondary .icon, .btn.btn-secondary .icon {
    color: #828282
}

button.btn.btn-secondary:active, button.btn.btn-secondary:focus, button.btn.btn-secondary:hover, a.btn.btn-secondary:active, a.btn.btn-secondary:focus, a.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover {
    border-color: #a7a7a7 !important;
    background: #fff !important;
    color: #373737 !important
}

button.btn.btn-secondary:active .icon, button.btn.btn-secondary:focus .icon, button.btn.btn-secondary:hover .icon, a.btn.btn-secondary:active .icon, a.btn.btn-secondary:focus .icon, a.btn.btn-secondary:hover .icon, .btn.btn-secondary:active .icon, .btn.btn-secondary:focus .icon, .btn.btn-secondary:hover .icon {
    color: #373737 !important
}

button.btn.btn-secondary:active .text, button.btn.btn-secondary:focus .text, button.btn.btn-secondary:hover .text, a.btn.btn-secondary:active .text, a.btn.btn-secondary:focus .text, a.btn.btn-secondary:hover .text, .btn.btn-secondary:active .text, .btn.btn-secondary:focus .text, .btn.btn-secondary:hover .text {
    color: #373737 !important
}

button.btn.btn-cancel:hover, button.btn.btn-delete:hover, a.btn.btn-cancel:hover, a.btn.btn-delete:hover, .btn.btn-cancel:hover, .btn.btn-delete:hover {
    border-color: #c00 !important;
    background-color: #c00 !important
}

button.btn.btn-cancel:hover .icon, button.btn.btn-delete:hover .icon, a.btn.btn-cancel:hover .icon, a.btn.btn-delete:hover .icon, .btn.btn-cancel:hover .icon, .btn.btn-delete:hover .icon {
    color: #fff !important
}

button.btn.btn-cancel:hover .text, button.btn.btn-delete:hover .text, a.btn.btn-cancel:hover .text, a.btn.btn-delete:hover .text, .btn.btn-cancel:hover .text, .btn.btn-delete:hover .text {
    color: #fff !important
}

button.btn.btn-ok:hover, a.btn.btn-ok:hover, .btn.btn-ok:hover {
    border-color: #00b300 !important;
    background-color: #00b300 !important
}

button.btn.btn-ok:hover .icon, a.btn.btn-ok:hover .icon, .btn.btn-ok:hover .icon {
    color: #fff !important
}

button.btn.btn-ok:hover .text, a.btn.btn-ok:hover .text, .btn.btn-ok:hover .text {
    color: #fff !important
}

button.btn.btn-password-showhide .on, a.btn.btn-password-showhide .on, .btn.btn-password-showhide .on {
    display: none
}

button.btn.btn-password-showhide .off, a.btn.btn-password-showhide .off, .btn.btn-password-showhide .off {
    display: inline-block
}

button.btn.btn-password-showhide.active .on, a.btn.btn-password-showhide.active .on, .btn.btn-password-showhide.active .on {
    display: inline-block
}

button.btn.btn-password-showhide.active .off, a.btn.btn-password-showhide.active .off, .btn.btn-password-showhide.active .off {
    display: none
}

.btn-light.disabled, .btn-light:disabled {
    opacity: 1;
    border-color: #b9b9b9;
    background-color: #f4f4f4
}

form {
    margin: 0
}

.form-intro {
    margin: 0 0 33px 0
}

.form-section {
    margin: 0 0 33px 0;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 0 22px 0
}

.form-section:last-of-type {
    margin-bottom: 66px;
    border-bottom: 0;
    padding-bottom: 0
}

.form-section-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.form-section-header nav.actions .btn {
    margin-bottom: 5.5px
}

.form-section-header nav.actions .btn:last-child {
    margin-bottom: 11px
}

@media (min-width: 480px) {
    .form-section-header {
        flex-direction: row
    }
}

.form-section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 11px 0;
    font-size: 1.4em;
    color: #344b7e
}

.form-section-title .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8.25px 0 0;
    width: 22px;
    height: 22px
}

.form-section-title .icon i {
    font-size: .85em
}

.form-section-intro {
    margin: 0 0 22px 0
}

.form-group {
    margin: 0 0 11px 0
}

.form-group.ghost-form-label {
    padding-top: 5.5px
}

@media (min-width: 992px) {
    .form-group.ghost-form-label {
        padding-top: 21.89px
    }
}

.form-label {
    margin: 0 0 2.75px 0;
    min-height: 19.25px
}

.form-label.title {
    margin: auto;
    width: 100%
}

.form-control {
    border-color: #b9b9b9;
    border-radius: 6px;
    padding: 5.5px 11px;
    min-height: 44px;
    min-width: 0;
    line-height: 32px;
    font-size: 1em;
    color: #000
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f4f4f4;
    color: #373737;
    cursor: not-allowed
}

textarea.form-control {
    min-height: 132px
}

.form-select {
    border-radius: 6px;
    padding: 5.5px 11px;
    min-height: 44px;
    line-height: 32px;
    font-size: 1em;
    color: #000
}

.form-select .dropdown-menu {
    line-height: 22px
}

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 5.5px;
    background: #e1e6f0
}

.bs-actionsbox .form-control:active, .bs-actionsbox .form-control:focus, .bs-donebutton .form-control:active, .bs-donebutton .form-control:focus, .bs-searchbox .form-control:active, .bs-searchbox .form-control:focus {
    border-color: #b9b9b9;
    outline: 0;
    box-shadow: none
}

.bs-searchbox + .bs-actionsbox, .bs-actionsbox {
    padding: 5.5px;
    padding-bottom: 11px;
    background: #e1e6f0
}

.bs-searchbox + .bs-actionsbox .btn-group, .bs-actionsbox .btn-group {
    display: flex;
    align-items: stretch
}

.bs-searchbox + .bs-actionsbox .btn-group .btn, .bs-actionsbox .btn-group .btn {
    padding: 5.5px;
    font-size: .8em
}

.bs-searchbox + .bs-actionsbox .btn-group .btn.bs-select-all:hover, .bs-actionsbox .btn-group .btn.bs-select-all:hover {
    border-color: transparent;
    background: green
}

.bs-searchbox + .bs-actionsbox .btn-group .btn.bs-deselect-all:hover, .bs-actionsbox .btn-group .btn.bs-deselect-all:hover {
    border-color: transparent;
    background: red
}

.bs-searchbox + .bs-actionsbox .btn-group .btn:first-child, .bs-actionsbox .btn-group .btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.bs-searchbox + .bs-actionsbox .btn-group .btn:last-child, .bs-actionsbox .btn-group .btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.bootstrap-select.form-select {
    border: 0;
    padding: 0
}

.bootstrap-select .inner:not(:first-child) {
    border-top: 1px solid #b9b9b9
}

.bootstrap-select .inner:not(:first-child) .dropdown-menu > li:first-child .dropdown-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: 11px;
    top: 11px
}

.daterangepicker {
    box-shadow: 0 2.75px 5.5px rgba(0, 0, 0, .1)
}

.daterangepicker .ranges li.active {
    background: #5873b1
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #5873b1
}

.daterangepicker td.in-range {
    background-color: #f0f2f7
}

.daterangepicker td.end-date.in-range {
    background-color: #5873b1
}

.daterangepicker td.off {
    background-color: transparent !important
}

.form-control-help {
    margin: 2.75px 0 0 0;
    font-size: .9em;
    color: #828282
}

.form-check-input {
    height: 22px;
    min-width: 22px;
    cursor: pointer
}

.form-check-input[type=checkbox]:indeterminate, .form-check-input:checked {
    background-color: #5873b1;
    border-color: #5873b1
}

input.form-check {
    height: 22px;
    min-width: 22px;
    cursor: pointer
}

input.form-check[type=radio]:indeterminate, input.form-check:checked {
    background-color: #5873b1;
    border-color: #5873b1;
    color: #fff
}

.form-check-label {
    display: block;
    user-select: none;
    cursor: pointer;
    cursor: pointer
}

.form-switch .form-check-input {
    margin-top: 0;
    margin-left: -41.25px;
    border-radius: 11px;
    width: 44px
}

.form-switch .form-check-label {
    margin-top: 1.375px;
    margin-left: 11px
}

.form-check.receipt {
    display: flex;
    align-items: center
}

.form-check.receipt input {
    margin-right: 11px
}

.form-disable-drawer {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    overflow: hidden;
    height: 0
}

.form-disable-drawer.show {
    height: auto
}

.form-submit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 11px 0;
    padding: 11px 0 0 0
}

.form-submit .btn {
    margin: 0 0 11px 0;
    width: 100%
}

.form-submit .btn:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 479px) {
    .form-submit .btn {
        margin: 0;
        width: auto
    }
}

.help-block:last-child {
    margin-bottom: 0
}

input[type=file] {
    position: relative
}

.form-file-upload {
    position: relative
}

.form-file-upload input.file-upload-input {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    vertical-align: top;
    border-radius: 6px;
    width: .1px;
    height: .1px;
    opacity: 0
}

.form-file-upload input.file-upload-input:focus ~ .file-upload-button {
    border-radius: 6px;
    outline: 1px dotted #344b7e;
    outline: -webkit-focus-ring-color auto 5px
}

.form-file-upload .file-upload-button {
    float: left;
    margin: 0 0 3px 0;
    width: 49%;
    vertical-align: top
}

.form-file-upload input.file-upload-filename {
    float: right;
    margin: 0 0 3px 0;
    width: 49%;
    vertical-align: top;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    padding: 5px;
    height: 44px;
    min-width: 200px;
    background: #f4f4f4
}

@media screen and (max-width: 479px) {
    .form-file-upload .file-upload-button {
        float: none;
        margin: 0 0 6px 0;
        width: 100%
    }

    .form-file-upload input.file-upload-filename {
        float: none;
        width: 100%
    }
}

.input-group .bootstrap-select {
    float: none;
    width: auto !important
}

.input-group-text {
    border-color: #b9b9b9;
    background-color: #f4f4f4;
    color: #344b7e
}

.datepicker {
    border-radius: 6px
}

input.daterange {
    width: 240px
}

input.daterange + .form-control-feedback {
    top: 6px;
    color: #828282
}

.bootstrap-select.campaing-selectcardvisual .thumb {
    display: inline-block;
    margin: 0 11px 0 0;
    width: 100px;
    height: 63px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

input[type=checkbox].switch {
    position: absolute;
    z-index: -1
}

input[type=checkbox].switch + .switch-label {
    vertical-align: middle;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    user-select: none;
    cursor: pointer
}

input[type=checkbox].switch + .switch-label .switch {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 11px 0 0;
    border: 1px solid #ccc;
    width: 44px;
    height: 32px;
    overflow: hidden
}

input[type=checkbox].switch + .switch-label .switch .on, input[type=checkbox].switch + .switch-label .switch .off {
    -webkit-transition: left .25s ease-out;
    -moz-transition: left .25s ease-out;
    -o-transition: left .25s ease-out;
    transition: left .25s ease-out;
    position: absolute;
    margin: -1px 0 0 -1px;
    float: left;
    width: 32px;
    height: 32px;
    background-image: url(../images/sprites/input-switch.png);
    background-size: 32px
}

input[type=checkbox].switch + .switch-label .switch .on {
    position: absolute;
    left: -32px;
    background-color: #465f98;
    background-position: 0 100%
}

input[type=checkbox].switch + .switch-label .switch .cursor {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    position: absolute;
    left: 0;
    margin: -1px 0 0 -1px;
    float: left;
    width: 12px;
    height: 32px;
    border: 1px solid #b9b9b9;
    background: #fff
}

input[type=checkbox].switch + .switch-label .switch .off {
    left: 12px;
    background-color: #f4f4f4
}

input[type=checkbox].switch + .switch-label .text {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    color: #373737
}

input[type=checkbox].switch + .switch-label .text .on {
    display: none
}

input[type=checkbox].switch + .switch-label .text .off {
    display: inline-block
}

input[type=checkbox].switch + .switch-label:hover .text {
    color: #000
}

input[type=checkbox].switch:checked + .switch-label .switch {
    border-color: #465f98
}

input[type=checkbox].switch:checked + .switch-label .switch .on {
    left: 0
}

input[type=checkbox].switch:checked + .switch-label .switch .cursor {
    left: 32px
}

input[type=checkbox].switch:checked + .switch-label .switch .off {
    left: 44px
}

input[type=checkbox].switch:checked + .switch-label .text {
    color: #465f98
}

input[type=checkbox].switch:checked + .switch-label .text .on {
    display: inline-block
}

input[type=checkbox].switch:checked + .switch-label .text .off {
    display: none
}

.dropdown-menu {
    margin: 0;
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    padding: 0;
    min-width: 10rem;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 5.5px rgba(0, 0, 0, .2);
    color: #373737
}

.dropdown-item {
    padding: 11px 11px;
    background-color: transparent;
    font-weight: 400;
    color: #5873b1
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f4f4f4;
    color: #344b7e
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item.selected {
    background-color: #5873b1;
    color: #fff
}

.dropdown-menu > li:first-child .dropdown-item {
    border-top-left-radius: calc(6px - 1px);
    border-top-right-radius: calc(6px - 1px)
}

.dropdown-menu > li:last-child .dropdown-item {
    border-bottom-left-radius: calc(6px - 1px);
    border-bottom-right-radius: calc(6px - 1px)
}

.fixed-table-pagination {
    color: #373737
}

.pagination-detail {
    font-size: .85em
}

.pagination-detail .page-list .btn-group .btn {
    padding: 5.5px 11px
}

.page-link {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #b9b9b9;
    padding: 5.5px 11px;
    background-color: #fff;
    line-height: 22px;
    color: #5873b1
}

.page-link:hover {
    border-color: #a7a7a7;
    background-color: #f4f4f4;
    color: #344b7e
}

.page-item.active .page-link {
    border-color: #5873b1;
    background-color: #5873b1;
    color: #fff
}

.page-item:first-child .page-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.page-item:last-child .page-link {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.bootstrap-table .fixed-table-pagination > .pagination, .bootstrap-table .fixed-table-pagination > .pagination-detail {
    margin-top: 22px;
    margin-bottom: 11px
}

.table-bordered > :not(caption) > * > * {
    border-width: 1px
}

table {
    border-color: #b9b9b9;
    border-width: 1px
}

table tr th, table tr td {
    vertical-align: middle;
    border-color: #b9b9b9
}

table thead th, table thead td {
    font-size: .9em
}

table td.status .icon {
    margin: 0 11px 0 5.5px;
    vertical-align: middle;
    color: #373737
}

table td.status .icon i {
    font-size: 1.1em
}

table td.status .text {
    vertical-align: middle;
    font-size: .95em
}

table td.cards-quantity, table td.activeprofiles {
    padding-right: 16.5px;
    text-align: right
}

table td.actions {
    width: 5em;
    height: 66px;
    white-space: nowrap
}

table td.actions .btn .text {
    font-size: .9em
}

table td.actions .btn:only-child {
    width: 100%
}

table td.actions .btn.btn-view:only-child {
    width: auto
}

table td.actions .btn-view, table td.actions .btn-delete {
    line-height: 22px
}

table td.actions .btn-view .icon, table td.actions .btn-delete .icon {
    margin-right: 0
}

table td.actions .btn-view .text, table td.actions .btn-delete .text {
    display: none
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
    margin-top: 11px;
    margin-bottom: 16.5px
}

.cardlist td.card-reference, .orderlist td.reference, .entitylist td.name, .profilelist td.name, .userlist td.firstname, .userlist td.lastname {
    font-weight: bold
}

.modal-content {
    border-radius: 6px;
    border: 0;
    background: transparent;
    box-shadow: 0 .125em .5em rgba(0, 0, 0, .5)
}

.modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #465f98;
    padding: 11px;
    background: #5873b1;
    background: -moz-linear-gradient(top, #5873b1 0%, #445c92 100%);
    background: -webkit-linear-gradient(top, #5873b1 0%, #445c92 100%);
    background: linear-gradient(to bottom, #5873b1 0%, #445c92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-link", endColorstr="darken($color-link, 10%)", GradientType=0);
    color: #fff
}

.modal-header .btn-close {
    filter: brightness(0) invert(1)
}

@media screen and (min-width: 640px) {
    .modal-header {
        padding: 22px
    }
}

.modal-body {
    padding: 22px;
    background: #fff
}

.modal-body .form-group {
    margin: 0 0 22px 0
}

.modal-body .scroll-container.log {
    border: 1px solid #ccc;
    padding: 22px;
    height: 25vh;
    min-height: 240px;
    background: #f4f4f4;
    line-height: 1.25em;
    overflow-y: scroll
}

.modal-body .scroll-container.log .error {
    color: red
}

.modal-body .scroll-container.log .success {
    color: green
}

@media screen and (max-width: 767px) {
    .modal-body {
        padding: 22px 11px
    }
}

.modal-footer {
    flex-direction: column;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 11px;
    background: #fff
}

.modal-footer .btn {
    margin-bottom: 11px;
    width: 100%
}

.modal-footer .btn:last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .modal-footer {
        flex-direction: row;
        justify-content: space-between;
        padding: 22px
    }

    .modal-footer .btn {
        margin: 0;
        width: auto
    }
}

#pg-hdr {
    width: 100%;
    background: #5873b1;
    background: #5873b1;
    background: -moz-linear-gradient(top, #5873b1 0%, #445c92 100%);
    background: -webkit-linear-gradient(top, #5873b1 0%, #445c92 100%);
    background: linear-gradient(to bottom, #5873b1 0%, #445c92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-link", endColorstr="darken($color-link, 10%)", GradientType=0)
}

#pg-hdr > .wrapper {
    margin: 0 auto;
    min-width: 258px;
    max-width: 1320px;
    padding: 11px 22px
}

#pg-hdr > .wrapper:after {
    clear: both;
    display: table;
    line-height: 0;
    content: ""
}

#pg-hdr .brand {
    margin: 0 22px 0 0
}

#pg-hdr .brand a {
    display: block
}

#pg-hdr .brand .brand-logo {
    height: 22px
}

#pg-hdr .navbar {
    min-height: 11px;
    margin-bottom: 0;
    padding: 0;
    border: 0
}

#pg-hdr .navbar > .container-fluid {
    padding-left: 0;
    padding-right: 0
}

#pg-hdr .navbar-toggler {
    position: relative;
    outline: 0 !important;
    -webkit-outline: 0 !important;
    border: 1px solid #344b7e;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 11px;
    height: 44px;
    background: #344b7e
}

#pg-hdr .navbar-toggler.collapsed {
    border-color: #344b7e;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #344b7e
}

#pg-hdr .navbar-toggler .text {
    position: absolute;
    top: 0;
    left: -100%;
    line-height: 34px;
    text-transform: uppercase;
    font-size: .7em;
    color: #fff
}

#pg-hdr .navbar-toggler .navbar-toggler-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1)
}

#pg-hdr .navbar-toggler:active, #pg-hdr .navbar-toggler:focus, #pg-hdr .navbar-toggler:hover {
    outline: none;
    box-shadow: none;
    border-color: #344b7e;
    background: #344b7e
}

#pg-hdr .navbar-collapse, #pg-hdr .navbar-collapse.collapse.in, #pg-hdr .navbar-collapse-collapsing {
    margin: 0;
    padding: 0
}

#pg-hdr .navbar-collapse > .wrapper, #pg-hdr .navbar-collapse.collapse.in > .wrapper, #pg-hdr .navbar-collapse-collapsing > .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 11px;
    width: 100%
}

#pg-hdr .navbar-collapse > .wrapper:after, #pg-hdr .navbar-collapse.collapse.in > .wrapper:after, #pg-hdr .navbar-collapse-collapsing > .wrapper:after {
    clear: both;
    display: table;
    line-height: 0;
    content: ""
}

#pg-hdr ul.nav {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#pg-hdr ul.nav .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle
}

#pg-hdr ul.nav .icon i {
    font-size: 22px
}

#pg-hdr ul.nav .icon:only-child {
    margin-right: 0
}

#pg-hdr ul.nav .text {
    margin-left: 11px;
    vertical-align: middle
}

#pg-hdr ul.nav > li {
    float: left;
    margin: 0;
    padding: 0
}

#pg-hdr ul.nav > li > a {
    border: 0;
    border-radius: 6px;
    padding: 11px;
    min-height: 44px;
    color: #fff
}

#pg-hdr ul.nav > li > a:hover {
    border-color: #344b7e;
    background: #344b7e;
    color: #fff
}

#pg-hdr ul.nav > li > a:active, #pg-hdr ul.nav > li > a:focus {
    border-color: #223765;
    background: #223765
}

#pg-hdr ul.nav > li.active a {
    background: rgba(126, 147, 193, .5)
}

#pg-hdr ul.nav > li.dropdown .dropdown-toggle .text {
    margin-left: 5.5px
}

#pg-hdr ul.nav > li.dropdown .dropdown-toggle:after {
    margin-left: 5.5px;
    vertical-align: middle
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu {
    border-radius: 6px;
    padding: 0
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a {
    padding: 16.5px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a .icon {
    width: 16.5px;
    height: 16.5px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a .icon i {
    font-size: 16.5px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a .text {
    line-height: 16.5px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:active, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:focus, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:hover {
    background: #f0f2f7;
    color: #223765
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:active .icon, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:focus .icon, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:hover .icon {
    color: #223765
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:active .text, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:focus .text, #pg-hdr ul.nav > li.dropdown .dropdown-menu > li a:hover .text {
    color: #223765
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li:first-child a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu > li.active a {
    background: #e1e6f0;
    color: #000
}

#pg-hdr ul.nav > li.dropdown .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top-color: #7e93c1
}

#pg-hdr .nav-primary, #pg-hdr .nav-secondary {
    display: flex;
    flex-direction: row
}

#pg-hdr .nav-primary {
    justify-content: flex-start;
    flex-grow: 10
}

#pg-hdr .nav-secondary {
    justify-content: flex-end
}

#pg-hdr ul.nav-help > li.nav-support a .text {
    display: none
}

#pg-hdr ul.nav-user > li.dropdown .dropdown-menu {
    left: auto;
    right: 0
}

#pg-hdr ul.nav-lang > li.dropdown .dropdown-toggle .text {
    display: none
}

#pg-hdr ul.nav-lang > li.dropdown .dropdown-menu {
    left: auto;
    right: 0
}

@media screen and (max-width: 992px) {
    #pg-hdr .navbar-left, #pg-hdr .navbar-right {
        float: none !important
    }

    #pg-hdr .navbar-toggle {
        display: block
    }

    #pg-hdr .navbar-collapse {
        border-top: none;
        box-shadow: none;
        background: #344b7e;
        border-radius: 6px;
        border-top-right-radius: 0;
        padding: 11px
    }

    #pg-hdr .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    #pg-hdr .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

    #pg-hdr .navbar-nav > li {
        float: none
    }

    #pg-hdr .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #pg-hdr .collapse.in {
        display: block !important
    }

    #pg-hdr .navbar-collapse > .wrapper, #pg-hdr .navbar-collapse.collapse.in > .wrapper, #pg-hdr .navbar-collapse-collapsing > .wrapper {
        flex-direction: column
    }

    #pg-hdr .nav-primary, #pg-hdr .nav-secondary {
        flex-direction: column
    }

    #pg-hdr ul.nav > li.dropdown .dropdown-toggle.show {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #pg-hdr ul.nav > li.dropdown .dropdown-menu {
        margin: 0;
        border: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: none
    }

    #pg-hdr ul.nav.nav-main, #pg-hdr ul.nav.nav-user {
        margin-bottom: 11px;
        border-bottom: 1px solid #465f98;
        padding-bottom: 11px
    }

    #pg-hdr ul.nav.nav-help > li.nav-support a .text {
        display: inline-block
    }

    #pg-hdr ul.nav.nav-lang .dropdown .dropdown-toggle .text {
        display: inline-block
    }
}

section.slice > .wrapper {
    margin: 0 auto;
    padding: 66px 11px;
    min-width: 258px;
    max-width: 1320px;
    width: 100%
}

section.slice.xs > .wrapper {
    max-width: 480px
}

section.slice.sm > .wrapper {
    max-width: 640px
}

section.slice.md > .wrapper {
    max-width: 720px
}

section.slice.lg > .wrapper {
    max-width: 960px
}

section.slice.xl > .wrapper {
    max-width: 1140px
}

section.slice.xxl > .wrapper {
    max-width: 1320px
}

section.slice .slice-header {
    display: flex;
    flex-direction: column;
    margin: 0 0 33px 0
}

section.slice .slice-header h1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 11px 0;
    text-align: center;
    font-size: 2.2em;
    color: #223765
}

section.slice .slice-header h1 .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 11px 0 0
}

section.slice .slice-header h1.layout-vertical {
    flex-direction: column;
    align-items: center
}

section.slice .slice-header h1.layout-vertical .icon {
    margin: 0 0 11px 0;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #fff;
    font-size: .9em
}

section.slice .slice-header nav.actions {
    text-align: center
}

section.slice .slice-header.centered h1 {
    margin-left: auto;
    margin-right: auto
}

section.slice .slice-content {
    margin: 0 auto;
    border-radius: .5em;
    width: 100%;
    padding: 22px;
    background-color: #fff;
    background: #f8f8f8;
    background: -moz-linear-gradient(45deg, #f8f8f8 0%, #fff 50%, #f8f8f8 100%);
    background: -webkit-linear-gradient(45deg, #f8f8f8 0%, #fff 50%, #f8f8f8 100%);
    background: linear-gradient(45deg, #f8f8f8 0%, #fff 50%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#f8f8f8", GradientType=1);
    box-shadow: 2px 3px 15px 2px #e1e1e1;
    box-shadow: 0 5.5px 11px rgba(0, 0, 0, .1)
}

@media screen and (min-width: 640px) {
    section.slice .slice-header {
        flex-direction: row;
        justify-content: space-between
    }

    section.slice .slice-header h1 {
        margin: 0
    }

    section.slice .slice-content {
        padding: 44px
    }
}

.nav-tabs .nav-link {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 11px 22px;
    color: #5873b1
}

.tab-content .tab-pane {
    padding: 22px 0 0 0
}

nav.nav-entity {
    display: flex;
    flex-direction: column
}

nav.nav-entity > div {
    position: relative;
    margin: 0 0 5.5px 0;
    background: transparent
}

nav.nav-entity > div.context {
    display: flex;
    align-items: center;
    font-size: .85em
}

nav.nav-entity > div:after {
    position: absolute;
    z-index: 2;
    top: 100%;
    content: " ";
    display: inline-block;
    display: none;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top-color: #d7d7d7
}

nav.nav-entity > div:last-child {
    flex-grow: 10
}

nav.nav-entity > div:last-child:after {
    border: 0
}

nav.nav-entity .form-group {
    display: flex;
    flex-direction: row;
    align-items: center
}

nav.nav-entity .form-group label {
    margin: 0
}

nav.nav-entity .form-group label .icon {
    display: inline-block;
    margin: 0 8.25px 0 0;
    width: 27.5px;
    text-align: center;
    color: #959595
}

nav.nav-entity .form-group label .text {
    display: none
}

nav.nav-entity .form-group .dropdown-toggle {
    font-size: .85em
}

nav.nav-entity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 276px
}

nav.nav-entity.asHeader {
    margin-top: -22px;
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #c3cce0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #d2d9e8
}

nav.nav-entity.asHeader > div {
    margin: 0;
    padding: 11px;
    color: #223765
}

nav.nav-entity.asHeader > div.context {
    color: #fff
}

nav.nav-entity.asHeader > div:after {
    display: inline-block;
    border-top-color: #d2d9e8
}

nav.nav-entity.asHeader > div:first-child {
    padding-left: 11px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

nav.nav-entity.asHeader > div:nth-of-type(1) {
    background: #a5b3d1
}

nav.nav-entity.asHeader > div:nth-of-type(1):after {
    border-top-color: #a5b3d1
}

nav.nav-entity.asHeader > div:nth-of-type(2) {
    background: #c3cce0
}

nav.nav-entity.asHeader > div:nth-of-type(2):after {
    border-top-color: #c3cce0
}

nav.nav-entity.asHeader > div:nth-of-type(3) {
    background: #d2d9e8
}

nav.nav-entity.asHeader > div:nth-of-type(3):after {
    border-top-color: #d2d9e8
}

nav.nav-entity.asHeader > div:nth-of-type(4) {
    background: #e1e6f0
}

nav.nav-entity.asHeader > div:nth-of-type(4):after {
    border-top-color: #e1e6f0
}

nav.nav-entity.asHeader > div:nth-of-type(5) {
    background: #f0f2f7
}

nav.nav-entity.asHeader > div:nth-of-type(5):after {
    border-top-color: #f0f2f7
}

nav.nav-entity.asHeader .form-group label .icon {
    font-size: 1.25em;
    color: #344b7e
}

@media screen and (min-width: 640px) {
    nav.nav-entity.asHeader {
        margin-top: -44px;
        margin-left: -44px;
        margin-right: -44px;
        margin-bottom: 33px
    }
}

@media screen and (min-width: 1024px) {
    nav.nav-entity {
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        border-bottom: 0
    }

    nav.nav-entity > div {
        margin-right: 22px
    }

    nav.nav-entity > div:after {
        top: 22px;
        right: -12px;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid transparent;
        border-right: 0;
        border-left-color: #ebebeb
    }

    nav.nav-entity > div:nth-of-type(1) {
        border-bottom-color: #ccc
    }

    nav.nav-entity > div:nth-of-type(1):after {
        border-top-color: transparent;
        border-left-color: #d7d7d7
    }

    nav.nav-entity > div:nth-of-type(2) {
        border-bottom-color: #d7d7d7
    }

    nav.nav-entity > div:nth-of-type(2):after {
        border-top-color: transparent;
        border-left-color: #e1e1e1
    }

    nav.nav-entity > div:nth-of-type(3) {
        border-bottom-color: #e1e1e1
    }

    nav.nav-entity > div:nth-of-type(3):after {
        border-top-color: transparent;
        border-left-color: #ebebeb
    }

    nav.nav-entity > div:nth-of-type(4) {
        border-bottom-color: #ebebeb
    }

    nav.nav-entity > div:nth-of-type(4):after {
        border-top-color: transparent;
        border-left-color: #f4f4f4
    }

    nav.nav-entity > div:nth-of-type(5) {
        border-bottom-color: #f4f4f4
    }

    nav.nav-entity > div:nth-of-type(5):after {
        border-top-color: transparent;
        border-left-color: #f8f8f8
    }

    nav.nav-entity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 143px
    }

    nav.nav-entity.asHeader > div {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-left: 19.25px
    }

    nav.nav-entity.asHeader > div:after {
        border-left-color: #d2d9e8
    }

    nav.nav-entity.asHeader > div:first-child {
        border-bottom-color: #7e93c1;
        border-top-right-radius: 0
    }

    nav.nav-entity.asHeader > div:last-child {
        border-top-right-radius: 6px
    }

    nav.nav-entity.asHeader > div:nth-of-type(1) {
        border-bottom-color: #7e93c1
    }

    nav.nav-entity.asHeader > div:nth-of-type(1):after {
        border-top-color: transparent;
        border-left-color: #a5b3d1
    }

    nav.nav-entity.asHeader > div:nth-of-type(2) {
        border-bottom-color: #a5b3d1
    }

    nav.nav-entity.asHeader > div:nth-of-type(2):after {
        border-top-color: transparent;
        border-left-color: #c3cce0
    }

    nav.nav-entity.asHeader > div:nth-of-type(3) {
        border-bottom-color: #c3cce0
    }

    nav.nav-entity.asHeader > div:nth-of-type(3):after {
        border-top-color: transparent;
        border-left-color: #d2d9e8
    }

    nav.nav-entity.asHeader > div:nth-of-type(4) {
        border-bottom-color: #d2d9e8
    }

    nav.nav-entity.asHeader > div:nth-of-type(4):after {
        border-top-color: transparent;
        border-left-color: #e1e6f0
    }

    nav.nav-entity.asHeader > div:nth-of-type(5) {
        border-bottom-color: #e1e6f0
    }

    nav.nav-entity.asHeader > div:nth-of-type(5):after {
        border-top-color: transparent;
        border-left-color: #f0f2f7
    }
}

@media screen and (min-width: 1180px) {
    nav.nav-entity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 176px
    }
}

@media screen and (min-width: 1280px) {
    nav.nav-entity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 198px
    }
}

@media screen and (min-width: 1368px) {
    nav.nav-entity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 220px
    }
}

nav.nav-filters {
    display: flex;
    margin: 0 0 27.5px 0;
    flex-direction: column
}

nav.nav-filters > div {
    position: relative;
    margin: 0 0 5.5px 0;
    background: transparent
}

nav.nav-filters > div.context {
    color: #000;
    display: flex;
    align-items: center;
    font-size: .85em
}

nav.nav-filters > div:last-child {
    flex-grow: 10
}

nav.nav-filters > div:last-child:after {
    border: 0
}

nav.nav-filters .form-group {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media screen and (min-width: 1024px) {
    nav.nav-filters {
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        border-bottom: 0
    }

    nav.nav-filters > div {
        margin-right: 22px
    }

    nav.nav-filters > div:last-child, nav.nav-filters > div:only-child {
        margin-right: 0
    }
}

nav.nav-wizardsteps > ol {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0;
    padding: 11px;
    counter-reset: step;
    list-style-type: none
}

nav.nav-wizardsteps > ol > li {
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 0 5.5px 0;
    color: #7e93c1
}

nav.nav-wizardsteps > ol > li:before, nav.nav-wizardsteps > ol > li:after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    height: 11px;
    width: 2px;
    background: #a5b3d1
}

nav.nav-wizardsteps > ol > li:before {
    left: calc(16.5px - 1px);
    top: -11px
}

nav.nav-wizardsteps > ol > li:after {
    z-index: -1;
    left: calc(16.5px - 1px);
    bottom: -11px
}

nav.nav-wizardsteps > ol > li:first-child:before {
    display: none
}

nav.nav-wizardsteps > ol > li:last-child {
    margin-bottom: 0
}

nav.nav-wizardsteps > ol > li:last-child:after {
    display: none
}

nav.nav-wizardsteps > ol > li a {
    display: flex;
    flex-direction: row
}

nav.nav-wizardsteps > ol > li .counter {
    position: relative;
    z-index: 2;
    display: flex;
    background: #d2d9e8
}

nav.nav-wizardsteps > ol > li .counter:before {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    margin: 0 5.5px 0 0;
    border: 1px solid #a5b3d1;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    background: transparent;
    text-align: center;
    line-height: calc(33px - 2px);
    counter-increment: step;
    content: counters(step, ".") " "
}

nav.nav-wizardsteps > ol > li .text {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    position: relative;
    z-index: 2;
    padding: 0 5.5px 0 0;
    background: #d2d9e8;
    line-height: 33px
}

nav.nav-wizardsteps > ol > li.done:before, nav.nav-wizardsteps > ol > li.done:after {
    background: #f0f2f7
}

nav.nav-wizardsteps > ol > li.done + .active:before {
    background: #f0f2f7
}

nav.nav-wizardsteps > ol > li.done .counter:before {
    border-color: #f0f2f7;
    background: #f0f2f7
}

nav.nav-wizardsteps > ol > li.done a:hover .counter:before {
    border-color: #fff;
    background: #fff;
    color: #000
}

nav.nav-wizardsteps > ol > li.done a:hover .text {
    color: #000
}

nav.nav-wizardsteps > ol > li.active {
    font-weight: bold
}

nav.nav-wizardsteps > ol > li.active .counter:before {
    border-color: #fff;
    background: #fff;
    color: #344b7e
}

nav.nav-wizardsteps > ol > li.active .text {
    color: #344b7e
}

nav.nav-wizardsteps.asHeader {
    margin-top: -22px;
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #c3cce0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #d2d9e8
}

@media screen and (min-width: 640px) {
    nav.nav-wizardsteps > ol {
        flex-direction: row;
        padding: 22px
    }

    nav.nav-wizardsteps > ol > li {
        justify-content: center;
        align-items: center;
        margin: 0
    }

    nav.nav-wizardsteps > ol > li:before, nav.nav-wizardsteps > ol > li:after {
        width: 50%;
        height: 1px
    }

    nav.nav-wizardsteps > ol > li:before {
        left: 0;
        top: 16.5px
    }

    nav.nav-wizardsteps > ol > li:after {
        z-index: 0;
        left: auto;
        right: 0;
        top: 16.5px;
        bottom: auto
    }

    nav.nav-wizardsteps > ol > li:first-child:nth-last-child(1) {
        width: 100%
    }

    nav.nav-wizardsteps > ol > li:first-child:nth-last-child(2), nav.nav-wizardsteps > ol > li:first-child:nth-last-child(2) ~ li {
        width: 50%
    }

    nav.nav-wizardsteps > ol > li:first-child:nth-last-child(3), nav.nav-wizardsteps > ol > li:first-child:nth-last-child(3) ~ li {
        width: 33.333%
    }

    nav.nav-wizardsteps > ol > li:first-child:nth-last-child(4), nav.nav-wizardsteps > ol > li:first-child:nth-last-child(4) ~ li {
        width: 25%
    }

    nav.nav-wizardsteps > ol > li:first-child:nth-last-child(5), nav.nav-wizardsteps > ol > li:first-child:nth-last-child(5) ~ li {
        width: 20%
    }

    nav.nav-wizardsteps > ol > li .counter {
        padding: 0 0 0 5.5px
    }

    nav.nav-wizardsteps.asHeader {
        margin-top: -44px;
        margin-left: -44px;
        margin-right: -44px;
        margin-bottom: 33px
    }
}

ul.userrights {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul.userrights > li {
    margin: 0 0 33px 0
}

ul.userrights > li > .form-check .rights-category + .form-check-label .text {
    font-weight: bold
}

ul.userrights > li > ul {
    margin: 0;
    padding: 0 0 0 38.5px;
    list-style-type: none
}

ul.userrights .form-check-input {
    margin-top: 0
}

ul.userrights .form-check-input + .form-check-label {
    margin-left: 11px;
    line-height: 22px
}

ul.userrights .form-check-input + .form-check-label .icon {
    display: inline-block;
    margin: 0 8.25px 0 0;
    width: 27.5px;
    text-align: center;
    color: #515151
}

@media (min-width: 768px) {
    ul.userrights {
        flex-direction: row
    }

    ul.userrights > li {
        width: 33.333%
    }
}

.slice.signin .module .module-content {
    margin: 0 auto;
    max-width: 480px
}

.slice.signin .module form .form-submit .btn {
    width: 100%
}

.module.signin .form-group.password .form-control-help {
    text-align: right
}

.slice.signout .module.signedout .module-content {
    text-align: center
}

.slice.signout .module.signedout .module-content p + .btn {
    margin-top: 33px
}

.slice.welcome .slice-content {
    background: transparent;
    box-shadow: none
}

.slice.welcome .module.shortcuts ul.shortcuts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.slice.welcome .module.shortcuts ul.shortcuts > li {
    margin: 0 0 44px 0;
    padding: 0;
    width: 140px;
    text-align: center
}

.slice.welcome .module.shortcuts ul.shortcuts > li a {
    display: flex;
    flex-direction: column;
    width: auto
}

.slice.welcome .module.shortcuts ul.shortcuts > li a .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 5.5px auto;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1.375px 2.75px rgba(0, 0, 0, .05)
}

.slice.welcome .module.shortcuts ul.shortcuts > li a .icon i {
    font-size: 2em
}

.slice.welcome .module.shortcuts ul.shortcuts > li a .text {
    color: #465f98
}

.slice.welcome .module.shortcuts ul.shortcuts > li a:hover .icon {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    background: #223765;
    box-shadow: 0 2.75px 5.5px rgba(0, 0, 0, .25);
    color: #fff
}

.slice.welcome .module.shortcuts ul.shortcuts > li a:hover .text {
    -webkit-transition: all .25s ease-out !important;
    -moz-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
    color: #000
}

.module.order.add .form-section {
    border-bottom: 0
}

.module.order.add ul.products.cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.module.order.add ul.products.cards > li {
    margin: 0 0 22px 0;
    padding: 0;
    width: 100%
}

.module.order.add ul.products.cards > li .form-group {
    border-radius: 12px;
    background-color: #f4f4f4
}

.module.order.add ul.products.cards > li .product-picture {
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin: 0 0 11px 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 11px;
    width: 100%;
    background-color: #ebebeb
}

.module.order.add ul.products.cards > li .product-picture img {
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 220px;
    object-fit: contain
}

.module.order.add ul.products.cards > li .product-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 11px
}

.module.order.add ul.products.cards > li .product-name {
    font-size: 1.2em
}

.module.order.add ul.products.cards > li .product-quantity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

.module.order.add ul.products.cards > li .product-quantity > span {
    margin: 11px 5.5px 0 0;
    font-size: .85em
}

.module.order.add ul.products.cards > li .product-quantity ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0 0 5.5px 0;
    font-size: .9em
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check {
    margin: 0 5.5px 5.5px 0;
    padding-left: 0
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check .form-check-input {
    position: absolute;
    z-index: -2
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check .form-check-label {
    width: 100%;
    height: auto;
    border: 1px solid #b9b9b9;
    border-radius: 6px;
    text-align: center;
    padding: 11px;
    background: #fff;
    color: #000
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check .form-check-label:hover {
    border-color: #5873b1;
    background: #5873b1;
    color: #fff
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check .form-check-input:checked + .form-check-label {
    border-color: #223765;
    background: #223765;
    color: #fff
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check .form-check-input.qty-null:checked + .form-check-label {
    border-color: #d7d7d7;
    background: #d7d7d7
}

.module.order.add ul.products.cards > li .product-quantity ul > li.form-check:last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .module.order.add ul.products.cards {
        margin-left: -22px;
        margin-right: -22px
    }

    .module.order.add ul.products.cards > li {
        padding: 0 22px;
        width: 50%
    }
}

@media (min-width: 992px) {
    .module.order.add ul.products.cards > li {
        width: 33.333%
    }
}

.module.order.add.confirmed {
    text-align: center
}

.module.order.add.confirmed .module-header h2 {
    font-size: 1.4em
}

.module.order.add.confirmed .module-content p + .btn {
    margin-top: 33px
}

.module.order .products-category {
    margin: 0 0 33px 0
}

.module.order .products-category > h3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 11px 0;
    font-size: 1.2em;
    color: #344b7e
}

.module.order ul.products.list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.module.order ul.products.list > li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5.5px 0;
    padding: 0;
    width: 100%
}

.module.order ul.products.list > li .product-picture {
    display: flex;
    align-items: center;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin: 0 11px 0 0;
    border-radius: 6px;
    padding: 5.5px;
    width: 88px;
    height: 88px;
    background-color: #ebebeb
}

.module.order ul.products.list > li .product-picture img {
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.module.order ul.products.list > li .product-data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 10;
    font-size: 1.1em
}

.module.order.details .orderDetails-section {
    margin: 0 0 44px 0
}

.orderDetails-section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 11px 0;
    font-size: 1.4em;
    color: #344b7e
}

.orderDetails-section-title .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8.25px 0 0;
    width: 22px;
    height: 22px
}

.orderDetails-section-title .icon i {
    font-size: .85em
}

.orderDetails-section ul.dl {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.orderDetails-section ul.dl > li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 2.75px 0;
    padding: 0;
    line-height: 1.375em
}

.orderDetails-section ul.dl > li .dt {
    max-width: 110px;
    color: #7e93c1
}

.orderDetails-section ul.dl > li.status .dd .icon {
    margin: 0 11px 0 0;
    vertical-align: middle;
    color: #5873b1
}

.orderDetails-section ul.dl > li.status .dd .text {
    vertical-align: middle
}

@media (max-width: 479px) {
    .orderDetails-section ul.dl > li {
        flex-direction: column;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 5.5px
    }

    .orderDetails-section ul.dl > li .dt {
        width: auto;
        font-size: .8em
    }

    .orderDetails-section ul.dl > li:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.module.order .form-section.cart .cart-list, .module.order .orderDetails-section.cart .cart-list {
    margin: 0 auto;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    padding: 22px;
    max-width: 480px
}

.module.order .form-section.cart .cart-list .products-category, .module.order .orderDetails-section.cart .cart-list .products-category {
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #d7d7d7;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 22px
}

.module.order .form-section.cart .cart-list .products-category:last-child, .module.order .orderDetails-section.cart .cart-list .products-category:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.module.stats {
    margin: 0 0 44px 0
}

.module.stats .blocks {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-left: -5.5px;
    margin-right: -5.5px;
    padding: 0;
    list-style-type: none
}

.module.stats .blocks > li {
    margin: 0;
    padding: 5.5px;
    width: 100%
}

.module.stats .blocks .block {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    padding: 11px;
    box-shadow: 0 2.75px 5.5px rgba(0, 0, 0, .1);
    background: #f8f8f8
}

.module.stats .blocks .block > header {
    margin: 0 0 16.5px 0;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 5.5px 0
}

.module.stats .blocks .block > header h2 {
    margin: 0 0 5.5px 0;
    font-size: 1.2em;
    color: #344b7e
}

.module.stats .blocks .block > header h2 .icon {
    margin: 0 11px 0 0
}

.module.stats .stat-group {
    display: flex;
    flex-direction: row
}

.module.stats .stat-group > .stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 2.75px auto;
    border-radius: 33px;
    width: 132px;
    height: 66px;
    background: #fff
}

.module.stats .stat-group > .stat .number {
    font-weight: bold;
    font-size: 1.05em;
    color: #344b7e
}

.module.stats .stat-group > .stat .unit {
    font-size: .85em
}

@media (min-width: 640px) {
    .module.stats .blocks > li {
        width: 50%
    }

    .module.stats .blocks .block {
        padding: 22px
    }
}

@media (min-width: 992px) {
    .module.stats .blocks > li {
        width: 33.3333%
    }
}

.module.graph .nav-graph {
    margin: 0 0 11px 0
}

.module.graph .nav-graph.asHeader {
    margin: 0;
    border: 1px solid #d2d9e8;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5.5px 11px;
    background: #e1e6f0
}

.module.graph .nav-graph .form-group label {
    vertical-align: middle;
    color: #344b7e
}

.module.graph .nav-graph .form-group:last-child {
    margin-bottom: 0
}

.module.graph .graph-container {
    border-radius: 6px;
    padding: 11px;
    border: 1px solid #d7d7d7;
    background: #fff
}

.module.graph .nav-graph + .graph-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

/*# sourceMappingURL=screen.css.map */
nav.nav-filters {
    display: flex;
    flex-direction: column;
    margin: 0 0 27.5px 0;
    border-radius: 6px;
    padding: 11px;
    padding-bottom: 0;
    background: #f4f4f4;
}
nav.nav-filters .nav-filters-title {
    margin: -5.5px 0 11px 0;
    font-size: 1em;
    color: #344b7e;
}
nav.nav-filters .form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}
nav.nav-filters .form-group .form-label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.85em;
}
nav.nav-filters .form-group .form-label .icon {
    margin-right: 8.25px;
    color: dimgray;
}
nav.nav-filters .form-group .form-label .text {
    color: dimgray;
}
nav.nav-filters .form-group .dropdown.bootstrap-select.form-select {
    width: 100%;
}
nav.nav-filters
.form-group
.dropdown.bootstrap-select.form-select
.filter-option
i.fa-solid {
    margin-right: 5.5px;
}
nav.nav-filters
.form-group
.dropdown.bootstrap-select.form-select
.dropdown-menu
.dropdown-item
span.fa-solid {
    margin-right: 5.5px;
    min-width: 16.5px;
    text-align: center;
}
nav.nav-filters .filter-actions {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 0 11px 0;
}
nav.nav-filters .filter-actions .btn.btn-sm {
    margin-top: 5.5px;
    margin-left: 5.5px;
}
@media screen and (min-width: 768px) {
    nav.nav-filters .filter-actions {
        margin-top: 22px;
    }
}
@media screen and (min-width: 1024px) {
    nav.nav-filters {
        padding: 22px;
        padding-bottom: 11px;
    }
}