@charset "UTF-8";
.theme-colour-white {
  color: #fff !important; }

.theme-colour {
  color: #007700 !important; }

.theme-colour-settings {
  color: #926601 !important; }

.theme-colour-vendor {
  color: #7e3985 !important; }

.theme-colour-tools {
  color: #871a1a !important; }

.theme-colour-transactions {
  color: #2574a9 !important; }

.theme-colour-register {
  color: #007700 !important; }

.theme-colour-ok {
  color: #007700 !important; }

.theme-colour-warning {
  color: #b35909 !important; }

.theme-colour-caution {
  color: #896d01 !important; }

.theme-colour-error {
  color: #AD1414 !important; }

.theme-colour-new {
  color: #207e93 !important; }

.theme-colour-web {
  color: #d21553 !important; }

.theme-colour-email {
  color: #137bb3 !important; }

.theme-colour-sms {
  color: #1a7d44 !important; }

.theme-colour-other {
  color: #78687d !important; }

.theme-colour-unknown {
  color: #5f5f5f !important; }

.theme-colour-down {
  color: #cb218b !important; }

.theme-colour-up {
  color: #4362f3 !important; }

.theme-colour-up2 {
  color: #42D6C7 !important; }

.theme-colour-middle {
  color: #6f42c1 !important; }

.background-theme-colour-white {
  background: #fff !important; }

.background-theme-colour {
  background: #007700 !important;
  background: linear-gradient(to bottom, #008600, #007700) !important;
  color: #fff !important; }
  .background-theme-colour a {
    color: #fff !important; }

.background-theme-colour-settings {
  background: #926601 !important;
  background: linear-gradient(to bottom, #a17101, #926601) !important;
  color: #fff !important; }
  .background-theme-colour-settings a {
    color: #fff !important; }

.background-theme-colour-settingsPale {
  background: #fff5e0 !important; }

.background-theme-colour-vendor {
  background: #7e3985 !important;
  background: linear-gradient(to bottom, #883e90, #7e3985) !important;
  color: #fff !important; }
  .background-theme-colour-vendor a {
    color: #fff !important; }

.background-theme-colour-vendorPale {
  background: #f5eaf6 !important; }

.background-theme-colour-transactions {
  background: #2574a9 !important;
  background: linear-gradient(to bottom, #287db6, #2574a9) !important;
  color: #fff !important; }
  .background-theme-colour-transactions a {
    color: #fff !important; }

.background-theme-colour-transactionsPale {
  background: #f4f9fd !important; }

.background-theme-colour-tools {
  background: #871a1a !important;
  background: linear-gradient(to bottom, #941c1c, #871a1a) !important;
  color: #fff !important; }
  .background-theme-colour-tools a {
    color: #fff !important; }

.background-theme-colour-toolsPale {
  background: #fcf0f0 !important; }

.background-theme-colour-register {
  background: #007700 !important;
  background: linear-gradient(to bottom, #008600, #007700) !important;
  color: #fff !important; }
  .background-theme-colour-register a {
    color: #fff !important; }

.background-theme-colour-registerPale {
  background: #e7ffe7 !important; }

.background-theme-colour-ok {
  background: #007700 !important;
  background: linear-gradient(to bottom, #008600, #007700) !important;
  color: #fff !important; }
  .background-theme-colour-ok a {
    color: #fff !important; }

.background-theme-colour-okPale {
  background: #ecffec !important; }

.background-theme-colour-caution {
  background: #d5a902 !important;
  background: linear-gradient(to bottom, #987901, #896d01) !important;
  color: #757575 !important; }
  .background-theme-colour-caution a {
    color: #757575 !important; }

.background-theme-colour-cautionPale {
  background: #fff9e1 !important; }

.background-theme-colour-warning {
  background: #b35909 !important;
  background: linear-gradient(to bottom, #c2600a, #b35909) !important;
  color: #fff !important; }
  .background-theme-colour-warning a {
    color: #fff !important; }

.background-theme-colour-warningPale {
  background: #fef7f0 !important; }

.background-theme-colour-error {
  background: #AD1414 !important;
  background: linear-gradient(to bottom, #bb1616, #AD1414) !important;
  color: #fff !important; }
  .background-theme-colour-error a {
    color: #fff !important; }

.background-theme-colour-errorPale {
  background: #fef5f5 !important; }

.background-theme-colour-new {
  background: #207e93 !important;
  background: linear-gradient(to bottom, #2389a0, #207e93) !important;
  color: #fff !important; }
  .background-theme-colour-new a {
    color: #fff !important; }

.background-theme-colour-newPale {
  background: #eaf8fb !important; }

.background-theme-colour-other {
  background: #78687d !important;
  background: linear-gradient(to bottom, #806f85, #78687d) !important;
  color: #757575 !important; }
  .background-theme-colour-other a {
    color: #757575 !important; }

.background-theme-colour-otherPale {
  background: #f3f1f3 !important; }

.background-theme-colour-sms {
  background: #1a7d44 !important;
  background: linear-gradient(to bottom, #1d8a4b, #1a7d44) !important;
  color: #757575 !important; }
  .background-theme-colour-sms a {
    color: #757575 !important; }

.background-theme-colour-smsPale {
  background: #e8faf0 !important; }

.background-theme-colour-web {
  background: #d21553 !important;
  background: linear-gradient(to bottom, #e01658, #d21553) !important;
  color: #fff !important; }
  .background-theme-colour-web a {
    color: #fff !important; }

.background-theme-colour-webPale {
  background: #fde9f0 !important; }

.background-theme-colour-email {
  background: #137bb3 !important;
  background: linear-gradient(#1485c1, circle, #137bb3) !important;
  color: #fff !important; }
  .background-theme-colour-email a {
    color: #fff !important; }

.background-theme-colour-emailPale {
  background: #e3f3fc !important; }

.background-theme-colour-unknown {
  background: #676767 !important;
  background: linear-gradient(to bottom, #929292, #676767) !important;
  color: #757575 !important; }
  .background-theme-colour-unknown a {
    color: #757575 !important; }

.background-theme-colour-unknownPale {
  background: #f8f8f8 !important; }

.background-theme-colour-down {
  background: #cb218b !important;
  background: linear-gradient(to bottom, #d82394, #cb218b) !important;
  color: #fff !important; }
  .background-theme-colour-down a {
    color: #fff !important; }

.background-theme-colour-downPale {
  background: #fceff7 !important; }

.background-theme-colour-middle {
  background: #6f42c1 !important;
  background: linear-gradient(to bottom, #784ec5, #6f42c1) !important;
  color: #fff !important; }
  .background-theme-colour-middle a {
    color: #fff !important; }

.background-theme-colour-middlePale {
  background: #f3effa !important; }

.background-theme-colour-up {
  background: #4362f3 !important;
  background: linear-gradient(to bottom, #516ef4, #4362f3) !important;
  color: #fff !important; }
  .background-theme-colour-up a {
    color: #fff !important; }

.background-theme-colour-upPale {
  background: #ebeefe !important; }

.background-theme-colour-up2 {
  background: #42D6C7 !important;
  background: linear-gradient(to bottom, #4fd9cb, #42D6C7) !important;
  color: #fff !important; }
  .background-theme-colour-up2 a {
    color: #fff !important; }

.background-theme-colour-up2Pale {
  background: #eafaf9 !important; }

.btn-primary {
  background-color: #007700 !important;
  border-color: #007700 !important;
  color: #fff; }
  .btn-primary:hover {
    background-color: #005e00 !important;
    border-color: #005e00 !important; }
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 1px rgba(0, 119, 0, 0.5) !important; }

.btn-secondary {
  background-color: #5f5f5f !important;
  border-color: #5f5f5f !important;
  color: #fff; }
  .btn-secondary:hover {
    background-color: #525252 !important;
    border-color: #525252 !important; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 1px rgba(95, 95, 95, 0.5) !important; }

.btn-info {
  background-color: #117280 !important;
  border-color: #117280 !important;
  color: #fff; }
  .btn-info:hover {
    background-color: #0e5e69 !important;
    border-color: #0e5e69 !important; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 1px rgba(17, 114, 128, 0.5) !important; }

.btn-success {
  background-color: #007700 !important;
  border-color: #007700 !important;
  color: #fff; }
  .btn-success:hover {
    background-color: #005e00 !important;
    border-color: #005e00 !important; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 1px rgba(0, 119, 0, 0.5) !important; }

.btn-danger {
  background-color: #b35909 !important;
  border-color: #b35909 !important;
  color: #fff; }
  .btn-danger:hover {
    background-color: #9b4d08 !important;
    border-color: #9b4d08 !important; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 1px rgba(179, 89, 9, 0.5) !important; }

.btn-warning {
  background-color: #896d01 !important;
  border-color: #896d01 !important;
  color: #555; }
  .btn-warning:hover {
    background-color: #705901 !important;
    border-color: #705901 !important; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 1px rgba(137, 109, 1, 0.5) !important; }

.btn-outline-primary {
  background-color: transparent !important;
  border-color: #007700 !important;
  color: #007700 !important; }
  .btn-outline-primary:hover {
    background-color: #007700 !important;
    border-color: #007700 !important;
    color: #fff !important; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 1px rgba(0, 119, 0, 0.5) !important; }

.btn-outline-secondary {
  background-color: transparent !important;
  border-color: #5f5f5f !important;
  color: #5f5f5f !important; }
  .btn-outline-secondary:hover {
    background-color: #5f5f5f !important;
    border-color: #5f5f5f !important;
    color: #fff !important; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 1px rgba(95, 95, 95, 0.5) !important; }

.btn-outline-info {
  background-color: transparent !important;
  border-color: #117280 !important;
  color: #117280 !important; }
  .btn-outline-info:hover {
    background-color: #117280 !important;
    border-color: #117280 !important;
    color: #fff !important; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 1px rgba(17, 114, 128, 0.5) !important; }

.btn-outline-success {
  background-color: transparent !important;
  border-color: #007700 !important;
  color: #007700 !important; }
  .btn-outline-success:hover {
    background-color: #007700 !important;
    border-color: #007700 !important;
    color: #fff !important; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 1px rgba(0, 119, 0, 0.5) !important; }

.btn-outline-danger {
  background-color: transparent !important;
  border-color: #b35909 !important;
  color: #b35909 !important; }
  .btn-outline-danger:hover {
    background-color: #b35909 !important;
    border-color: #b35909 !important;
    color: #fff !important; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 1px rgba(179, 89, 9, 0.5) !important; }

.btn-outline-warning {
  background-color: transparent !important;
  border-color: #896d01 !important;
  color: #896d01 !important; }
  .btn-outline-warning:hover {
    background-color: #896d01 !important;
    border-color: #896d01 !important;
    color: #555 !important; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 1px rgba(137, 109, 1, 0.5) !important; }

.ui-inputswitch-handle {
  background: #b35909 !important; }

.ui-inputswitch-checked .ui-inputswitch-handle {
  background: #007700 !important; }

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider, .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
  background-color: #007700 !important; }

.ui-chkbox .ui-chkbox-box.ui-state-active, .ui-chkbox .ui-chkbox-box .ui-state-focus.ui-state-active {
  background: #007700 !important; }

.ui-radiobutton .ui-radiobutton-box.ui-state-active, .ui-radiobutton .ui-radiobutton-box .ui-state-focus.ui-state-active {
  border: 5px solid #007700 !important; }

td.ui-datepicker-current-day a {
  background: #007700 !important; }

.ui-paginator .ui-paginator-page.ui-state-active {
  background: #007700 !important;
  border-color: #007700 !important; }

.ui-selectbooleanbutton.ui-button.ui-state-active, .ui-selectonebutton .ui-button.ui-state-active, .ui-selectmanybutton .ui-button.ui-state-active {
  background: #007700 !important;
  border-color: #007700 !important; }

div.progress.steps-4 {
  background: rgba(0, 119, 0, 0.4) !important; }

.paymentgatewayIcon {
  margin-right: 5px; }

img.paymentgatewaylogo {
  width: 100%;
  max-width: 150px; }

.ui-avatar {
  width: 16px !important;
  height: 16px !important;
  position: relative;
  top: 2px; }
  .ui-avatar img {
    border-radius: 4px; }

@media (min-width: 1024px) {
  .ui-avatar {
    width: 20px !important;
    height: 20px !important; } }
.card-type {
  height: 20px;
  margin-right: 5px; }

.glyphicon, .fa-classic, .fa-brands, .fa-duotone, .fa-kit {
  text-align: center;
  width: 1.25em; }

:not(svg).ui-icon {
  text-indent: 0px !important;
  font: var(--fa-font-regular); }
:not(svg).ui-icon-blank:after {
  content: ""; }
:not(svg).ui-icon-carat-1-n:after {
  content: ""; }
:not(svg).ui-icon-carat-1-ne:after {
  content: ""; }
:not(svg).ui-icon-carat-1-e:after {
  content: ""; }
:not(svg).ui-icon-carat-1-se:after {
  content: ""; }
:not(svg).ui-icon-carat-1-s:after {
  content: ""; }
:not(svg).ui-icon-carat-1-sw:after {
  content: ""; }
:not(svg).ui-icon-carat-1-w:after {
  content: ""; }
:not(svg).ui-icon-carat-1-nw:after {
  content: ""; }
:not(svg).ui-icon-carat-2-n-s:after {
  content: ""; }
:not(svg).ui-icon-carat-2-e-w:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-n:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-ne:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-e:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-se:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-s:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-sw:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-w:after {
  content: ""; }
:not(svg).ui-icon-triangle-1-nw:after {
  content: ""; }
:not(svg).ui-icon-triangle-2-n-s:after {
  content: ""; }
:not(svg).ui-icon-triangle-2-e-w:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-ne:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-se:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-sw:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrow-1-nw:after {
  content: ""; }
:not(svg).ui-icon-arrow-2-n-s:after {
  content: ""; }
:not(svg).ui-icon-arrow-2-ne-sw:after {
  content: ""; }
:not(svg).ui-icon-arrow-2-e-w:after {
  content: ""; }
:not(svg).ui-icon-arrow-2-se-nw:after {
  content: ""; }
:not(svg).ui-icon-arrowstop-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowstop-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowstop-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrowstop-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-ne:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-se:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-sw:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-1-nw:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-2-n-s:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-2-ne-sw:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-2-e-w:after {
  content: ""; }
:not(svg).ui-icon-arrowthick-2-se-nw:after {
  content: ""; }
:not(svg).ui-icon-arrowthickstop-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowthickstop-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowthickstop-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrowthickstop-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowreturnthick-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowreturnthick-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowreturnthick-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowreturnthick-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrowreturn-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowreturn-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowreturn-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowreturn-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrowrefresh-1-w:after {
  content: ""; }
:not(svg).ui-icon-arrowrefresh-1-n:after {
  content: ""; }
:not(svg).ui-icon-arrowrefresh-1-e:after {
  content: ""; }
:not(svg).ui-icon-arrowrefresh-1-s:after {
  content: ""; }
:not(svg).ui-icon-arrow-4:after {
  content: ""; }
:not(svg).ui-icon-arrow-4-diag:after {
  content: ""; }
:not(svg).ui-icon-extlink:after {
  content: ""; }
:not(svg).ui-icon-newwin:after {
  content: ""; }
:not(svg).ui-icon-refresh:after {
  content: ""; }
:not(svg).ui-icon-shuffle:after {
  content: ""; }
:not(svg).ui-icon-transfer-e-w:after {
  content: ""; }
:not(svg).ui-icon-transferthick-e-w:after {
  content: ""; }
:not(svg).ui-icon-folder-collapsed:after {
  content: ""; }
:not(svg).ui-icon-folder-open:after {
  content: ""; }
:not(svg).ui-icon-document:after {
  content: ""; }
:not(svg).ui-icon-document-b:after {
  content: ""; }
:not(svg).ui-icon-note:after {
  content: ""; }
:not(svg).ui-icon-mail-closed:after {
  content: ""; }
:not(svg).ui-icon-mail-open:after {
  content: ""; }
:not(svg).ui-icon-suitcase:after {
  content: ""; }
:not(svg).ui-icon-comment:after {
  content: ""; }
:not(svg).ui-icon-person:after {
  content: ""; }
:not(svg).ui-icon-print:after {
  content: ""; }
:not(svg).ui-icon-trash:after {
  content: ""; }
:not(svg).ui-icon-locked:after {
  content: ""; }
:not(svg).ui-icon-unlocked:after {
  content: ""; }
:not(svg).ui-icon-bookmark:after {
  content: ""; }
:not(svg).ui-icon-tag:after {
  content: ""; }
:not(svg).ui-icon-home:after {
  content: ""; }
:not(svg).ui-icon-flag:after {
  content: ""; }
:not(svg).ui-icon-calendar:after {
  content: ""; }
:not(svg).ui-icon-cart:after {
  content: ""; }
:not(svg).ui-icon-pencil:after {
  content: ""; }
:not(svg).ui-icon-clock:after {
  content: ""; }
:not(svg).ui-icon-disk:after {
  content: ""; }
:not(svg).ui-icon-calculator:after {
  content: ""; }
:not(svg).ui-icon-zoomin:after {
  content: ""; }
:not(svg).ui-icon-zoomout:after {
  content: ""; }
:not(svg).ui-icon-search:after {
  content: ""; }
:not(svg).ui-icon-wrench:after {
  content: ""; }
:not(svg).ui-icon-gear:after {
  content: ""; }
:not(svg).ui-icon-heart:after {
  content: ""; }
:not(svg).ui-icon-star:after {
  content: ""; }
:not(svg).ui-icon-link:after {
  content: ""; }
:not(svg).ui-icon-cancel:after {
  content: ""; }
:not(svg).ui-icon-plus:after {
  content: ""; }
:not(svg).ui-icon-plusthick:after {
  content: ""; }
:not(svg).ui-icon-minus:after {
  content: ""; }
:not(svg).ui-icon-minusthick:after {
  content: ""; }
:not(svg).ui-icon-close:after {
  content: ""; }
:not(svg).ui-icon-closethick:after {
  content: ""; }
:not(svg).ui-icon-key:after {
  content: ""; }
:not(svg).ui-icon-lightbulb:after {
  content: ""; }
:not(svg).ui-icon-scissors:after {
  content: ""; }
:not(svg).ui-icon-clipboard:after {
  content: ""; }
:not(svg).ui-icon-copy:after {
  content: ""; }
:not(svg).ui-icon-contact:after {
  content: ""; }
:not(svg).ui-icon-image:after {
  content: ""; }
:not(svg).ui-icon-video:after {
  content: ""; }
:not(svg).ui-icon-script:after {
  content: ""; }
:not(svg).ui-icon-alert:after {
  content: ""; }
:not(svg).ui-icon-info:after {
  content: ""; }
:not(svg).ui-icon-notice:after {
  content: ""; }
:not(svg).ui-icon-help:after {
  content: ""; }
:not(svg).ui-icon-check:after {
  content: ""; }
:not(svg).ui-icon-bullet:after {
  content: ""; }
:not(svg).ui-icon-radio-off:after {
  content: ""; }
:not(svg).ui-icon-radio-on:after {
  content: ""; }
:not(svg).ui-icon-pin-w:after {
  content: ""; }
:not(svg).ui-icon-pin-s:after {
  content: ""; }
:not(svg).ui-icon-play:after {
  content: ""; }
:not(svg).ui-icon-pause:after {
  content: ""; }
:not(svg).ui-icon-seek-next:after {
  content: ""; }
:not(svg).ui-icon-seek-prev:after {
  content: ""; }
:not(svg).ui-icon-seek-end:after {
  content: ""; }
:not(svg).ui-icon-seek-first:after {
  content: ""; }
:not(svg).ui-icon-stop:after {
  content: ""; }
:not(svg).ui-icon-eject:after {
  content: ""; }
:not(svg).ui-icon-volume-off:after {
  content: ""; }
:not(svg).ui-icon-volume-on:after {
  content: ""; }
:not(svg).ui-icon-power:after {
  content: ""; }
:not(svg).ui-icon-signal-diag:after {
  content: ""; }
:not(svg).ui-icon-signal:after {
  content: ""; }
:not(svg).ui-icon-battery-0:after {
  content: ""; }
:not(svg).ui-icon-battery-1:after {
  content: ""; }
:not(svg).ui-icon-battery-2:after {
  content: ""; }
:not(svg).ui-icon-battery-3:after {
  content: ""; }
:not(svg).ui-icon-circle-plus:after {
  content: ""; }
:not(svg).ui-icon-circle-minus:after {
  content: ""; }
:not(svg).ui-icon-circle-close:after {
  content: ""; }
:not(svg).ui-icon-circle-triangle-e:after {
  content: ""; }
:not(svg).ui-icon-circle-triangle-s:after {
  content: ""; }
:not(svg).ui-icon-circle-triangle-w:after {
  content: ""; }
:not(svg).ui-icon-circle-triangle-n:after {
  content: ""; }
:not(svg).ui-icon-circle-arrow-e:after {
  content: ""; }
:not(svg).ui-icon-circle-arrow-s:after {
  content: ""; }
:not(svg).ui-icon-circle-arrow-w:after {
  content: ""; }
:not(svg).ui-icon-circle-arrow-n:after {
  content: ""; }
:not(svg).ui-icon-circle-zoomin:after {
  content: ""; }
:not(svg).ui-icon-circle-zoomout:after {
  content: ""; }
:not(svg).ui-icon-circle-check:after {
  content: ""; }
:not(svg).ui-icon-circlesmall-plus:after {
  content: ""; }
:not(svg).ui-icon-circlesmall-minus:after {
  content: ""; }
:not(svg).ui-icon-circlesmall-close:after {
  content: ""; }
:not(svg).ui-icon-squaresmall-plus:after {
  content: ""; }
:not(svg).ui-icon-squaresmall-minus:after {
  content: ""; }
:not(svg).ui-icon-squaresmall-close:after {
  content: ""; }
:not(svg).ui-icon-grip-dotted-vertical:after {
  content: ""; }
:not(svg).ui-icon-grip-dotted-horizontal:after {
  content: ""; }
:not(svg).ui-icon-grip-solid-vertical:after {
  content: ""; }
:not(svg).ui-icon-grip-solid-horizontal:after {
  content: ""; }
:not(svg).ui-icon-gripsmall-diagonal-se:after {
  content: ""; }
:not(svg).ui-icon-grip-diagonal-se:after {
  content: ""; }
:not(svg).pi-plus:before {
  content: ""; }

nav {
  width: 100%;
  background-color: #f7f7f7;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 20px; }
  nav a.navbar-brand {
    display: inline-block; }
    nav a.navbar-brand img {
      max-height: 30px;
      position: relative; }
  nav button.navbar-toggler {
    border: none;
    background: transparent !important; }
    nav button.navbar-toggler .icon-bar {
      width: 22px;
      height: 2px;
      background-color: #757575;
      display: block;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      margin-top: 4px;
      margin-bottom: 4px;
      position: relative;
      left: 2px; }
      nav button.navbar-toggler .icon-bar.top-bar {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -moz-transform-origin: 10% 10%;
        -o-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%; }
      nav button.navbar-toggler .icon-bar.middle-bar {
        opacity: 0; }
      nav button.navbar-toggler .icon-bar.bottom-bar {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 10%;
        -moz-transform-origin: 10% 10%;
        -o-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%; }
    nav button.navbar-toggler.collapsed .icon-bar {
      left: 0px; }
      nav button.navbar-toggler.collapsed .icon-bar.top-bar {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      nav button.navbar-toggler.collapsed .icon-bar.middle-bar {
        opacity: 1; }
      nav button.navbar-toggler.collapsed .icon-bar.bottom-bar {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
    nav button.navbar-toggler:focus {
      box-shadow: none; }
  nav ul.navbar-nav.ul-md {
    display: none; }
  nav ul.navbar-nav.ul-sm {
    display: inherit; }
  nav ul.navbar-nav > li {
    border-radius: 3px;
    margin-left: 5px; }
    nav ul.navbar-nav > li.right {
      margin-left: auto; }
    nav ul.navbar-nav > li.dropdown .dropdown-toggle:after {
      display: none; }
    nav ul.navbar-nav > li.dropdown .dropdown-toggle .text .glyphicon, nav ul.navbar-nav > li.dropdown .dropdown-toggle .text .fa-classic, nav ul.navbar-nav > li.dropdown .dropdown-toggle .text .fa-brands, nav ul.navbar-nav > li.dropdown .dropdown-toggle .text .fa-duotone, nav ul.navbar-nav > li.dropdown .dropdown-toggle .text .fa-kit {
      font-size: 1em;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }
    nav ul.navbar-nav > li.dropdown .dropdown-toggle.show .text .glyphicon, nav ul.navbar-nav > li.dropdown .dropdown-toggle.show .text .fa-classic, nav ul.navbar-nav > li.dropdown .dropdown-toggle.show .text .fa-brands, nav ul.navbar-nav > li.dropdown .dropdown-toggle.show .text .fa-duotone, nav ul.navbar-nav > li.dropdown .dropdown-toggle.show .text .fa-kit {
      opacity: 0.7;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    nav ul.navbar-nav > li.dropdown .dropdown-menu.show > a:hover .glyphicon, nav ul.navbar-nav > li.dropdown .dropdown-menu.show > a:hover .fa-classic, nav ul.navbar-nav > li.dropdown .dropdown-menu.show > a:hover .fa-brands, nav ul.navbar-nav > li.dropdown .dropdown-menu.show > a:hover .fa-duotone, nav ul.navbar-nav > li.dropdown .dropdown-menu.show > a:hover .fa-kit {
      opacity: 0.8; }
    nav ul.navbar-nav > li > a {
      color: #555 !important; }
      nav ul.navbar-nav > li > a .text {
        display: inline-block;
        color: inherit; }
      nav ul.navbar-nav > li > a .glyphicon, nav ul.navbar-nav > li > a .fa-classic, nav ul.navbar-nav > li > a .fa-brands, nav ul.navbar-nav > li > a .fa-duotone, nav ul.navbar-nav > li > a .fa-kit, nav ul.navbar-nav > li > a .ui-avatar {
        margin-right: 5px; }
      nav ul.navbar-nav > li > a:hover .glyphicon, nav ul.navbar-nav > li > a:hover .fa-classic, nav ul.navbar-nav > li > a:hover .fa-brands, nav ul.navbar-nav > li > a:hover .fa-duotone, nav ul.navbar-nav > li > a:hover .fa-kit {
        opacity: 0.8; }
      nav ul.navbar-nav > li > a:hover .text {
        opacity: 0.8; }
    nav ul.navbar-nav > li > ul.dropdown-menu {
      margin: 7px 0 0 0;
      padding: 0;
      border-radius: 10px;
      z-index: 9000;
      -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
      box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
      min-width: 15rem; }
      nav ul.navbar-nav > li > ul.dropdown-menu > li:first-child > a {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      nav ul.navbar-nav > li > ul.dropdown-menu > li:last-child > a {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
      nav ul.navbar-nav > li > ul.dropdown-menu > li.ui-state-highlight > a .text {
        color: inherit; }
      nav ul.navbar-nav > li > ul.dropdown-menu > li > a {
        min-width: 200px;
        padding: 8px 16px; }
        nav ul.navbar-nav > li > ul.dropdown-menu > li > a:focus {
          outline: 0 !important; }
        nav ul.navbar-nav > li > ul.dropdown-menu > li > a .glyphicon, nav ul.navbar-nav > li > ul.dropdown-menu > li > a .fa-classic, nav ul.navbar-nav > li > ul.dropdown-menu > li > a .fa-brands, nav ul.navbar-nav > li > ul.dropdown-menu > li > a .fa-duotone, nav ul.navbar-nav > li > ul.dropdown-menu > li > a .fa-kit {
          display: inline;
          margin-right: 5px; }
        nav ul.navbar-nav > li > ul.dropdown-menu > li > a .text {
          display: inline;
          color: rgba(0, 0, 0, 0.5); }

.ui-sidebar li.ui-state-highlight > a {
  color: inherit; }

.btn-group.select {
  overflow: hidden; }

.btn-group.select.show {
  overflow: visible; }

@media (min-width: 768px) {
  nav {
    padding: 0 !important; }
    nav a.navbar-brand img {
      max-height: 50px; }
    nav ul.navbar-nav.ul-md {
      display: inherit; }
    nav ul.navbar-nav.ul-sm {
      display: none; }
    nav ul.navbar-nav > li {
      width: auto;
      text-align: center; }
      nav ul.navbar-nav > li > a .text {
        display: block; }

  .navbar-nav > li > .dropdown-menu,
  .dropdown .dropdown-menu {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all, 200ms;
    -moz-transition: all, 200ms;
    -ms-transition: all, 200ms;
    -o-transition: all, 200ms;
    transition: all, 200ms;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    display: block; }

  .navbar-nav > li > .dropdown-menu.show,
  .dropdown .dropdown-menu.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 29px -50px;
    -moz-transform-origin: 29px -50px;
    -o-transform-origin: 29px -50px;
    -ms-transform-origin: 29px -50px;
    transform-origin: 29px -50px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }

  .navbar-nav > li > .dropdown-menu:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -11px; }

  .navbar-nav > li > .dropdown-menu:after {
    border-bottom: 11px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: -10px; }

  .navbar-nav.navbar-right > li > .dropdown-menu:before {
    left: auto;
    right: 12px; }

  .navbar-nav.navbar-right > li > .dropdown-menu:after {
    left: auto;
    right: 12px; }

  .nav-open .navbar-collapse {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }

  .nav-open .navbar .container {
    -webkit-transform: translate3d(-200px, 0, 0);
    -moz-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); } }
@media (min-width: 1024px) {
  nav ul.navbar-nav > li {
    font-size: 1.2em; }
    nav ul.navbar-nav > li > a .text {
      display: inline-block; } }
header hr {
  margin-bottom: 70px; }

@media (max-height: 1080px) {
  header hr {
    margin-bottom: 50px; } }
@media (max-height: 640px) {
  header hr {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .md-only {
    display: none !important; } }
@media (min-width: 768px) {
  .sm-only {
    display: none !important; } }
@media (max-width: 767px) {
  input[type=button]:not(.navbar-toggler):not(.ui-autocomplete-dropdown), input[type=submit]:not(.navbar-toggler):not(.ui-autocomplete-dropdown), input[type=reset]:not(.navbar-toggler):not(.ui-autocomplete-dropdown), button:not(.navbar-toggler):not(.ui-autocomplete-dropdown), .btn-primary:not(.navbar-toggler):not(.ui-autocomplete-dropdown), .btn-outline-primary:not(.navbar-toggler):not(.ui-autocomplete-dropdown) {
    width: 100% !important;
    margin: auto; } }
.environment {
  width: 100%;
  text-align: center;
  font-size: 1.3em;
  padding: 0.2em;
  background: #ffcf57;
  color: #555;
  background: -webkit-repeating-linear-gradient(45deg, #ffd671, #ffd671 10px, #ffcf57 10px, #ffcf57 20px) !important;
  background: -moz-repeating-linear-gradient(45deg, #ffd671, #ffd671 10px, #ffcf57 10px, #ffcf57 20px) !important;
  background: -o-repeating-linear-gradient(45deg, #ffd671, #ffd671 10px, #ffcf57 10px, #ffcf57 20px) !important;
  background: repeating-linear-gradient(45deg, #ffd671, #ffd671 10px, #ffcf57 10px, #ffcf57 20px) !important; }

.operatingAsSubVendor {
  width: 100%;
  text-align: center;
  font-size: 1.3em;
  padding: 0.3em;
  background: #ffcf57;
  color: #fff;
  background: -webkit-repeating-linear-gradient(45deg, #a048a9, #a048a9 10px, #8f4197 10px, #8f4197 20px) !important;
  background: -moz-repeating-linear-gradient(45deg, #a048a9, #a048a9 10px, #8f4197 10px, #8f4197 20px) !important;
  background: -o-repeating-linear-gradient(45deg, #a048a9, #a048a9 10px, #8f4197 10px, #8f4197 20px) !important;
  background: repeating-linear-gradient(45deg, #a048a9, #a048a9 10px, #8f4197 10px, #8f4197 20px) !important; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #D5D5D5;
  background: #ffffff;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #D5D5D5;
  background: #cccccc;
  color: #222222;
  font-weight: bold; }

.ui-widget-header {
  border: 1px solid #d9d9d9;
  color: #1b1d1f;
  background: #f6f7f9 0 0 repeat-x;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* IE10+ */
  background: linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* W3C */ }

.ui-widget-header a {
  color: #222222; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  font-weight: normal;
  color: #555555; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #156090;
  background: #2CA8FF;
  color: #FFFFFF; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border-left: 2px solid #EF5350; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ui-widget-overlay {
  background: #1f2226;
  opacity: .60;
  filter: Alpha(Opacity=60); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #1f2226;
  opacity: .60;
  filter: Alpha(Opacity=60);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

                                                                                                                                                                                                                          /*

* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  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; }

                                                                                      /*

* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-tooltip .ui-tooltip-text.ui-state-error {
  border: 0 none;
  background-color: #ef5350; }

.ui-tooltip .ui-tooltip-arrow.ui-state-error {
  border-right-color: #ef5350; }

.ui-progressbar .ui-progressbar-value {
  border: 1px solid #156090;
  background: #2CA8FF; }

.ui-progressbar .ui-progressbar-label {
  color: #1f89ce; }

.timeline-content .timeline-event-selected {
  background: #2CA8FF none repeat scroll 0 0;
  border: 1px solid #156090;
  color: #ffffff; }

.ui-panelmenu .ui-panelmenu-header.ui-state-active,
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  background: #1f89ce;
  color: #ffffff;
  border-color: #168dd9; }

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

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

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

.ui-ribbon-group-content .ui-button.ui-state-default {
  border: 1px solid #d3d3d3;
  background: #f9f9fc;
  font-weight: normal;
  color: #555555;
  box-shadow: none !important;
  text-shadow: none !important; }

.ui-ribbon-group-content .ui-button.ui-state-hover {
  border: 1px solid #a6a6ac;
  background: #ededf0;
  font-weight: normal;
  color: #212121; }

.ui-ribbon-group-content .ui-button.ui-state-default span {
  text-shadow: none !important; }

.ui-tabmenu li.ui-state-active {
  border: 1px solid #156090;
  background: #2CA8FF;
  color: #FFFFFF; }

.ui-tabmenu li.ui-state-active .ui-menuitem-text {
  color: #FFFFFF; }

.ui-slidemenu .ui-menu-child {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.ui-steps .ui-state-highlight span {
  color: #ffffff; }

.ui-scrollpanel .ui-scrollpanel-drag {
  background-color: #dcdcdc; }

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
  font-weight: bold; }

.ui-accordion .ui-accordion-header {
  border: 1px solid #d9d9d9;
  background: #f6f7f9; }

.ui-accordion .ui-accordion-header.ui-state-hover {
  background: #ededf0; }

.ui-accordion .ui-accordion-header.ui-state-active {
  background: #ffffff;
  border-left: 0px none;
  border-right: 0px none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

.ui-accordion .ui-accordion-content {
  border: 1px solid #D5D5D5;
  border-top: 0; }

.ui-accordion .ui-accordion-header {
  margin-top: 10px !important;
  border-radius: 3px !important; }
  .ui-accordion .ui-accordion-header.ui-state-active {
    border-left: 1px solid #d9d9d9 !important;
    border-right: 1px solid #d9d9d9 !important;
    background: #f6f7f9; }
    .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
      left: 0.8em !important; }
  .ui-accordion .ui-accordion-header .ui-icon {
    left: 1em !important;
    margin-top: -8px !important; }
  .ui-accordion .ui-accordion-header .paymentgatewayIcon {
    margin: -4px 5px 0 0; }

.ui-blockui, .blockUI {
  background: #ccc 50% !important;
  opacity: 0.3 !important; }

.blockMsg {
  display: none !important; }

.ui-selectcheckboxmenu-multiple {
  width: 100% !important;
  height: 40px; }
  .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    top: 14px !important;
    right: 2px !important; }
    .ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon:after {
      font-size: 12px;
      opacity: 0.7;
      color: #757575; }

.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  display: inline-flex;
  max-width: 150px; }

.ui-datepicker {
  padding: 0px !important; }

.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div > .ui-widget-header {
  position: relative;
  padding: .4em 0;
  border: 1px solid #3b3e40; }

.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-timepicker-div > .ui-widget-header {
  background: #595c5d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #595c5d 0%, #474a4b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595c5d), color-stop(100%, #474a4b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #595c5d 0%, #474a4b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #595c5d 0%, #474a4b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #595c5d 0%, #474a4b 100%);
  /* IE10+ */
  background: linear-gradient(top, #595c5d 0%, #474a4b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595c5d', endColorstr='#474a4b',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.ui-datepicker th {
  color: #e8e9ea !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border: #27292b solid !important;
  border-width: 1px 0 !important;
  background: #77797a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #77797a 0%, #5b5e5e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77797a), color-stop(100%, #5b5e5e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #77797a 0%, #5b5e5e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #77797a 0%, #5b5e5e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #77797a 0%, #5b5e5e 100%);
  /* IE10+ */
  background: linear-gradient(top, #77797a 0%, #5b5e5e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77797a', endColorstr='#5b5e5e',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 2px !important; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px !important; }

.ui-datepicker .ui-datepicker-next {
  right: 2px !important; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px !important; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px !important; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #e8e9ea;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  font-size: .9em;
  border-collapse: collapse;
  margin: -1px 0 0 0 !important; }

.ui-datepicker th {
  padding: .7em 0;
  text-align: center;
  font-weight: bold;
  border: 0;
  font-size: 10px;
  color: #acacac;
  border-bottom: 1px solid #cdcdcd !important; }

.ui-datepicker td {
  border: 0;
  padding: 0 !important;
  border: 1px solid #cdcdcd; }

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0 !important;
  border: 0 none !important;
  /*border: 1px solid #cdcdcd !important;*/
  line-height: 30px;
  text-align: center !important;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold !important; }

.ui-datepicker td a.ui-state-default {
  color: #5d5d5d;
  background: #e8e9ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e9ea), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ea', endColorstr='#e3e3e3',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; }

.ui-datepicker-current-day a {
  background: #2CA8FF !important;
  filter: none !important;
  color: #FFFFFF !important; }

.ui-datepicker-today a.ui-state-highlight {
  text-shadow: 1px 1px 1px #156090; }

.ui-datepicker td a.ui-state-default.ui-state-hover {
  background: #eeeeee; }

td.ui-datepicker-unselectable {
  border-color: #ebebeb !important;
  background: #fcfcfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(top, #fcfcfc 0%, #efefef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 );
  /* IE6-9 */ }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker-header .ui-state-hover {
  border: 0;
  background: none; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

#ui-datepicker-div {
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8); }

.ui-calendar {
  width: 100% !important; }
  .ui-calendar .ui-inputfield {
    width: 100%;
    padding-left: 10px;
    height: 40px; }
    .ui-calendar .ui-inputfield.ui-state-disabled {
      background-color: #f5f5f5 !important;
      color: #555 !important;
      opacity: 0.7; }

.ui-datepicker {
  color: #666 !important; }
  .ui-datepicker .ui-datepicker-header {
    background: #f2f2f2 !important;
    border: none !important; }
  .ui-datepicker .ui-datepicker-title {
    color: #555 !important;
    text-shadow: none !important; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: transparent;
    border: none;
    text-decoration: none !important; }
    .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
      color: #555;
      width: 16px;
      text-indent: -9999px !important;
      text-align: right;
      top: 6px;
      position: relative; }
  .ui-datepicker .ui-datepicker-prev {
    margin-left: 10px; }
  .ui-datepicker .ui-datepicker-next {
    margin-right: 10px; }
  .ui-datepicker .ui-picker-up, .ui-datepicker .ui-picker-down {
    background: transparent;
    border: none;
    text-decoration: none !important; }
    .ui-datepicker .ui-picker-up .ui-icon, .ui-datepicker .ui-picker-down .ui-icon {
      left: inherit;
      top: inherit; }
  .ui-datepicker td a.ui-state-highlight, .ui-datepicker td a.ui-state-active {
    text-shadow: none !important;
    color: white !important; }
  .ui-datepicker td a.ui-state-active {
    background-color: #007700 !important; }
  .ui-datepicker .ui-slider-horizontal {
    height: 6px !important;
    background-color: #ccc !important;
    box-shadow: none !important; }
    .ui-datepicker .ui-slider-horizontal .ui-slider-handle {
      background: #fff;
      border: 2px solid #888;
      top: -6px !important;
      border-radius: 50%;
      width: 18px !important;
      height: 18px !important; }
      .ui-datepicker .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
        border-color: #007700 !important; }
      .ui-datepicker .ui-slider-horizontal .ui-slider-handle.ui-state-active {
        background-color: #007700 !important; }
  .ui-datepicker .ui-timepicker-div dl dd {
    margin: 17px 10px 20px 40% !important; }
  .ui-datepicker table td {
    border: none !important;
    padding: 1px !important; }
  .ui-datepicker .ui-timepicker {
    color: #666 !important; }
  .ui-datepicker .ui-timepicker-div dl dt {
    position: relative;
    top: -8px; }
    .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label {
      top: 2px; }
  .ui-datepicker td a.ui-state-default {
    background: white; }
  .ui-datepicker .ui-timepicker {
    background: white;
    border: none; }
  .ui-datepicker .ui-datepicker-group {
    border: none; }
  .ui-datepicker th {
    background: white;
    border-bottom: none !important;
    text-shadow: none;
    color: #999 !important; }

a.ui-monthpicker-month.ui-state-active {
  background-color: #007700 !important;
  text-shadow: none !important;
  color: white !important; }
  a.ui-monthpicker-month.ui-state-active:hover {
    color: white !important; }
a.ui-monthpicker-month:hover {
  color: inherit !important;
  text-decoration: none !important; }

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: center !important; }

.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dd {
  margin: 30px 10px 20px 10px !important; }

.ui_tpicker_time_label {
  display: none !important; }

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute::before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second::before {
  display: none !important; }

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: visible;
  border: 0 none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); }

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  background: transparent !important;
  padding: 0 0 8px 0;
  border: solid #e5e5e5;
  border-width: 0 0 1px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
  color: #353536;
  font-size: 20px !important; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 15px 20px 20px 20px;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border: solid #e5e5e5;
  border-width: 1px 0 0 0;
  background: transparent;
  margin: 20px 20px 10px 20px;
  padding: .4em 1em !important; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-confirm-dialog {
  padding: 10px !important; }

.ui-confirm-dialog-severity {
  float: none !important; }

.ui-dialog-content a {
  color: #007bff; }

.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  border-color: #ffffff; }

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  position: relative;
  top: 3px; }

.ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-label,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover {
  background-color: #ffffff; }

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-token.ui-state-active,
.ui-autocomplete .ui-autocomplete-token.ui-state-active,
.ui-chips .ui-chips-token.ui-state-active {
  background: #2CA8FF;
  color: #FFFFFF; }

.ui-selectonemenu {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  padding-left: 10px;
  min-width: unset !important; }
  .ui-selectonemenu label.ui-selectonemenu-label {
    padding: 7px 12px;
    border: none !important; }
  .ui-selectonemenu .ui-selectonemenu-trigger {
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    width: 20px;
    height: 100%;
    position: absolute;
    right: 5px !important;
    top: 0;
    padding: 0 3px;
    background: transparent;
    border-color: transparent; }
    .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      top: 8px !important;
      margin-left: 4px; }
      .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:after {
        position: absolute;
        opacity: 0.7;
        color: #757575; }

.ui-selectcheckboxmenu {
  overflow: hidden; }
  .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    height: inherit; }
    .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
      top: 8px;
      right: 5px; }
      .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:after {
        opacity: 0.7;
        color: #757575; }

.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  color: #757575; }
  .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover {
    padding: 1px !important; }
.ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box .ui-icon {
  top: 0 !important; }

.ui-selectonemenu-table td, .ui-selectonemenu-table tr {
  color: #495057;
  background-color: #fff;
  border-style: hidden !important; }
.ui-selectonemenu-table tr:hover td {
  background-color: #F8F9FA !important; }

.ui-selectonemenu-filter-container {
  width: 100%;
  border-color: #ced4da;
  color: #495057; }
  .ui-selectonemenu-filter-container input {
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: .25rem; }
  .ui-selectonemenu-filter-container .ui-icon-search {
    text-indent: 0px;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin-left: 10px; }
    .ui-selectonemenu-filter-container .ui-icon-search:after {
      opacity: 0.7;
      color: #757575;
      margin-right: 5px;
      font-size: 0.9em; }

.ui-selectonemenu-panel, .ui-selectcheckboxmenu-panel, .ui-datepicker {
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
  border-radius: .25rem;
  background-color: #fff; }

.ui-selectonemenu-filter-container, .ui-selectcheckboxmenu-header {
  background: #F2F2F2; }

.ui-selectcheckboxmenu-panel {
  padding: 0 !important; }

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {
  margin-top: -14px !important; }

.selectNoOptionLabel {
  font-style: italic; }

.selectOptionLabel {
  display: inline-block;
  margin-left: 10px;
  color: #999;
  font-size: 0.7em;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 2px 4px;
  text-align: center;
  top: -1px;
  position: relative;
  background: #f7f7f7;
  float: right; }
  .selectOptionLabel[data-pseudo]::before {
    content: attr(data-pseudo); }

.selectOptionImage {
  display: inline-block;
  margin-left: 10px;
  top: -1px;
  position: relative;
  float: right; }

.selectOptionIcon {
  margin-left: 10px;
  float: right; }

.ui-selectonemenu-label .selectOptionLabel, .ui-selectonemenu-label .selectOptionImage, .ui-selectonemenu-label .selectOptionIcon {
  display: none; }

.ui-menubutton button, .ui-splitbutton button {
  border: 0 !important;
  background: transparent !important; }

div.ui-menu {
  box-shadow: none !important;
  border-radius: 10px !important; }
  div.ui-menu ul.ui-menu-list li.ui-menuitem {
    margin: 1px 0 5px 0 !important;
    color: rgba(0, 0, 0, 0.5) !important; }
    div.ui-menu ul.ui-menu-list li.ui-menuitem .ui-menuitem-link {
      padding: 0.1em; }
    div.ui-menu ul.ui-menu-list li.ui-menuitem a {
      color: rgba(0, 0, 0, 0.5) !important; }
  div.ui-menu.ui-splitbuttonmenu ul.ui-menu-list li.ui-menuitem {
    padding: .5em .4em; }

.dropdown-item.active, .dropdown-item:active {
  background-color: inherit !important; }

.ui-autocomplete-dropdown .ui-button-icon-primary {
  margin-left: -5px !important; }

table.ui-autocomplete-items tr.ui-autocomplete-item {
  border: none !important; }
  table.ui-autocomplete-items tr.ui-autocomplete-item td {
    border: none !important; }

span.ui-autocomplete-panel {
  z-index: 99999 !important; }

span.ui-autocomplete input.ui-autocomplete-input {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; }
span.ui-autocomplete button.ui-autocomplete-dropdown {
  border: none;
  background: transparent; }

.ui-fileupload-cancel .ui-icon {
  margin-left: -5px !important; }

.ui-fileupload-buttonbar .ui-icon {
  margin-left: 3px !important;
  color: #757575; }

.ui-inputswitch {
  border-radius: 35px !important;
  height: 34px !important;
  border: 2px solid #e3e3e3;
  color: #666; }

.ui-inputswitch-handle {
  height: 24px !important;
  width: 24px !important;
  border: none !important;
  border-radius: 35px !important;
  margin: 3px !important;
  background: #E9ECEF !important;
  margin-right: -3px !important;
  margin-left: 3px !important; }

.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
  margin-left: -3px !important;
  margin-right: 0 !important; }

.ui-inputswitch-on, .ui-inputswitch-off {
  height: 100% !important;
  font-size: 0.9em;
  padding-top: 2px; }

.ui-inputswitch .ui-inputswitch-off span {
  text-align: right !important; }

.ui-inputswitch .ui-inputswitch-on span {
  text-align: left !important; }

.ui-toggle-switch label {
  text-align: left;
  width: auto;
  cursor: pointer; }

.ui-chkbox-box.ui-state-active,
.ui-chkbox-box.ui-state-focus.ui-state-active,
.ui-radiobutton-box.ui-state-active,
.ui-radiobutton-box.ui-state-focus.ui-state-active {
  border: 1px solid #156090;
  background: #2CA8FF;
  color: #FFFFFF; }

.ui-toggleswitch {
  width: 3em;
  height: 1.75em;
  vertical-align: middle; }

.ui-toggleswitch .ui-toggleswitch-slider {
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 30px;
  background: #cccccc; }

.ui-toggleswitch .ui-toggleswitch-slider:before {
  background-color: #ffffff;
  height: 1.250em;
  width: 1.250em;
  left: .25em;
  bottom: .25em;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em); }

.ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
  background: #b7b7b7; }

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

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background-color: #007ad9; }

.ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
  background-color: #116fbf; }

.ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider {
  background: #005b9f; }

.ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.75em; }

.ui-toggleswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 30px; }

.ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.250em;
  width: 1.250em;
  left: .25em;
  bottom: .25em;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s; }

.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em); }

.ui-inputgroup .ui-inputgroup-addon,
.ui-inputgroup .ui-inputgroup-addon-checkbox {
  border-color: #d6d6d6;
  background-color: #f0f0f0;
  color: #222222; }

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

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

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

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

.ui-selectbooleanbutton.ui-button.ui-state-default,
.ui-selectonebutton .ui-button.ui-state-default,
.ui-selectmanybutton .ui-button.ui-state-default {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  font-weight: normal;
  color: #555555; }

.ui-selectbooleanbutton.ui-button.ui-state-hover, .ui-selectbooleanbutton.ui-button.ui-state-focus,
.ui-selectonebutton .ui-button.ui-state-hover, .ui-selectonebutton .ui-button.ui-state-focus,
.ui-selectmanybutton .ui-button.ui-state-hover, .ui-selectmanybutton .ui-button.ui-state-focus {
  border: 1px solid #c0c0c0;
  background: #eeeeee;
  font-weight: normal;
  color: #212121; }

.ui-selectbooleanbutton.ui-button.ui-state-active,
.ui-selectonebutton .ui-button.ui-state-active,
.ui-selectmanybutton .ui-button.ui-state-active {
  border: 1px solid #156090;
  background: #2CA8FF;
  color: #FFFFFF; }

input.form-control:focus, div.form-control:focus, .form-control input:focus, textarea.form-control:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #ced4da !important; }
input.form-control::-webkit-input-placeholder, div.form-control::-webkit-input-placeholder, .form-control input::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder {
  opacity: 0.7 !important;
  color: #757575; }
input.form-control:-moz-placeholder, div.form-control:-moz-placeholder, .form-control input:-moz-placeholder, textarea.form-control:-moz-placeholder {
  opacity: 0.7 !important;
  color: #757575; }
input.form-control::-moz-placeholder, div.form-control::-moz-placeholder, .form-control input::-moz-placeholder, textarea.form-control::-moz-placeholder {
  opacity: 0.7 !important;
  color: #757575; }
input.form-control:-ms-input-placeholder, div.form-control:-ms-input-placeholder, .form-control input:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder {
  opacity: 0.7 !important;
  color: #757575; }
input.form-control.ui-state-error, div.form-control.ui-state-error, .form-control input.ui-state-error, textarea.form-control.ui-state-error {
  background-color: #f9c7c7 !important; }
input.form-control.ui-state-disabled, div.form-control.ui-state-disabled, .form-control input.ui-state-disabled, textarea.form-control.ui-state-disabled {
  background-color: #f5f5f5 !important;
  opacity: 0.7; }

span.form-control, div.form-control {
  padding: 0 !important; }
  span.form-control input, div.form-control input {
    width: 100% !important;
    border: 0 !important;
    padding: 7px 12px; }
    span.form-control input::-webkit-input-placeholder, div.form-control input::-webkit-input-placeholder {
      opacity: 0.7 !important;
      color: #757575; }
    span.form-control input:-moz-placeholder, div.form-control input:-moz-placeholder {
      opacity: 0.7 !important;
      color: #757575; }
    span.form-control input::-moz-placeholder, div.form-control input::-moz-placeholder {
      opacity: 0.7 !important;
      color: #757575; }
    span.form-control input:-ms-input-placeholder, div.form-control input:-ms-input-placeholder {
      opacity: 0.7 !important;
      color: #757575; }

.ui-chkbox .ui-chkbox-box, .ui-chkbox .ui-radiobutton-box, .ui-radiobutton .ui-chkbox-box, .ui-radiobutton .ui-radiobutton-box {
  width: 1.3em !important;
  height: 1.3em !important;
  border: 1px solid #ced4da !important; }

.ui-chkbox .ui-chkbox-box .ui-icon {
  top: -3px !important;
  margin-top: 1px !important;
  text-indent: 2px !important; }
  .ui-chkbox .ui-chkbox-box .ui-icon:after {
    color: #fff; }
.ui-chkbox.ui-state-active, .ui-chkbox .ui-state-focus.ui-state-active {
  background: #007700 !important; }
.ui-chkbox .ui-icon:after {
  font-size: 0.9em; }

.ui-radiobutton .ui-radiobutton-box.ui-state-active, .ui-radiobutton .ui-radiobutton-box .ui-state-focus.ui-state-active {
  background: #fff !important;
  border: 5px solid #007700 !important; }
.ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
  display: none !important; }

.input-group-text {
  color: #757575 !important;
  min-width: 45px;
  font-size: 0.9em !important;
  background: #fff !important; }
  .input-group-text .glyphicon, .input-group-text .fa-classic, .input-group-text .fa-brands, .input-group-text .fa-duotone, .input-group-text .fa-kit {
    margin: auto;
    font-size: 1rem; }
  .input-group-text a {
    color: #757575 !important; }
  .input-group-text.disabled {
    background-color: #f5f5f5 !important;
    color: #555 !important;
    opacity: 0.7; }

.input-group > .input-group-text:first-child {
  z-index: 1;
  border-right: 1px solid #EFEFEF !important; }
.input-group > .input-group-text:last-child {
  z-index: 1;
  border-left: 1px solid #EFEFEF !important; }

.ui-inputswitch-handle {
  background: #b35909 !important; }

.ui-inputswitch-checked .ui-inputswitch-handle {
  background: #007700 !important; }

button span.ui-icon {
  text-indent: 4px; }
button.ui-button-icon-only span.ui-icon {
  text-indent: 0px; }

.btn-round {
  border-width: 1px;
  border-radius: 30px !important;
  padding: 9px 18px; }

button.btn.disabled, button.btn:disabled, input[type=submit].btn.disabled, input[type=submit].btn:disabled {
  text-decoration: line-through !important;
  cursor: not-allowed !important;
  pointer-events: all !important; }

@media (max-width: 767px) {
  .toggle-switch {
    margin-top: 20px; } }

input.form-control {
  position: unset !important; }

input[type=checkbox] + label, input[type=radio] + label {
  margin-left: 6px; }

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
  font-weight: bold;
  letter-spacing: -0.65px; }

label {
  font-weight: bold; }

label + br + small {
  margin-bottom: 10px;
  display: inline-block; }

.ui-inputtextarea {
  width: 100%; }

span.form-control input, div.form-control input {
  padding: 6px 12px !important; }

.ui-button .ui-icon-loading {
  display: block !important; }
  .ui-button .ui-icon-loading:before {
    content: ""; }

button.btn.disabled, button.btn:disabled, input[type="submit"].btn.disabled, input[type="submit"].btn:disabled {
  text-decoration: inherit !important; }

.alert {
  padding: 0.5rem 0.75rem !important; }

.ui-growl {
  top: 92px !important;
  box-shadow: 0 0 !important;
  text-shadow: 0 0 !important; }
  .ui-growl .ui-growl-image {
    background: none !important;
    font: var(--fa-font-regular); }
  .ui-growl .ui-growl-icon-close {
    top: 7px;
    right: 9px; }

.ui-messages, .ui-message {
  font-size: 0.9em;
  margin: 5px 0 !important; }
  .ui-messages .ui-messages-info-icon, .ui-messages .ui-messages-warn-icon, .ui-messages .ui-messages-error-icon, .ui-messages .ui-messages-fatal-icon, .ui-message .ui-messages-info-icon, .ui-message .ui-messages-warn-icon, .ui-message .ui-messages-error-icon, .ui-message .ui-messages-fatal-icon {
    margin-top: 0px !important; }
  .ui-messages .ui-message-info-icon, .ui-messages .ui-message-warn-icon, .ui-messages .ui-message-error-icon, .ui-messages .ui-message-fatal-icon, .ui-message .ui-message-info-icon, .ui-message .ui-message-warn-icon, .ui-message .ui-message-error-icon, .ui-message .ui-message-fatal-icon {
    margin-top: 4px !important; }
  .ui-messages > div, .ui-message > div {
    border-radius: 3px; }
  .ui-messages .ui-messages-info-icon, .ui-messages .ui-message-info-icon, .ui-messages .ui-messages-warn-icon, .ui-messages .ui-message-warn-icon, .ui-messages .ui-messages-error-icon, .ui-messages .ui-message-error-icon, .ui-messages .ui-messages-fatal-icon, .ui-messages .ui-message-fatal-icon, .ui-message .ui-messages-info-icon, .ui-message .ui-message-info-icon, .ui-message .ui-messages-warn-icon, .ui-message .ui-message-warn-icon, .ui-message .ui-messages-error-icon, .ui-message .ui-message-error-icon, .ui-message .ui-messages-fatal-icon, .ui-message .ui-message-fatal-icon {
    background: none !important;
    text-indent: 0px !important;
    font: var(--fa-font-regular); }

.ui-messages-info-icon:after, .ui-message-info-icon:after, .ui-growl-image-info:after {
  content: "";
  position: absolute; }

.ui-messages-warn-icon:after, .ui-message-warn-icon:after, .ui-growl-image-warn:after {
  content: "";
  position: absolute; }

.ui-messages-error-icon:after, .ui-message-error-icon:after, .ui-messages-fatal-icon:after, .ui-message-fatal-icon:after, .ui-growl-image-error:after, .ui-growl-image-fatal:after {
  content: "";
  position: absolute; }

.ui-growl-image:after {
  top: calc(50% - 12px); }

.ui-messages-info-icon:after, .ui-message-info-icon:after, .ui-messages-warn-icon:after, .ui-message-warn-icon:after, .ui-messages-error-icon:after, .ui-message-error-icon:after, .ui-messages-fatal-icon:after, .ui-message-fatal-icon:after {
  top: calc(50% - 8px); }

div.ui-growl-error, div.ui-growl-fatal {
  background: #b35909 !important;
  border-color: #b35909 !important;
  color: #fff !important; }

.divui-growl-info {
  background: #007700 !important;
  border-color: #007700 !important;
  color: #fff !important; }

div.ui-growl-warn {
  background: #896d01 !important;
  border-color: #896d01 !important;
  color: #fff !important; }

.ui-messages-error, .ui-messages-fatal, .ui-message-error, .ui-message-fatal {
  background: #fff !important;
  border: none !important;
  color: #b35909 !important; }

.ui-messages-info, .ui-message-info {
  background: #fff !important;
  border: none !important;
  color: #007700 !important; }

.ui-messages-warn, .ui-message-warn {
  background: #fff !important;
  border: none !important;
  color: #896d01 !important; }

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

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 17px !important;
  height: 21px  !important;
  cursor: default;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #14a4ff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

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

.ui-slider-horizontal {
  height: 6px; }

.ui-slider-horizontal .ui-slider-handle {
  top: -3px !important;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.2em !important;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-datatable th {
  font-weight: bold; }

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

.ui-datatable th.ui-state-hover {
  background: #d3d5d8;
  border-color: #d9d9d9; }

.ui-datatable th.ui-state-active {
  background: #2CA8FF; }

.ui-datatable-odd {
  background-color: #fafafb; }

.ui-datatable-rowordering.ui-state-active {
  background: #14a4ff none repeat scroll 0 0; }

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

.ui-datatable .ui-selection-column .ui-radiobutton-box.ui-state-active,
.ui-datatable .ui-selection-column .ui-chkbox-box.ui-state-active {
  background-color: #ffffff; }

.ui-treetable th {
  font-weight: bold; }

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

.ui-treetable th.ui-state-hover {
  background: #d3d5d8;
  border-color: #d9d9d9; }

.ui-treetable th.ui-state-active {
  background: #2CA8FF;
  color: #ffffff; }

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

.ui-treetable .ui-selection .ui-chkbox-box {
  background-color: #ffffff; }

.ui-treetable .ui-paginator.ui-paginator-bottom {
  border-top: 1px solid #d9d9d9; }

.ui-columntoggler {
  min-width: 250px; }

.ui-columntoggler .ui-columntoggler-item .ui-chkbox {
  margin-top: -14px !important; }

.ui-column-title {
  font-weight: bold; }

.ui-paginator .ui-paginator-page.ui-state-active {
  background: #2CA8FF;
  color: #ffffff;
  border-color: #156090; }

.ui-paginator-next, .ui-paginator-prev, .ui-paginator-first, .ui-paginator-last {
  background: transparent !important;
  border: none !important; }

.ui-paginator-next .ui-icon, .ui-paginator-prev .ui-icon, .ui-paginator-first .ui-icon, .ui-paginator-last .ui-icon {
  color: transparent !important; }

.ui-paginator-next .ui-icon:after, .ui-paginator-prev .ui-icon:after, .ui-paginator-first .ui-icon:after, .ui-paginator-last .ui-icon:after {
  color: initial !important; }

.ui-filter-column .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:after, .ui-column-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:after {
  text-indent: -5px !important; }

.table {
  margin-bottom: 0px !important; }

.table-button-edit {
  font-size: 23px !important;
  color: #00a228 !important; }

.table-button-edit:hover {
  font-size: 26px !important; }

.table-button-change-password {
  font-size: 23px !important;
  color: #4a83f7 !important; }

.table-button-change-password:hover {
  font-size: 26px !important; }

.table-button-delete {
  font-size: 23px !important;
  color: #ea3333 !important; }

.table-button-delete:hover {
  font-size: 26px !important; }

.table-button-enable {
  font-size: 23px !important; }

.table-button-enable:hover {
  font-size: 26px !important; }

.table-button-upload-logo {
  font-size: 28px !important;
  color: #F29400 !important; }

.table-button-upload-logo:hover {
  font-size: 31px !important; }

.table-button-features {
  font-size: 26px !important;
  color: #93328E !important; }

.table-button-features:hover {
  font-size: 29px !important; }

.table-button-take-payment {
  font-size: 23px !important;
  color: #00a228 !important; }

.table-button-take-payment:hover {
  font-size: 26px !important; }

.table-button-enabled {
  color: #00A228 !important; }

.table-button-disabled {
  color: #EA3333 !important; }

.ui-datatable {
  text-align: center; }

.ui-treetable table {
  text-align: center; }

.ui-treetable .ui-treetable-toggler {
  margin-top: -3px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 1.2em;
  color: #555; }

tr:first-child td {
  border-top: none; }

.ui-datatable .ui-datatable-header {
  background: #F2F2F2; }

.ui-datatable .ui-sortable-column {
  background: #F7F7F7 !important; }

.ui-datatable .ui-column-filter {
  border-radius: 5px; }

.ui-datatable th.ui-state-default {
  background: #F7F7F7 !important; }

td[role=gridcell].hidesmallheader span.ui-column-title {
  display: none !important; }

td[role=gridcell] a {
  color: #007bff; }

.ui-datatable-reflow .ui-reflow-dropdown {
  border: 1px solid #ced4da !important;
  border-radius: .25rem;
  box-shadow: none !important; }

.ui-paginator {
  background: #f2f2f2; }

.ui-tabs.ui-widget-content:not(.ui-ribbon) {
  border: 0px none; }

.ui-tabs:not(.ui-ribbon) .ui-tabs-nav {
  background: transparent; }

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

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-hover {
  background: #ededf0; }

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active {
  background: #ffffff;
  font-weight: normal;
  color: #555555; }

.ui-wizard.steps5 .ui-wizard-step-title {
  width: calc(20% - 4px);
  margin: 0 2px; }
.ui-wizard.steps4 .ui-wizard-step-title {
  width: calc(25% - 4px);
  margin: 0 2px; }
.ui-wizard.steps3 .ui-wizard-step-title {
  width: calc(33% - 4px);
  margin: 0 2px; }
.ui-wizard .ui-wizard-step-titles {
  margin-bottom: 50px; }
  .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: unset;
    color: #5f5f5f; }
    .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title a {
      color: inherit; }
    .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
      background: none !important;
      border-bottom: 1px solid #007700 !important;
      color: #007700 !important; }
      .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight a {
        color: #007700 !important; }
    .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title .number {
      font-size: 2em; }
    .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title .description {
      margin: auto; }

@media (max-width: 767px) {
  .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title .description {
    display: none; } }
.ui-tabs .ui-tabs-panels {
  border: 1px solid #e3e3e3;
  border-radius: 3px; }

.ui-tabs .ui-tabs-nav {
  padding-bottom: 0px !important; }

.ui-tabs-header a {
  color: #757575;
  padding: .5em !important; }

@media (min-width: 768px) {
  .ui-tabs-header a {
    font-size: 1.2em;
    padding: .5em 1em !important; } }
.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active a {
  color: #007700; }

.ui-tabs .ui-tabs-nav {
  border-top: none;
  border-left: none;
  border-right: none;
  padding-bottom: 8px !important; }

.ui-tabs .ui-tabs-nav li {
  border: none; }

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active {
  border-bottom-color: pink;
  border-bottom: 2px solid #76BC5C; }

.ui-tabs .ui-tabs-nav > li.ui-state-default {
  background-color: #fff !important; }

.elements-group {
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 5px 5px 20px -5px rgba(153, 153, 153, 0.2); }
  .elements-group .element {
    color: #757575; }
    .elements-group .element:not(:last-child) {
      padding-bottom: 20px; }
    .elements-group .element .field {
      background: #fff;
      font-weight: 300;
      border: 1px solid #e3e3e3;
      outline: none;
      padding-right: 10px;
      padding-left: 10px;
      cursor: text;
      border-radius: 7px;
      height: 2.8em;
      width: 100%;
      overflow: hidden; }
      .elements-group .element .field.ui-state-error {
        color: #AD1414;
        border: 1px dashed #AD1414; }
      .elements-group .element .field::-webkit-input-placeholder {
        opacity: 0.3 !important;
        color: #757575; }
      .elements-group .element .field:-moz-placeholder {
        opacity: 0.3 !important;
        color: #757575; }
      .elements-group .element .field::-moz-placeholder {
        opacity: 0.3 !important;
        color: #757575; }
      .elements-group .element .field:-ms-input-placeholder {
        opacity: 0.3 !important;
        color: #757575; }
      .elements-group .element .field.ui-calendar {
        padding: 0; }
        .elements-group .element .field.ui-calendar input {
          background: #fff;
          font-weight: 300;
          border: 0;
          outline: none;
          padding-right: 10px;
          padding-left: 10px;
          cursor: text;
          border-radius: 5px;
          height: 2.8em;
          width: 100%; }
          .elements-group .element .field.ui-calendar input.ui-state-error {
            color: #AD1414;
            border: 1px dashed #AD1414; }
    .elements-group .element label:not(.ui-selectonemenu-label) {
      margin-top: 10px; }

@media (min-width: 1000px) {
  .elements-group .element:not(:first-child) {
    margin-top: 20px; } }
iframe#d3sModalContent {
  width: 70vw;
  min-width: 420px;
  max-width: 640px;
  height: 70vh;
  min-height: 420px;
  max-height: 640px;
  border: none; }

.indexbody {
  background-attachment: fixed;
  background-image: url("/jakarta.faces.resource/whitelabel/sotpay/index-background.jpg.xhtml?ln=img");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .indexbody header hr {
    display: none; }
  .indexbody footer {
    background: transparent;
    background-color: unset;
    color: #fff;
    color: rgba(255, 255, 255, 0.8); }
    .indexbody footer a {
      color: #fff;
      color: rgba(255, 255, 255, 0.8); }
      .indexbody footer a:hover {
        color: #f7f7f7;
        color: rgba(247, 247, 247, 0.8); }

#indexcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 100px; }
  #indexcontainer #buttons {
    height: 250px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center; }
  #indexcontainer img#indexlogo {
    width: 50%;
    min-width: 250px;
    max-width: 400px; }

@media (max-height: 640px) {
  #indexcontainer {
    margin-top: 40px; } }
img[id$=vendorlogo] {
  max-width: 500px; }

.menu-item .menu-content {
  border-radius: 5px;
  margin: 15px 0px;
  box-shadow: 1px 1px 1px #EFEFEF;
  background: #f7f7f7 !important;
  color: #007700 !important; }
  .menu-item .menu-content.warningoverlay:after {
    color: #b35909;
    top: 27px;
    left: 30px;
    font-size: 1em; }
  .menu-item .menu-content:hover {
    background: #007700 !important;
    color: #f7f7f7 !important;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -ms-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content.theme-colour-settings {
    background: #f7f7f7 !important;
    color: #926601 !important; }
    .menu-item .menu-content.theme-colour-settings:hover {
      background: #926601 !important;
      color: #f7f7f7 !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content.theme-colour-vendor {
    background: #f7f7f7 !important;
    color: #7e3985 !important; }
    .menu-item .menu-content.theme-colour-vendor:hover {
      background: #7e3985 !important;
      color: #f7f7f7 !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content.theme-colour-tools {
    background: #f7f7f7 !important;
    color: #871a1a !important; }
    .menu-item .menu-content.theme-colour-tools:hover {
      background: #871a1a !important;
      color: #f7f7f7 !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content.theme-colour-transactions {
    background: #f7f7f7 !important;
    color: #2574a9 !important; }
    .menu-item .menu-content.theme-colour-transactions:hover {
      background: #2574a9 !important;
      color: #f7f7f7 !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content.theme-colour-register {
    background: #f7f7f7 !important;
    color: #007700 !important; }
    .menu-item .menu-content.theme-colour-register:hover {
      background: #007700 !important;
      color: #f7f7f7 !important;
      -webkit-transition: background 0.3s ease, color 0.3s ease;
      -moz-transition: background 0.3s ease, color 0.3s ease;
      -ms-transition: background 0.3s ease, color 0.3s ease;
      -o-transition: background 0.3s ease, color 0.3s ease;
      transition: background 0.3s ease, color 0.3s ease; }
  .menu-item .menu-content:hover {
    transition: background 0.3s linear; }
    .menu-item .menu-content:hover.warningoverlay:after {
      color: inherit; }
    .menu-item .menu-content:hover .menu-title {
      color: inherit; }
      .menu-item .menu-content:hover .menu-title .number {
        color: inherit; }
  .menu-item .menu-content a {
    padding: 15px 0 10px;
    display: inherit;
    color: inherit;
    text-decoration: none; }
    .menu-item .menu-content a:hover {
      opacity: 0.9;
      color: #fff; }
      .menu-item .menu-content a:hover .menu-title {
        color: #fff; }
        .menu-item .menu-content a:hover .menu-title .number {
          color: inherit; }
    .menu-item .menu-content a .menu-icon {
      margin: auto;
      text-align: center;
      text-decoration: none !important;
      font-size: 2em; }
    .menu-item .menu-content a .menu-title {
      margin: auto;
      opacity: 0.7;
      text-align: right; }
      .menu-item .menu-content a .menu-title .number {
        font-size: 0.8em; }
        .menu-item .menu-content a .menu-title .number .glyphicon, .menu-item .menu-content a .menu-title .number .fa-classic, .menu-item .menu-content a .menu-title .number .fa-brands, .menu-item .menu-content a .menu-title .number .fa-duotone, .menu-item .menu-content a .menu-title .number .fa-kit {
          font-size: 1em; }
      .menu-item .menu-content a .menu-title.warn {
        color: #b35909; }
      .menu-item .menu-content a .menu-title .glyphicon, .menu-item .menu-content a .menu-title .fa-classic, .menu-item .menu-content a .menu-title .fa-brands, .menu-item .menu-content a .menu-title .fa-duotone, .menu-item .menu-content a .menu-title .fa-kit {
        font-size: 2em; }
    .menu-item .menu-content a .menu-title {
      font-size: 1em;
      text-decoration: none !important; }
      .menu-item .menu-content a .menu-title .number {
        color: #6f6f6f; }

@media (min-width: 768px) {
  .menu-item .menu-content a .menu-icon {
    font-size: 2.2em; }
  .menu-item .menu-content a .menu-title {
    font-size: 1.1em; } }
@media (min-width: 1024px) {
  .menu-item .menu-content a .menu-icon {
    font-size: 4em; }
  .menu-item .menu-content a .menu-title {
    font-size: 1.3em; } }
@media print {
  div[id$=printf] {
    visibility: visible !important;
    position: relative !important;
    top: 0px !important;
    left: 0px !important; }
    div[id$=printf] span[id$='transactionDetails'] .row {
      flex-wrap: nowrap;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important; }
      div[id$=printf] span[id$='transactionDetails'] .row > * {
        width: initial !important; }
    div[id$=printf] div.flexbox-icons.transaction-icons-md {
      display: none !important; } }
div[id$=printf] {
  visibility: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px; }
  div[id$=printf] .row {
    flex-wrap: nowrap;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    div[id$=printf] .row > * {
      width: initial !important; }
  div[id$=printf] div.flexbox-icons.transaction-icons-md {
    display: none !important; }

div.progress.rounded, span.progress.rounded {
  border-radius: 30px !important; }
  div.progress.rounded div.progress-bar, div.progress.rounded span.progress-bar, span.progress.rounded div.progress-bar, span.progress.rounded span.progress-bar {
    border-radius: 30px !important; }
div.progress.inline, span.progress.inline {
  display: inline-flex; }
div.progress.steps-4, span.progress.steps-4 {
  border: 4px solid #fff;
  background: rgba(0, 119, 0, 0.4);
  margin-bottom: 0;
  height: 60px; }
  div.progress.steps-4.small, span.progress.steps-4.small {
    height: 10px;
    border: none; }
    div.progress.steps-4.small div.progress-bar, div.progress.steps-4.small span.progress-bar, span.progress.steps-4.small div.progress-bar, span.progress.steps-4.small span.progress-bar {
      margin: 0px; }
      div.progress.steps-4.small div.progress-bar.width-1-of-4, div.progress.steps-4.small span.progress-bar.width-1-of-4, span.progress.steps-4.small div.progress-bar.width-1-of-4, span.progress.steps-4.small span.progress-bar.width-1-of-4 {
        width: 3px; }
      div.progress.steps-4.small div.progress-bar.width-2-of-4, div.progress.steps-4.small span.progress-bar.width-2-of-4, span.progress.steps-4.small div.progress-bar.width-2-of-4, span.progress.steps-4.small span.progress-bar.width-2-of-4 {
        width: 33.34%; }
      div.progress.steps-4.small div.progress-bar.width-3-of-4, div.progress.steps-4.small span.progress-bar.width-3-of-4, span.progress.steps-4.small div.progress-bar.width-3-of-4, span.progress.steps-4.small span.progress-bar.width-3-of-4 {
        width: 66.67%; }
      div.progress.steps-4.small div.progress-bar.width-4-of-4, div.progress.steps-4.small span.progress-bar.width-4-of-4, span.progress.steps-4.small div.progress-bar.width-4-of-4, span.progress.steps-4.small span.progress-bar.width-4-of-4 {
        width: 100%; }
div.progress div.progress-bar, div.progress span.progress-bar, span.progress div.progress-bar, span.progress span.progress-bar {
  margin: 6px; }
  div.progress div.progress-bar.width-1-of-4, div.progress span.progress-bar.width-1-of-4, span.progress div.progress-bar.width-1-of-4, span.progress span.progress-bar.width-1-of-4 {
    width: 40px; }
  div.progress div.progress-bar.width-2-of-4, div.progress span.progress-bar.width-2-of-4, span.progress div.progress-bar.width-2-of-4, span.progress span.progress-bar.width-2-of-4 {
    width: calc(33.33333% - 4px); }
  div.progress div.progress-bar.width-3-of-4, div.progress span.progress-bar.width-3-of-4, span.progress div.progress-bar.width-3-of-4, span.progress span.progress-bar.width-3-of-4 {
    width: calc(66.66667% - 4px); }
  div.progress div.progress-bar.width-4-of-4, div.progress span.progress-bar.width-4-of-4, span.progress div.progress-bar.width-4-of-4, span.progress span.progress-bar.width-4-of-4 {
    width: 100%; }

div.progresstext, span.progresstext {
  font-weight: bold;
  color: #757575; }
  div.progresstext.top, span.progresstext.top {
    margin-bottom: 5px; }
  div.progresstext.bottom, span.progresstext.bottom {
    margin-top: 5px;
    height: 45px; }
    div.progresstext.bottom div, div.progresstext.bottom span, span.progresstext.bottom div, span.progresstext.bottom span {
      height: 100%;
      vertical-align: top; }
  div.progresstext div.width-1-of-4, div.progresstext span.width-1-of-4, span.progresstext div.width-1-of-4, span.progresstext span.width-1-of-4 {
    width: 16.66667%;
    display: inline-block;
    text-align: left; }
  div.progresstext div.width-2-of-4, div.progresstext span.width-2-of-4, span.progresstext div.width-2-of-4, span.progresstext span.width-2-of-4 {
    width: 33.33333%;
    display: inline-block;
    text-align: center; }
  div.progresstext div.width-3-of-4, div.progresstext span.width-3-of-4, span.progresstext div.width-3-of-4, span.progresstext span.width-3-of-4 {
    width: 33.33333%;
    display: inline-block;
    text-align: center; }
  div.progresstext div.width-4-of-4, div.progresstext span.width-4-of-4, span.progresstext div.width-4-of-4, span.progresstext span.width-4-of-4 {
    width: 16.66667%;
    display: inline-block;
    text-align: right; }

.flexbox-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .flexbox-icons div.item {
    text-align: center; }
  .flexbox-icons.transaction-icons-md {
    display: none !important; }
    .flexbox-icons.transaction-icons-md div:last-child {
      margin-bottom: 20px; }

.adminButton {
  display: inline-block !important;
  font-weight: bold;
  text-align: center; }
  .adminButton.large {
    font-size: 1.5em !important;
    padding: 8px 11px !important; }
    .adminButton.large.icon {
      margin: 0 12px; }
      .adminButton.large.icon .glyphicon, .adminButton.large.icon .fa-classic, .adminButton.large.icon .fa-brands, .adminButton.large.icon .fa-duotone, .adminButton.large.icon .fa-kit {
        font-size: 3em;
        margin-bottom: 7px; }
  .adminButton.icon {
    margin-right: 5px;
    font-size: 1em !important; }

@media (min-width: 768px) {
  .flexbox-icons.transaction-icons-md {
    display: flex !important; }

  .transaction-icon-sm {
    display: none !important; } }
@media (min-width: 1024px) {
  .adminButton.large .glyphicon, .adminButton.large .fa-classic, .adminButton.large .fa-brands, .adminButton.large .fa-duotone, .adminButton.large .fa-kit {
    font-size: 4.5em !important; }

  .flexbox-icons.transaction-icons-md {
    display: block; } }
.flexbox-text {
  max-width: 600px; }
  .flexbox-text div.item {
    margin: 10px 15px; }
    .flexbox-text div.item.breakAfer {
      page-break-after: always; }

img.vendorLogo {
  max-height: 80px; }

@media (max-width: 767px) {
  img.vendorLogo {
    max-width: 80vw; } }
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  min-height: 100vh; }

.container {
  flex: 1; }

footer {
  text-align: center;
  margin-top: 40px;
  color: #007700;
  background: #f7f7f7;
  background-color: rgba(247, 247, 247, 0.95);
  font-size: 1em; }
  footer a {
    color: #555; }
    footer a:hover {
      color: #757575; }

a {
  text-decoration: none !important; }

label {
  margin-bottom: .5rem; }

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 2.2rem !important; } }
hr {
  border: 0;
  height: 1px;
  color: #e3e3e3 !important;
  background: #e3e3e3;
  background-image: linear-gradient(to right, #EFEFEF, #e3e3e3, #EFEFEF);
  opacity: 1 !important; }

pre {
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 3px; }

.badge {
  font-size: 80% !important; }

.btn-index:not(:hover) {
  background-color: rgba(100, 100, 100, 0.5); }

img.screenshot, video.screenshot {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid #ccc;
  margin: 30px auto;
  width: 90%;
  display: block; }

img.screenshot {
  max-width: 800px; }

img.journey {
  margin: 20px auto;
  display: block;
  max-width: 90%; }

.titlehelp {
  font-size: 1.5em;
  margin-left: 10px;
  color: #ccc; }

.loginsharing {
  color: #999; }

.ui-outputlabel {
  font-weight: bold !important; }

.ui-state-highlight {
  border: none !important;
  background-color: #00aa00 !important;
  color: #fff !important; }

.ui-widget .ui-widget {
  text-decoration: none !important; }